mirror of
https://github.com/cpvalente/ontime.git
synced 2026-08-06 07:53:54 +00:00
Carlos Valente
9b5d536378
* refactor: cleanup project entry point * refactor: remove unused * refactor: folder restructure
46 lines
625 B
SCSS
46 lines
625 B
SCSS
@use '../../../theme/main' as *;
|
|
@use '../../../theme/mixins' as *;
|
|
|
|
.container {
|
|
background: $bg-black;
|
|
|
|
display: grid;
|
|
place-content: center;
|
|
height: 100vh;
|
|
padding-bottom: 30vh;
|
|
|
|
color: $ontime-pink;
|
|
font-family: 'Open Sans', sans-serif;
|
|
font-weight: 200;
|
|
text-align: center;
|
|
font-size: 3vw;
|
|
}
|
|
|
|
.pin,
|
|
.pin__failed {
|
|
padding: 20px;
|
|
|
|
input {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
button {
|
|
margin-left: 20px;
|
|
}
|
|
}
|
|
|
|
.pin__failed {
|
|
input {
|
|
animation: colourFade 1.5s ease;
|
|
}
|
|
}
|
|
|
|
@keyframes colourFade {
|
|
from {
|
|
background: $ontime-pink;
|
|
}
|
|
to {
|
|
background: rgba($ontime-pink, 0);
|
|
}
|
|
}
|