2018-05-08 07:07:07 +10:00

33 lines
563 B
SCSS

/*
* Loader
* Styles for the animated loader.
*
* Dependencies:
* styles/tools/_transform.scss
*
* Version:
* 1.0.0 - 2018/05/08
*/
.o-loader {
display: block;
width: 32px;
height: 32px;
position: absolute;
left: 50%;
top: 50%;
@include t-translate(-50%, -50%);
&__image {
animation-name: k-loader;
animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
animation-iteration-count: infinite;
animation-duration: 1s;
width: 100%;
height: 100%;
> * {
stroke: $s-color--loader;
}
}
}