mirror of
https://github.com/shoelace-style/webawesome.git
synced 2026-01-12 04:09:12 +00:00
Fix issue with button border colors
This commit is contained in:
@@ -12,13 +12,11 @@
|
||||
--wa-transition-normal: 0;
|
||||
--wa-transition-fast: 0;
|
||||
|
||||
--border-color: var(--text-color);
|
||||
--border-color-hover: var(--border-color);
|
||||
--border-color-active: var(--border-color);
|
||||
box-shadow: var(--wa-shadow-offset-x-s) var(--wa-shadow-offset-y-s) var(--wa-shadow-blur-s)
|
||||
var(--wa-shadow-spread-s) var(--border-color);
|
||||
--background-color-active: var(--border-color);
|
||||
--text-color-active: var(--background-color);
|
||||
|
||||
margin-bottom: var(--wa-shadow-offset-y-s);
|
||||
|
||||
@@ -32,6 +30,13 @@
|
||||
transform: translateY(var(--wa-shadow-offset-y-s));
|
||||
}
|
||||
|
||||
:where(&),
|
||||
.wa-light &,
|
||||
.wa-dark .wa-invert & {
|
||||
--border-color: var(--text-color);
|
||||
--text-color-active: var(--background-color);
|
||||
}
|
||||
|
||||
.wa-dark &,
|
||||
.wa-invert & {
|
||||
--border-color: var(--wa-color-border-quiet);
|
||||
|
||||
Reference in New Issue
Block a user