Commit 8093a50e authored by Benoit Philibert's avatar Benoit Philibert

fix the loading animation

parent 12ff9a07
...@@ -536,23 +536,24 @@ $curve: cubic-bezier(0.650, 0.000, 0.450, 1.000); ...@@ -536,23 +536,24 @@ $curve: cubic-bezier(0.650, 0.000, 0.450, 1.000);
// Loading spinner // Loading spinner
.spinner { .spinner {
width: 40px; width: 30px;
height: 40px; height: 30px;
position: relative; position: relative;
margin: 0 auto; margin: 0 auto;
margin: 1em 0;
} }
.double-bounce1, .double-bounce2 { .double-bounce1, .double-bounce2 {
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 50%; border-radius: 50%;
background-color: #333; background-color: $black;
opacity: 0.6; opacity: 0.6;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
-webkit-animation: sk-bounce 2.0s infinite ease-in-out; -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out;
} }
...@@ -568,10 +569,10 @@ $curve: cubic-bezier(0.650, 0.000, 0.450, 1.000); ...@@ -568,10 +569,10 @@ $curve: cubic-bezier(0.650, 0.000, 0.450, 1.000);
} }
@keyframes sk-bounce { @keyframes sk-bounce {
0%, 100% { 0%, 100% {
transform: scale(0.0); transform: scale(0.0);
-webkit-transform: scale(0.0); -webkit-transform: scale(0.0);
} 50% { } 50% {
transform: scale(1.0); transform: scale(1.0);
-webkit-transform: scale(1.0); -webkit-transform: scale(1.0);
} }
......
...@@ -870,17 +870,18 @@ input.cmn-toggle-round-flat:checked + label:after { ...@@ -870,17 +870,18 @@ input.cmn-toggle-round-flat:checked + label:after {
} }
.spinner { .spinner {
width: 40px; width: 30px;
height: 40px; height: 30px;
position: relative; position: relative;
margin: 0 auto; margin: 0 auto;
margin: 1em 0;
} }
.double-bounce1, .double-bounce2 { .double-bounce1, .double-bounce2 {
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 50%; border-radius: 50%;
background-color: #333; background-color: #2E475C;
opacity: 0.6; opacity: 0.6;
position: absolute; position: absolute;
top: 0; top: 0;
......
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment