added animation to edlp loader, created edlp_ajax_node module
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user