mirror of
https://github.com/Xevion/old.xevion.github.io.git
synced 2025-12-06 01:15:33 -06:00
52 lines
868 B
SCSS
52 lines
868 B
SCSS
.status {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 1.1rem;
|
|
margin-top: 70px;
|
|
|
|
&__light {
|
|
width: 30px;
|
|
height: 30px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
&__ring {
|
|
position: absolute;
|
|
width: 25px;
|
|
height: 25px;
|
|
animation: pulsate 2s ease-out;
|
|
animation-iteration-count: infinite;
|
|
opacity: 0;
|
|
border: 3px solid $green;
|
|
border-radius: 30px;
|
|
}
|
|
|
|
@keyframes pulsate {
|
|
0% {
|
|
transform: scale(0.1, 0.1);
|
|
opacity: 0;
|
|
}
|
|
50% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
transform: scale(1.2, 1.2);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
&__led {
|
|
position: absolute;
|
|
width: 13px;
|
|
height: 13px;
|
|
background: $green;
|
|
border-radius: 100%;
|
|
}
|
|
}
|
|
|
|
&__message {
|
|
margin-left: 15px;
|
|
}
|
|
}
|