Loading animations for buttons

This commit is contained in:
James Barnsley
2017-05-19 08:59:29 +12:00
parent 0998a6d3ca
commit f4299e659a
2 changed files with 43 additions and 9 deletions

View File

@ -1,4 +1,12 @@
:focus {
outline: none;
}
::-moz-focus-inner {
border: 0;
}
button,
textarea,
input[type="text"],
@ -159,6 +167,36 @@ input[type="submit"] {
}
}
&.working {
position: relative;
&:after {
position: absolute;
display: block;
content: '';
background: $mid_grey;
opacity: 1;
animation: slideloader 1s infinite;
bottom: 0;
left: 0;
right: 0;
height: 4px;
z-index: 1;
}
&.destructive:after {
background: $red;
}
&.primary:after {
background: $turquoise;
}
&.alternative:after {
background: $blue;
}
}
&.context-menu-trigger {
border-color: transparent;
padding: 6px;