mirror of
https://github.com/picocss/pico.git
synced 2025-04-20 08:45:06 -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])
|
// Loading ([aria-busy=true])
|
||||||
@if map.get($modules, "components/loading") {
|
@if map.get($modules, "components/loading") {
|
||||||
#{$css-var-prefix}loading-spinner-opacity: 0.5;
|
#{$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>)
|
// Modal (<dialog>)
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue