_ajax-loader.scss
9 years ago
_auto-install.scss
9 years ago
_deactivation-feedback.scss
9 years ago
_license-activation.scss
9 years ago
_license-key-resend.scss
9 years ago
_modal-common.scss
9 years ago
account.scss
9 years ago
add-ons.scss
9 years ago
checkout.scss
9 years ago
common.scss
9 years ago
connect.scss
9 years ago
debug.scss
9 years ago
dialog-boxes.scss
9 years ago
_ajax-loader.scss
49 lines
| 1 | $color: $wp-selected-color; |
| 2 | $bkg-color: #fff; |
| 3 | $size: 20; |
| 4 | |
| 5 | .fs-ajax-loader |
| 6 | { |
| 7 | position: relative; |
| 8 | width: #{8*$size + 10}px; |
| 9 | height: #{$size}px; |
| 10 | margin: auto; |
| 11 | |
| 12 | .fs-ajax-loader-bar |
| 13 | { |
| 14 | position: absolute; |
| 15 | top: 0; |
| 16 | background-color: $color; |
| 17 | width: #{$size}px; |
| 18 | height: #{$size}px; |
| 19 | @include animation-name(bounce_ajaxLoader); |
| 20 | @include animation-duration(1.5s); |
| 21 | @include animation-iteration-count(infinite); |
| 22 | @include animation-direction(normal); |
| 23 | @include transform(.3); |
| 24 | } |
| 25 | |
| 26 | @for $i from 0 through 7 |
| 27 | { |
| 28 | .fs-ajax-loader-bar-#{$i + 1} |
| 29 | { |
| 30 | left: #{$i*($size - 1)}px; |
| 31 | @include animation-delay(#{0.6 + $i*0.15}s); |
| 32 | } |
| 33 | } |
| 34 | } |
| 35 | |
| 36 | @include keyframes(bounce_ajaxLoader) |
| 37 | { |
| 38 | 0% |
| 39 | { |
| 40 | @include transform(scale(1)); |
| 41 | background-color: $color; |
| 42 | } |
| 43 | |
| 44 | 100% |
| 45 | { |
| 46 | @include transform(scale(.3)); |
| 47 | background-color: $bkg-color; |
| 48 | } |
| 49 | } |