42 lines
774 B
Plaintext
42 lines
774 B
Plaintext
|
|
||
|
|
/**
|
||
|
|
* <ajax-button>
|
||
|
|
*
|
||
|
|
* App-wide styles for our ajax buttons.
|
||
|
|
*/
|
||
|
|
|
||
|
|
[parasails-component='ajax-button'] {
|
||
|
|
.button-loader, .button-loading {
|
||
|
|
display: none;
|
||
|
|
margin: auto;
|
||
|
|
.loading-dot {
|
||
|
|
opacity: 0;
|
||
|
|
display: inline;
|
||
|
|
.fade-in();
|
||
|
|
.animation-duration(1s);
|
||
|
|
.animation-iteration-count(infinite);
|
||
|
|
.animation-direction(linear);
|
||
|
|
&.dot1 {
|
||
|
|
.animation-delay(0.25s);
|
||
|
|
}
|
||
|
|
&.dot2 {
|
||
|
|
.animation-delay(0.5s);
|
||
|
|
}
|
||
|
|
&.dot3 {
|
||
|
|
.animation-delay(0.75s);
|
||
|
|
}
|
||
|
|
&.dot4 {
|
||
|
|
.animation-delay(1s);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&.syncing {
|
||
|
|
.button-loader, .button-loading {
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.button-text {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|