mm
This commit is contained in:
@@ -1,45 +1,35 @@
|
||||
@utility brand-info {
|
||||
--brand-fg: var(--info-fg);
|
||||
--brand-bg-low-hover: var(--info-bg-low-hover);
|
||||
--brand-bg-low-active: var(--info-bg-low-active);
|
||||
--brand-bg: var(--info-bg);
|
||||
--brand-bg-high-hover: var(--info-bg-high-hover);
|
||||
--brand-bg-high-active: var(--info-bg-high-active);
|
||||
--brand-border-color: var(--info-border-color);
|
||||
}
|
||||
@utility brand-danger {
|
||||
--brand-fg: var(--danger-fg);
|
||||
--brand-bg-low-hover: var(--danger-bg-low-hover);
|
||||
--brand-bg-low-active: var(--danger-bg-low-active);
|
||||
--brand-bg: var(--danger-bg);
|
||||
--brand-bg-high-hover: var(--danger-bg-high-hover);
|
||||
--brand-bg-high-active: var(--danger-bg-high-active);
|
||||
--brand-border-color: var(--danger-border-color);
|
||||
}
|
||||
@utility brand-success {
|
||||
--brand-fg: var(--success-fg);
|
||||
--brand-bg-low-hover: var(--success-bg-low-hover);
|
||||
--brand-bg-low-active: var(--success-bg-low-active);
|
||||
--brand-bg: var(--success-bg);
|
||||
--brand-bg-high-hover: var(--success-bg-high-hover);
|
||||
--brand-bg-high-active: var(--success-bg-high-active);
|
||||
--brand-border-color: var(--success-border-color);
|
||||
}
|
||||
@utility brand-warning {
|
||||
--brand-fg: var(--warning-fg);
|
||||
--brand-bg-low-hover: var(--warning-bg-low-hover);
|
||||
--brand-bg-low-active: var(--warning-bg-low-active);
|
||||
--brand-bg: var(--warning-bg);
|
||||
--brand-bg-high-hover: var(--warning-bg-high-hover);
|
||||
--brand-bg-high-active: var(--warning-bg-high-active);
|
||||
--brand-border-color: var(--warning-border-color);
|
||||
}
|
||||
@utility brand-emphasis {
|
||||
--brand-fg: var(--emphasis-fg);
|
||||
--brand-bg-low-hover: var(--emphasis-bg-low-hover);
|
||||
--brand-bg-low-active: var(--emphasis-bg-low-active);
|
||||
--brand-bg: var(--emphasis-bg);
|
||||
--brand-bg-high-hover: var(--emphasis-bg-high-hover);
|
||||
--brand-bg-high-active: var(--emphasis-bg-high-active);
|
||||
--brand-border-color: var(--emphasis-border-color);
|
||||
@utility brand-default {
|
||||
--brand-bg-low-hover: var(--default-bg-low-hover);
|
||||
--brand-bg-low-active: var(--default-bg-low-active);
|
||||
--brand-bg: var(--default-bg);
|
||||
--brand-bg-high-hover: var(--default-bg-high-hover);
|
||||
--brand-bg-high-active: var(--default-bg-high-active);
|
||||
}
|
||||
|
||||
@@ -5,14 +5,17 @@
|
||||
|
||||
&:hover {
|
||||
background-color: var(--filled-bg-hover);
|
||||
color: var(--filid-fg-hover);
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-color: var(--filled-bg-active);
|
||||
color: var(--filid-fg-active);
|
||||
}
|
||||
|
||||
&:focus-visible {
|
||||
background-color: var(--filled-bg-hover);
|
||||
color: var(--filid-fg-hover);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -23,14 +26,17 @@
|
||||
|
||||
&:hover {
|
||||
background-color: var(--outline-bg-hover);
|
||||
color: var(--outline-fg-hover);
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-color: var(--outline-bg-active);
|
||||
color: var(--outline-fg-active);
|
||||
}
|
||||
|
||||
&:focus-visible {
|
||||
background-color: var(--outline-bg-hover);
|
||||
color: var(--outline-fg-hover);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -41,14 +47,17 @@
|
||||
|
||||
&:hover {
|
||||
background-color: var(--subtle-bg-hover);
|
||||
color: var(--subtle-fg-hover);
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-color: var(--subtle-bg-active);
|
||||
color: var(--subtle-fg-active);
|
||||
}
|
||||
|
||||
&:focus-visible {
|
||||
background-color: var(--subtle-bg-hover);
|
||||
color: var(--subtle-fg-hover);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user