mirror of
https://github.com/shoelace-style/webawesome.git
synced 2026-01-12 04:09:12 +00:00
prettier
This commit is contained in:
@@ -9,7 +9,7 @@
|
||||
display: block;
|
||||
}
|
||||
|
||||
:host([appearance=filled]) {
|
||||
:host([appearance='filled']) {
|
||||
--background-color: var(--wa-color-neutral-fill-quiet);
|
||||
--border-color: var(--background-color);
|
||||
}
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
display: block;
|
||||
}
|
||||
|
||||
:host([appearance=filled]) {
|
||||
:host([appearance='filled']) {
|
||||
--background-color: var(--wa-color-neutral-fill-quiet);
|
||||
--border-color: var(--background-color);
|
||||
}
|
||||
|
||||
@@ -335,8 +335,8 @@ export default class WaTextarea extends WebAwesomeFormAssociatedElement {
|
||||
'textarea--small': this.size === 'small',
|
||||
'textarea--medium': this.size === 'medium',
|
||||
'textarea--large': this.size === 'large',
|
||||
'textarea--standard': this.appearance !== "filled",
|
||||
'textarea--filled': this.appearance === "filled",
|
||||
'textarea--standard': this.appearance !== 'filled',
|
||||
'textarea--filled': this.appearance === 'filled',
|
||||
'textarea--disabled': this.disabled,
|
||||
'textarea--focused': this.hasFocus,
|
||||
'textarea--empty': !this.value,
|
||||
|
||||
@@ -601,8 +601,8 @@
|
||||
|
||||
/* preventing shadows on all form input types */
|
||||
wa-input:not(:focus),
|
||||
wa-input:not([appearance=filled]):not([disabled]),
|
||||
wa-select:not([appearance=filled]):not([disabled]) {
|
||||
wa-input:not([appearance='filled']):not([disabled]),
|
||||
wa-select:not([appearance='filled']):not([disabled]) {
|
||||
--box-shadow: var(--wa-shadow-level-0);
|
||||
--border-width: 0 0 var(--wa-form-control-border-width) var(--wa-form-control-border-width);
|
||||
}
|
||||
|
||||
@@ -434,9 +434,9 @@ wa-drawer {
|
||||
--spacing: var(--wa-space-l);
|
||||
}
|
||||
|
||||
wa-input:not([appearance=filled]),
|
||||
wa-select:not([appearance=filled]),
|
||||
wa-textarea:not([appearance=filled]) {
|
||||
wa-input:not([appearance='filled']),
|
||||
wa-select:not([appearance='filled']),
|
||||
wa-textarea:not([appearance='filled']) {
|
||||
--wa-focus-ring: var(--wa-focus-ring-style) var(--wa-focus-ring-width)
|
||||
color-mix(in oklab, var(--wa-color-focus), transparent 50%);
|
||||
--wa-focus-ring-offset: 0;
|
||||
|
||||
@@ -500,9 +500,9 @@
|
||||
|
||||
/* preventing shadows on all form input types */
|
||||
wa-input:not(:focus),
|
||||
wa-input:not([appearance=filled]):not([disabled]),
|
||||
wa-input:not([appearance='filled']):not([disabled]),
|
||||
wa-checkbox:not([checked]):not([indeterminate]),
|
||||
wa-select:not([appearance=filled]):not([disabled]) {
|
||||
wa-select:not([appearance='filled']):not([disabled]) {
|
||||
--box-shadow: var(--wa-shadow-level-0);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user