🐞 fix: Adjust button styling
This commit is contained in:
@@ -96,7 +96,7 @@
|
|||||||
.btn:hover, .button:hover, .acf-block-preview .button:hover {
|
.btn:hover, .button:hover, .acf-block-preview .button:hover {
|
||||||
background: var(--button-hover-bg);
|
background: var(--button-hover-bg);
|
||||||
border-color: var(--button-hover-border-color);
|
border-color: var(--button-hover-border-color);
|
||||||
box-shadow: var(--button-hover-shadow);
|
box-shadow: none;
|
||||||
color: var(--button-hover-color);
|
color: var(--button-hover-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -146,12 +146,12 @@ x-button:has(.button[data-button-width="full"]) { @apply w-full; }
|
|||||||
--button-bg: var(--color-secondary);
|
--button-bg: var(--color-secondary);
|
||||||
--button-color: var(--color-white);
|
--button-color: var(--color-white);
|
||||||
--button-border-color: var(--color-secondary);
|
--button-border-color: var(--color-secondary);
|
||||||
--button-outline-color: oklch(0.48 0.0136 252.2);
|
--button-outline-color: var(--color-secondary);
|
||||||
--button-hover-bg: var(--color-dark);
|
--button-hover-bg: color-mix(in oklch, var(--color-secondary) 74%);
|
||||||
--button-hover-border-color: var(--color-dark);
|
--button-hover-border-color: color-mix(in oklch, var(--color-secondary) 74%);
|
||||||
--button-hover-color: var(--color-white);
|
--button-hover-color: var(--color-white);
|
||||||
--button-active-bg: var(--color-dark);
|
--button-active-bg: color-mix(in oklch, var(--color-secondary) 84%);
|
||||||
--button-active-border-color: var(--color-dark);
|
--button-active-border-color: color-mix(in oklch, var(--color-secondary) 84%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn[data-button-color="light"], .button[data-button-color="light"] {
|
.btn[data-button-color="light"], .button[data-button-color="light"] {
|
||||||
|
|||||||
Reference in New Issue
Block a user