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

feat: support .grid + small

Browse source 
See #271
This commit is contained in:
Lucas Larroche 2023-04-09 11:54:55 +07:00
parent a7567cc8b3
commit 021899557b
6 changed files with 13 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

2
css/pico.classless.css.map
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) + small { :where(input, select, textarea, .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)[aria-invalid=false] + small { :where(input, select, textarea, .grid)[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, .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

2
css/pico.fluid.classless.css.map
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

8
scss/forms/_basics.scss
View file

@ -2,6 +2,8 @@
@use "../settings" as *; @use "../settings" as *;
@if map.get($modules, "forms/basics") { @if map.get($modules, "forms/basics") {
// Helper
$helper-previous-tags: "input, select, textarea";
/** /**
* Basics form elements * Basics form elements
*/ */
@ -408,9 +410,11 @@
} }
} }
} }
@if map.get($modules, "layout/grid") and $enable-classes {
$helper-previous-tags: $helper-previous-tags + ", .grid";
}
// Helper :where(#{$helper-previous-tags}) {
:where(input, select, textarea) {
+ small { + small {
display: block; display: block;
width: 100%; width: 100%;