mirror of
https://github.com/shoelace-style/webawesome.git
synced 2026-01-12 12:09:26 +00:00
touch up custom properties
This commit is contained in:
@@ -7,7 +7,7 @@
|
||||
--border-width: var(--wa-form-control-border-width);
|
||||
--box-shadow: none;
|
||||
--checked-icon-color: var(--wa-form-control-activated-color);
|
||||
--checked-icon-scale: 0.75;
|
||||
--checked-icon-scale: 0.7;
|
||||
--toggle-size: var(--wa-form-control-toggle-size);
|
||||
|
||||
color: var(--wa-form-control-value-color);
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
--border-style: var(--wa-form-control-border-style);
|
||||
--border-width: var(--wa-form-control-border-width);
|
||||
--box-shadow: initial;
|
||||
--height: calc(1em * var(--wa-form-control-value-line-height));
|
||||
--height: var(--wa-form-control-toggle-size);
|
||||
--thumb-color: var(--wa-form-control-border-color);
|
||||
--thumb-color-checked: var(--wa-form-control-background-color);
|
||||
--thumb-shadow: initial;
|
||||
@@ -14,6 +14,7 @@
|
||||
--width: calc(var(--height) * 1.75);
|
||||
|
||||
display: inline-flex;
|
||||
line-height: var(--wa-form-control-value-line-height);
|
||||
}
|
||||
|
||||
label {
|
||||
|
||||
@@ -40,10 +40,7 @@
|
||||
--wa-form-control-padding-block: 0.75em;
|
||||
--wa-form-control-padding-inline: 1em;
|
||||
--wa-form-control-height: round(
|
||||
calc(
|
||||
2 * var(--wa-form-control-padding-block) + var(--wa-form-control-padding-inline) *
|
||||
var(--wa-form-control-value-line-height)
|
||||
),
|
||||
calc(2 * var(--wa-form-control-padding-block) + 1em * var(--wa-form-control-value-line-height)),
|
||||
1px
|
||||
);
|
||||
--wa-form-control-toggle-size: round(1lh, 1px);
|
||||
|
||||
Reference in New Issue
Block a user