mirror of
https://github.com/KevinMidboe/planetposen-frontend.git
synced 2025-10-29 13:10:12 +00:00
32 lines
687 B
SCSS
32 lines
687 B
SCSS
@keyframes pulse-live {
|
|
0% {
|
|
box-shadow: 0 0 0 0 rgba(214, 0, 0, 0.7);
|
|
box-shadow: 0 0 0 0 rgba(227, 45, 34, 0.7);
|
|
}
|
|
70% {
|
|
box-shadow: 0 0 0 12px rgba(214, 0, 0, 0);
|
|
box-shadow: 0 0 0 12px rgba(227, 45, 34, 0);
|
|
}
|
|
100% {
|
|
box-shadow: 0 0 0 0 rgba(214, 0, 0, 0);
|
|
box-shadow: 0 0 0 0 rgba(227, 45, 34, 0);
|
|
}
|
|
}
|
|
|
|
@mixin pulse-dot {
|
|
&::after {
|
|
content: '';
|
|
top: 50%;
|
|
position: absolute;
|
|
display: block;
|
|
border-radius: 50%;
|
|
background-color: #d60000;
|
|
background-color: rgb(227, 45, 34);
|
|
border-radius: 50%;
|
|
transform: translate(-50%, -50%);
|
|
animation: pulse-live 2s infinite;
|
|
height: 16px;
|
|
width: 16px;
|
|
}
|
|
}
|