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

allow required indicator to be targetable

Browse Source
This commit is contained in:
lindsaym-fa
2025-10-16 18:51:25 -04:00
parent d792ac00e9
commit 5d21ecef1c
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/webawesome/src/styles/component/form-control.css
View File

@@ -5,14 +5,14 @@
/* Label */
:is([part~='form-control-label'], [part~='label']):has(*:not(:empty)) {
display: inline-block;
display: inline-flex;
color: var(--wa-form-control-label-color);
font-weight: var(--wa-form-control-label-font-weight);
line-height: var(--wa-form-control-label-line-height);
margin-block-end: 0.5em;
}
:host([required]) slot:is([name='label'], [part='label'])::after {
:host([required]) :is([part~='form-control-label'], [part~='label'])::after {
content: var(--wa-form-control-required-content);
margin-inline-start: var(--wa-form-control-required-content-offset);
color: var(--wa-form-control-required-content-color);