added animation to edlp loader, created edlp_ajax_node module

This commit is contained in:
Bachir Soussi Chiadmi
2018-03-01 13:06:19 +01:00
parent de3d9edc03
commit 432fb2367f
13 changed files with 321 additions and 67 deletions
@@ -90,6 +90,13 @@ header[role="banner"]{
border: 1px solid #000;
margin-right: 0.3em;
}
&.ajax-loading:before{
@keyframes rotation {
from {transform: rotate(0deg);}
to {transform: rotate(359deg);}
}
animation: rotation 2s infinite linear;
}
&.is-active:before,
&:hover:before{
border-color: red;
@@ -144,11 +151,11 @@ main[role="main"]{
content:"";
display: block;
position: absolute;
$s:50px;
$s:60px;
width:$s; height:$s;
top:calc(50% - #{$s/2}); left:calc(50% - #{$s/2});
background-color: white;
background-image: url(../../img/edlp-loader.svg);
background-image: url(../../img/edlp-loader-anim.svg);
background-size: 50%;
background-repeat: no-repeat;
background-position: center;