js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

add new theme token --sl-input-required-content-color to both themes (#948)

Browse Source 
* add new theme token --sl-input-required-content-color to both themes

* use new token

* use label color as default value
This commit is contained in:
Felix Becker
2022-10-21 14:59:20 +02:00
committed by GitHub
parent 361efd43a2
commit 70766b4e68
3 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/styles/form-control.styles.ts
View File

@@ -31,6 +31,7 @@ export default css`
:host([required]) .form-control--has-label .form-control__label::after {
content: var(--sl-input-required-content);
margin-inline-start: var(--sl-input-required-content-offset);
color: var(--sl-input-required-content-color);
}
/* Help text */

1
src/themes/dark.css
View File

@@ -434,6 +434,7 @@
--sl-input-border-width: 1px;
--sl-input-required-content: '*';
--sl-input-required-content-offset: -2px;
--sl-input-required-content-color: var(--sl-input-label-color);
--sl-input-border-radius-small: var(--sl-border-radius-medium);
--sl-input-border-radius-medium: var(--sl-border-radius-medium);

1
src/themes/light.css
View File

@@ -434,6 +434,7 @@
--sl-input-border-width: 1px;
--sl-input-required-content: '*';
--sl-input-required-content-offset: -2px;
--sl-input-required-content-color: var(--sl-input-label-color);
--sl-input-border-radius-small: var(--sl-border-radius-medium);
--sl-input-border-radius-medium: var(--sl-border-radius-medium);