Improved visibility of loading icon in light mode on contrast backgrounds.

This commit is contained in:
Yohn 2024-12-12 22:38:07 -05:00
parent b7100d22d5
commit 8a7b25a44f

View file

@ -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>)