You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
133 lines
2.1 KiB
133 lines
2.1 KiB
@import "prefixer";
|
|
@import "bootstrap/variables";
|
|
|
|
@colorDark : @grayDark;
|
|
@colorLight : @grayLighter;
|
|
|
|
#followingBalls {
|
|
position : relative;
|
|
height : 20px;
|
|
width : 256px;
|
|
margin : 50px auto;
|
|
display : block;
|
|
}
|
|
|
|
.followingBalls {
|
|
background-color : @colorDark;
|
|
position : absolute;
|
|
top : 0;
|
|
left : 0;
|
|
width : 20px;
|
|
height : 20px;
|
|
.border-radius(10px);
|
|
.animation-name(bounce_followingBallsG);
|
|
.animation-duration(1.9s);
|
|
.animation-iteration-count(infinite);
|
|
.animation-direction(linear);
|
|
}
|
|
|
|
#followingBallsG_1 {
|
|
.animation-delay(0s);
|
|
}
|
|
|
|
#followingBallsG_2 {
|
|
.animation-delay(0.19s);
|
|
}
|
|
|
|
#followingBallsG_3 {
|
|
.animation-delay(0.38s);
|
|
}
|
|
|
|
#followingBallsG_4 {
|
|
.animation-delay(0.57s);
|
|
}
|
|
|
|
@-moz-keyframes bounce_followingBallsG {
|
|
0% {
|
|
left : 0px;
|
|
background-color : @colorDark;
|
|
}
|
|
|
|
50% {
|
|
left : 236px;
|
|
background-color : @colorLight;
|
|
}
|
|
|
|
100% {
|
|
left : 0px;
|
|
background-color : @colorDark;
|
|
}
|
|
|
|
}
|
|
|
|
@-webkit-keyframes bounce_followingBallsG {
|
|
0% {
|
|
left : 0px;
|
|
background-color : @colorDark;
|
|
}
|
|
|
|
50% {
|
|
left : 236px;
|
|
background-color : @colorLight;
|
|
}
|
|
|
|
100% {
|
|
left : 0px;
|
|
background-color : @colorDark;
|
|
}
|
|
|
|
}
|
|
|
|
@-ms-keyframes bounce_followingBallsG {
|
|
0% {
|
|
left : 0px;
|
|
background-color : @colorDark;
|
|
}
|
|
|
|
50% {
|
|
left : 236px;
|
|
background-color : @colorLight;
|
|
}
|
|
|
|
100% {
|
|
left : 0px;
|
|
background-color : @colorDark;
|
|
}
|
|
|
|
}
|
|
|
|
@-o-keyframes bounce_followingBallsG {
|
|
0% {
|
|
left : 0px;
|
|
background-color : @colorDark;
|
|
}
|
|
|
|
50% {
|
|
left : 236px;
|
|
background-color : @colorLight;
|
|
}
|
|
|
|
100% {
|
|
left : 0px;
|
|
background-color : @colorDark;
|
|
}
|
|
|
|
}
|
|
|
|
@keyframes bounce_followingBallsG {
|
|
0% {
|
|
left : 0px;
|
|
background-color : @colorDark;
|
|
}
|
|
|
|
50% {
|
|
left : 236px;
|
|
background-color : @colorLight;
|
|
}
|
|
|
|
100% {
|
|
left : 0px;
|
|
background-color : @colorDark;
|
|
}
|
|
}
|