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

chore: update dependencies

Browse source
This commit is contained in:
Lucas Larroche 2023-12-24 10:41:54 +07:00
parent 8ba5740b8a
commit a3eb54eb87
18 changed files with 234 additions and 238 deletions
Download patch file Download diff file Expand all files Collapse all files

15
scss/components/_dropdown.scss
View file

@ -65,8 +65,11 @@
user-select: none;
@if $enable-transitions {
transition: background-color var(#{$✨}transition), border-color var(#{$✨}transition),
color var(#{$✨}transition), box-shadow var(#{$✨}transition);
transition:
background-color var(#{$✨}transition),
border-color var(#{$✨}transition),
color var(#{$✨}transition),
box-shadow var(#{$✨}transition);
}
&:active,
@ -138,7 +141,9 @@
opacity: 0;
@if $enable-transitions {
transition: opacity var(--pico-transition), transform 0s ease-in-out 1s;
transition:
opacity var(--pico-transition),
transform 0s ease-in-out 1s;
}
&[dir="rtl"] {
@ -209,7 +214,9 @@
opacity: 1;
@if $enable-transitions {
transition: opacity var(--pico-transition), transform 0s ease-in-out 0s;
transition:
opacity var(--pico-transition),
transform 0s ease-in-out 0s;
}
}
}

19
scss/content/_button.scss
View file

@ -58,8 +58,11 @@
user-select: none;
@if $enable-transitions {
transition: background-color var(#{$✨}transition), border-color var(#{$✨}transition),
color var(#{$✨}transition), box-shadow var(#{$✨}transition);
transition:
background-color var(#{$✨}transition),
border-color var(#{$✨}transition),
color var(#{$✨}transition),
box-shadow var(#{$✨}transition);
}
&:is([aria-current], :hover, :active, :focus) {
@ -70,7 +73,8 @@
}
&:focus {
#{$✨}box-shadow: var(#{$✨}button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
#{$✨}box-shadow:
var(#{$✨}button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
0 0 0 var(#{$✨}outline-width) var(#{$✨}primary-focus);
}
}
@ -99,7 +103,8 @@
}
&:focus {
#{$✨}box-shadow: var(#{$✨}button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
#{$✨}box-shadow:
var(#{$✨}button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
0 0 0 var(#{$✨}outline-width) var(#{$✨}secondary-focus);
}
}
@ -117,7 +122,8 @@
}
&:focus {
#{$✨}box-shadow: var(#{$✨}button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
#{$✨}box-shadow:
var(#{$✨}button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
0 0 0 var(#{$✨}outline-width) var(#{$✨}contrast-focus);
}
}
@ -169,7 +175,8 @@
}
&:focus {
#{$✨}box-shadow: var(#{$✨}button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
#{$✨}box-shadow:
var(#{$✨}button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
0 0 0 var(#{$✨}outline-width) var(#{$✨}secondary-focus);
}
}

7
scss/content/_link.scss
View file

@ -19,8 +19,11 @@
text-underline-offset: 0.125em;
@if $enable-transitions {
transition: background-color var(#{$✨}transition), color var(#{$✨}transition),
text-decoration var(#{$✨}transition), box-shadow var(#{$✨}transition);
transition:
background-color var(#{$✨}transition),
color var(#{$✨}transition),
text-decoration var(#{$✨}transition),
box-shadow var(#{$✨}transition);
}
&:is([aria-current], :hover, :active, :focus) {

7
scss/forms/_basics.scss
View file

@ -175,8 +175,11 @@
font-weight: var(#{$✨}font-weight);
@if $enable-transitions {
transition: background-color var(#{$✨}transition), border-color var(#{$✨}transition),
color var(#{$✨}transition), box-shadow var(#{$✨}transition);
transition:
background-color var(#{$✨}transition),
border-color var(#{$✨}transition),
color var(#{$✨}transition),
box-shadow var(#{$✨}transition);
}
}

3
scss/forms/_input-file.scss
View file

@ -32,7 +32,8 @@
&:focus {
&::file-selector-button {
#{$✨}box-shadow: var(#{$✨}button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
#{$✨}box-shadow:
var(#{$✨}button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
0 0 0 var(#{$✨}outline-width) var(#{$✨}secondary-focus);
}
}

8
scss/forms/_input-range.scss
View file

@ -14,7 +14,9 @@ $border-thumb: 2px;
background-color: var(#{$✨}range-border-color);
@if $enable-transitions {
transition: background-color var(#{$✨}transition), box-shadow var(#{$✨}transition);
transition:
background-color var(#{$✨}transition),
box-shadow var(#{$✨}transition);
}
}
@ -30,7 +32,9 @@ $border-thumb: 2px;
cursor: pointer;
@if $enable-transitions {
transition: background-color var(#{$✨}transition), transform var(#{$✨}transition);
transition:
background-color var(#{$✨}transition),
transform var(#{$✨}transition);
}
}

8
scss/forms/_input-search.scss
View file

@ -23,7 +23,9 @@
} @else {
padding-inline-start: calc(var(#{$✨}form-element-spacing-horizontal) + 1.75rem);
}
background-position: center left 1.125rem, center right 0.75rem;
background-position:
center left 1.125rem,
center right 0.75rem;
}
&[aria-invalid="false"] {
@ -43,7 +45,9 @@
background-position: center right 1.125rem;
&[aria-invalid] {
background-position: center right 1.125rem, center left 0.75rem;
background-position:
center right 1.125rem,
center left 0.75rem;
}
}
}