Loading indicator light (like ethernet switch)

This commit is contained in:
James Barnsley
2017-04-10 08:09:38 +12:00
parent 1548b3c3a7
commit 0c3adae3b0
3 changed files with 73 additions and 17 deletions

View File

@ -3,7 +3,7 @@
.notifications {
position: fixed;
bottom: 15px;
right: 15px;
right: 30px;
z-index: 99;
pointer-events: none;
width: 200px;
@ -62,7 +62,7 @@
bottom: 0;
left: 0;
right: 0;
height: 3px;
height: 4px;
z-index: 1;
}
}
@ -86,6 +86,29 @@
}
}
.loading {
@include pulse(0.1s);
position: fixed;
bottom: 8px;
right: 8px;
width: 5px;
height: 5px;
border-radius: 50%;
background: $mid_grey;
&.high {
background: $red;
}
&.medium {
background: $orange;
}
&.low {
background: $green;
}
}
@include responsive( $bp_medium ){
bottom: 48px;
left: 0;