Sha256: 521769f7a46b669806c4f08ed4b2a8af31ae25890558c9abe4b6ee3010699678
Contents?: true
Size: 1.43 KB
Versions: 17
Compression:
Stored size: 1.43 KB
Contents
$throbber-color: #dde2e7 !default;
$throbber-highlight-color: #6b9dc8 !default;
$throbber-height: 1.5em !default;
$throbber-segment-width: 0.9em !default;
$throbber-spacing: 0.7em !default;
@mixin keyframes($name) {
@-webkit-keyframes #{$name} { @content }
@-moz-keyframes #{$name} { @content }
@-o-keyframes #{$name} { @content }
@keyframes #{$name} { @content }
}
@include keyframes(throbber) {
0% { background: $throbber-color }
10% { background: $throbber-highlight-color }
40% { background: $throbber-color }
}
/* Styles for old versions of IE */
.throbber {
font-family: sans-serif;
font-weight: 100;
animation: throbber 2000ms 300ms infinite ease-out;
background: $throbber-color;
display: inline-block;
position: relative;
text-indent: -9999px;
width: $throbber-segment-width;
height: $throbber-height;
margin: 0 ($throbber-segment-width + $throbber-spacing);
&:before,
&:after {
background: $throbber-color;
content: '\x200B';
display: inline-block;
width: $throbber-segment-width;
height: $throbber-height;
position: absolute;
top: 0;
}
&:before {
animation: throbber 2000ms 150ms infinite ease-out;
left: -($throbber-segment-width + $throbber-spacing);
}
&:after {
animation: throbber 2000ms 450ms infinite ease-out;
right: -($throbber-segment-width + $throbber-spacing);
}
}
Version data entries
17 entries across 17 versions & 2 rubygems