$color: $wp-selected-color;
$bkg-color: #fff;
$size: 20;
.fs-ajax-loader
{
position: relative;
width: #{8*$size + 10}px;
height: #{$size}px;
margin: auto;
.fs-ajax-loader-bar
{
position: absolute;
top: 0;
background-color: $color;
width: #{$size}px;
height: #{$size}px;
@include animation-name(bounce_ajaxLoader);
@include animation-duration(1.5s);
@include animation-iteration-count(infinite);
@include animation-direction(normal);
@include transform(.3);
}
@for $i from 0 through 7
{
.fs-ajax-loader-bar-#{$i + 1}
{
left: #{$i*($size - 1)}px;
@include animation-delay(#{0.6 + $i*0.15}s);
}
}
}
@include keyframes(bounce_ajaxLoader)
{
0%
{
@include transform(scale(1));
background-color: $color;
}
100%
{
@include transform(scale(.3));
background-color: $bkg-color;
}
}