enhance styles of preloader

This commit is contained in:
igoradamenko
2018-05-18 18:02:08 +03:00
parent b4d35283ae
commit 359ee35bfc
5 changed files with 69 additions and 89 deletions
@@ -1,35 +0,0 @@
.preloader__bounce {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 3px;
background-color: #333;
border-radius: 100%;
animation: preloaderBounce 1.4s infinite ease-in-out both;
&:first-child {
animation-delay: -.32s;
}
&:nth-child(2) {
animation-delay: -.16s;
}
&:last-child {
margin-right: 0;
}
@keyframes preloaderBounce {
0% {
transform: scale(0);
}
40% {
transform: scale(1);
}
80%, 100% {
transform: scale(0);
}
}
}
+1 -3
View File
@@ -1,5 +1,3 @@
export { default } from './preloader';
require('./preloader.scss');
require('./__bounce/preloader__bounce.scss');
// all styles were moved to iframe.html
@@ -1,5 +0,0 @@
.preloader {
width: 60px;
text-align: center;
font-size: 0;
}