mirror of
https://github.com/picocss/pico.git
synced 2025-04-22 09:26:14 -04:00
Improved visibility of loading icon in light mode on contrast backgrounds.
This commit is contained in:
parent
b7100d22d5
commit
8a7b25a44f
1 changed files with 18 additions and 0 deletions
|
@ -180,6 +180,24 @@
|
|||
// Loading ([aria-busy=true])
|
||||
@if map.get($modules, "components/loading") {
|
||||
#{$css-var-prefix}loading-spinner-opacity: 0.5;
|
||||
|
||||
// Loading icon (animated)
|
||||
// Change the icon color to white for .contrast buttons
|
||||
@if $enable-classes {
|
||||
#{$parent-selector} [aria-busy="true"]:not(input, select, textarea) {
|
||||
&.contrast:is(
|
||||
button,
|
||||
[type="submit"],
|
||||
[type="button"],
|
||||
[type="reset"],
|
||||
[role="button"]
|
||||
):not(.outline) {
|
||||
&::before {
|
||||
filter: invert(1) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Modal (<dialog>)
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue