mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-21 17:16:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: form helper text

Browse source
This commit is contained in:
Lucas Larroche 2024-01-15 21:27:56 +07:00
parent 641483e42c
commit 25b505e206
10 changed files with 16 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

6
css/pico.classless.css
View file

@ -1441,17 +1441,17 @@ textarea[aria-invalid] {
background-size: 1rem var(--pico-icon-height) !important; background-size: 1rem var(--pico-icon-height) !important;
} }
:where(input, select, textarea) + small { :where(input, select, textarea, fieldset) + small {
display: block; display: block;
width: 100%; width: 100%;
margin-top: calc(var(--pico-spacing) * -0.75); margin-top: calc(var(--pico-spacing) * -0.75);
margin-bottom: var(--pico-spacing); margin-bottom: var(--pico-spacing);
color: var(--pico-muted-color); color: var(--pico-muted-color);
} }
:where(input, select, textarea)[aria-invalid=false] + small { :where(input, select, textarea, fieldset)[aria-invalid=false] + small {
color: var(--pico-ins-color); color: var(--pico-ins-color);
} }
:where(input, select, textarea)[aria-invalid=true] + small { :where(input, select, textarea, fieldset)[aria-invalid=true] + small {
color: var(--pico-del-color); color: var(--pico-del-color);
} }

2
css/pico.classless.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.css
View file

@ -1597,17 +1597,17 @@ textarea[aria-invalid] {
background-size: 1rem var(--pico-icon-height) !important; background-size: 1rem var(--pico-icon-height) !important;
} }
:where(input, select, textarea, .grid) + small { :where(input, select, textarea, fieldset, .grid) + small {
display: block; display: block;
width: 100%; width: 100%;
margin-top: calc(var(--pico-spacing) * -0.75); margin-top: calc(var(--pico-spacing) * -0.75);
margin-bottom: var(--pico-spacing); margin-bottom: var(--pico-spacing);
color: var(--pico-muted-color); color: var(--pico-muted-color);
} }
:where(input, select, textarea, .grid)[aria-invalid=false] + small { :where(input, select, textarea, fieldset, .grid)[aria-invalid=false] + small {
color: var(--pico-ins-color); color: var(--pico-ins-color);
} }
:where(input, select, textarea, .grid)[aria-invalid=true] + small { :where(input, select, textarea, fieldset, .grid)[aria-invalid=true] + small {
color: var(--pico-del-color); color: var(--pico-del-color);
} }

2
css/pico.css.map
View file

File diff suppressed because one or more lines are too long

6
css/pico.fluid.classless.css
View file

@ -1404,17 +1404,17 @@ textarea[aria-invalid] {
background-size: 1rem var(--pico-icon-height) !important; background-size: 1rem var(--pico-icon-height) !important;
} }
:where(input, select, textarea) + small { :where(input, select, textarea, fieldset) + small {
display: block; display: block;
width: 100%; width: 100%;
margin-top: calc(var(--pico-spacing) * -0.75); margin-top: calc(var(--pico-spacing) * -0.75);
margin-bottom: var(--pico-spacing); margin-bottom: var(--pico-spacing);
color: var(--pico-muted-color); color: var(--pico-muted-color);
} }
:where(input, select, textarea)[aria-invalid=false] + small { :where(input, select, textarea, fieldset)[aria-invalid=false] + small {
color: var(--pico-ins-color); color: var(--pico-ins-color);
} }
:where(input, select, textarea)[aria-invalid=true] + small { :where(input, select, textarea, fieldset)[aria-invalid=true] + small {
color: var(--pico-del-color); color: var(--pico-del-color);
} }

2
css/pico.fluid.classless.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.fluid.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/pico.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
scss/forms/_basics.scss
View file

@ -3,7 +3,7 @@
@if map.get($modules, "forms/basics") { @if map.get($modules, "forms/basics") {
// Helper // Helper
$helper-previous-tags: "input, select, textarea"; $helper-previous-tags: "input, select, textarea, fieldset";
/** /**
* Basics form elements * Basics form elements
*/ */