rei-mirrors/pico
1
0
Fork 0
mirror of https://github.com/picocss/pico synced 2025-11-03 13:47:02 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #271 from cmbuckley/dev

Browse Source 
Support .grid + small in forms
This commit is contained in:
Lucas Larroche 2023-01-28 13:09:08 +07:00 committed by GitHub
commit 010dc5594d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
scss/content/_form.scss
View File

@ -220,7 +220,7 @@ textarea[disabled],
padding-inline-end: calc( padding-inline-end: calc(
var(--form-element-spacing-horizontal) + 1.5rem var(--form-element-spacing-horizontal) + 1.5rem
) !important; ) !important;
} }
@else { @else {
padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem); padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-left: var(--form-element-spacing-horizontal); padding-left: var(--form-element-spacing-horizontal);
@ -248,7 +248,7 @@ textarea[disabled],
@if $enable-important { @if $enable-important {
--border-color: var(--form-element-valid-active-border-color) !important; --border-color: var(--form-element-valid-active-border-color) !important;
--box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important; --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;
} }
@else { @else {
--border-color: var(--form-element-valid-active-border-color); --border-color: var(--form-element-valid-active-border-color);
--box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color); --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);
@ -263,7 +263,7 @@ textarea[disabled],
@if $enable-important { @if $enable-important {
--border-color: var(--form-element-invalid-active-border-color) !important; --border-color: var(--form-element-invalid-active-border-color) !important;
--box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important; --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;
} }
@else { @else {
--border-color: var(--form-element-invalid-active-border-color); --border-color: var(--form-element-invalid-active-border-color);
--box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color); --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);
@ -328,7 +328,13 @@ select {
} }
// Helper // Helper
:where(input, select, textarea) { $inputs: "input, select, textarea";
@if ($enable-classes and $enable-grid) {
$inputs: $inputs + ", .grid";
}
:where(#{$inputs}) {
+ small { + small {
display: block; display: block;
width: 100%; width: 100%;