mirror of
https://github.com/picocss/pico.git
synced 2025-02-23 00:01:58 -05:00
41314ab4b0
This reverts commit 6a6d67dbab230a058b494f6a468ed5f4423f1c4c, reversing changes made to ba4bd765d8fb28466d816c098b03476754c13fc3.
59 lines
1.0 KiB
SCSS
59 lines
1.0 KiB
SCSS
/**
|
|
* Loading ([aria-busy=true])
|
|
*/
|
|
|
|
|
|
// Cursor
|
|
[aria-busy="true"] {
|
|
cursor: progress;
|
|
}
|
|
|
|
// Everyting except form elements
|
|
[aria-busy="true"]:not(input):not(select):not(textarea) {
|
|
|
|
&::before {
|
|
display: inline-block;
|
|
width: 1em;
|
|
height: 1em;
|
|
border: 0.1875em solid currentColor;
|
|
border-radius: 1em;
|
|
border-right-color: transparent;
|
|
content: '';
|
|
vertical-align: text-bottom;
|
|
vertical-align: -.125em; // Visual alignment
|
|
animation: spinner 0.75s linear infinite;
|
|
opacity: var(--loading-spinner-opacity);
|
|
}
|
|
|
|
&:not(:empty) {
|
|
&::before {
|
|
margin-right: calc(var(--spacing) * 0.5);
|
|
margin-left: 0;
|
|
margin-inline-start: 0;
|
|
margin-inline-end: calc(var(--spacing) * 0.5);
|
|
}
|
|
}
|
|
|
|
&:empty {
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
// Buttons and links
|
|
button,
|
|
input[type="submit"],
|
|
input[type="button"],
|
|
input[type="reset"],
|
|
a {
|
|
&[aria-busy="true"] {
|
|
pointer-events: none;
|
|
}
|
|
}
|
|
|
|
// Animation: rotate
|
|
@keyframes spinner {
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|