mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-24 10:26:13 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: update dependencies

Browse source
This commit is contained in:
Lucas Larroche 2022-12-26 13:36:41 +07:00
parent 74131c9b34
commit 8887e68cce
6 changed files with 97 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

28
scss/forms/_basics.scss
View file

@ -175,7 +175,14 @@
}
// Active & Focus
input:not([type="submit"], [type="button"], [type="reset"], [type="checkbox"], [type="radio"], [readonly]),
input:not(
[type="submit"],
[type="button"],
[type="reset"],
[type="checkbox"],
[type="radio"],
[readonly]
),
:where(select, textarea) {
&:is(:active, :focus) {
#{$✨}background-color: var(#{$✨}form-element-active-background-color);
@ -191,7 +198,14 @@
}
// Focus
input:not([type="submit"], [type="button"], [type="reset"], [type="range"], [type="file"], [readonly]),
input:not(
[type="submit"],
[type="button"],
[type="reset"],
[type="range"],
[type="file"],
[readonly]
),
:where(select, textarea) {
&:focus {
#{$✨}box-shadow: 0 0 0 var(#{$✨}outline-width) var(#{$✨}form-element-focus-color);
@ -212,7 +226,15 @@
// Aria-invalid
:where(input, select, textarea) {
&:not([type="checkbox"], [type="radio"], [type="date"], [type="datetime-local"], [type="month"], [type="time"], [type="week"]) {
&:not(
[type="checkbox"],
[type="radio"],
[type="date"],
[type="datetime-local"],
[type="month"],
[type="time"],
[type="week"]
) {
&[aria-invalid] {
@if $enable-important {
padding-right: calc(var(#{$✨}form-element-spacing-horizontal) + 1.5rem) !important;

9
scss/themes/default/_dark.scss
View file

@ -119,7 +119,14 @@
#{$✨}form-element-valid-focus-color: var(#{$✨}form-element-valid-active-border-color);
// Focus for buttons, radio and select
input:is([type="submit"], [type="button"], [type="reset"], [type="checkbox"], [type="radio"], [type="file"]) {
input:is(
[type="submit"],
[type="button"],
[type="reset"],
[type="checkbox"],
[type="radio"],
[type="file"]
) {
#{$✨}form-element-focus-color: var(#{$✨}primary-focus);
}
}

9
scss/themes/default/_light.scss
View file

@ -119,7 +119,14 @@
#{$✨}form-element-valid-focus-color: var(#{$✨}form-element-valid-active-border-color);
// Focus for buttons, radio and select
input:is([type="submit"], [type="button"], [type="reset"], [type="checkbox"], [type="radio"], [type="file"]) {
input:is(
[type="submit"],
[type="button"],
[type="reset"],
[type="checkbox"],
[type="radio"],
[type="file"]
) {
#{$✨}form-element-focus-color: var(#{$✨}primary-focus);
}
}

9
scss/themes/default/_styles.scss
View file

@ -247,7 +247,14 @@
}
// Inputs and Selects
input:not([type="submit"], [type="button"], [type="reset"], [type="checkbox"], [type="radio"], [type="file"]),
input:not(
[type="submit"],
[type="button"],
[type="reset"],
[type="checkbox"],
[type="radio"],
[type="file"]
),
:where(select, textarea) {
#{$✨}outline-width: 0.0625rem;
}