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

fix: <small> tag style under a dropdown

Browse source
This commit is contained in:
Johann Pardanaud 2024-08-13 14:22:39 +02:00
parent 6dc6489e69
commit a2114c0393
81 changed files with 164 additions and 160 deletions
Download patch file Download diff file Expand all files Collapse all files

6
css/pico.amber.css
View file

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

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

File diff suppressed because one or more lines are too long

6
css/pico.blue.css
View file

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

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

File diff suppressed because one or more lines are too long

6
css/pico.conditional.amber.css
View file

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

2
css/pico.conditional.amber.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.blue.css
View file

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

2
css/pico.conditional.blue.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.css
View file

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

6
css/pico.conditional.cyan.css
View file

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

2
css/pico.conditional.cyan.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.fuchsia.css
View file

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

2
css/pico.conditional.fuchsia.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.green.css
View file

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

2
css/pico.conditional.green.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.grey.css
View file

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

2
css/pico.conditional.grey.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.indigo.css
View file

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

2
css/pico.conditional.indigo.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.jade.css
View file

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

2
css/pico.conditional.jade.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.lime.css
View file

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

2
css/pico.conditional.lime.min.css vendored
View file

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

6
css/pico.conditional.orange.css
View file

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

2
css/pico.conditional.orange.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.pink.css
View file

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

2
css/pico.conditional.pink.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.pumpkin.css
View file

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

2
css/pico.conditional.pumpkin.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.purple.css
View file

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

2
css/pico.conditional.purple.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.red.css
View file

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

2
css/pico.conditional.red.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.sand.css
View file

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

2
css/pico.conditional.sand.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.slate.css
View file

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

2
css/pico.conditional.slate.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.violet.css
View file

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

2
css/pico.conditional.violet.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.yellow.css
View file

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

2
css/pico.conditional.yellow.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.conditional.zinc.css
View file

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

2
css/pico.conditional.zinc.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.css
View file

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

6
css/pico.cyan.css
View file

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

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

File diff suppressed because one or more lines are too long

6
css/pico.fuchsia.css
View file

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

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

File diff suppressed because one or more lines are too long

6
css/pico.green.css
View file

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

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

File diff suppressed because one or more lines are too long

6
css/pico.grey.css
View file

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

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

File diff suppressed because one or more lines are too long

6
css/pico.indigo.css
View file

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

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

File diff suppressed because one or more lines are too long

6
css/pico.jade.css
View file

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

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

File diff suppressed because one or more lines are too long

6
css/pico.lime.css
View file

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

2
css/pico.lime.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

6
css/pico.orange.css
View file

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

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

File diff suppressed because one or more lines are too long

6
css/pico.pink.css
View file

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

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

File diff suppressed because one or more lines are too long

6
css/pico.pumpkin.css
View file

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

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

File diff suppressed because one or more lines are too long

6
css/pico.purple.css
View file

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

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

File diff suppressed because one or more lines are too long

6
css/pico.red.css
View file

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

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

File diff suppressed because one or more lines are too long

6
css/pico.sand.css
View file

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

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

File diff suppressed because one or more lines are too long

6
css/pico.slate.css
View file

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

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

File diff suppressed because one or more lines are too long

6
css/pico.violet.css
View file

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

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

File diff suppressed because one or more lines are too long

6
css/pico.yellow.css
View file

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

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

File diff suppressed because one or more lines are too long

6
css/pico.zinc.css
View file

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

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

File diff suppressed because one or more lines are too long

4
scss/forms/_basics.scss
View file

@ -438,9 +438,13 @@
}
}
}
@if map.get($modules, "layout/grid") and $enable-classes {
$helper-previous-tags: $helper-previous-tags + ", .grid";
}
@if map.get($modules, "components/dropdown") and $enable-classes {
$helper-previous-tags: $helper-previous-tags + ", .dropdown";
}
#{$parent-selector} :where(#{$helper-previous-tags}) {
+ small {