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

Merge branch 'v2' into pr/416

Browse source
This commit is contained in:
Lucas Larroche 2023-12-28 12:48:15 +07:00
commit f55523135c
26 changed files with 1878 additions and 10112 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;
}
}
}

5
scss/components/_group.scss
View file

@ -84,6 +84,11 @@
// Group box shadow when a button is focused
&:has(button:focus, [type="submit"]:focus, [type="button"]:focus, [role="button"]:focus) {
#{$✨}group-box-shadow: var(#{$✨}group-box-shadow-focus-with-button);
input:not([type="checkbox"], [type="radio"]),
select {
border-color: transparent;
}
}
// Group box shadow when an input is focused

2
scss/components/_loading.scss
View file

@ -8,6 +8,8 @@
// Everything except form elements
[aria-busy="true"]:not(input, select, textarea, html) {
white-space: nowrap;
&::before {
display: inline-block;
width: 1em;

11
scss/components/_nav.scss
View file

@ -82,15 +82,22 @@
margin-inline-start: var(#{$✨}nav-link-spacing-horizontal);
}
a {
margin: calc(var(#{$✨}nav-link-spacing-vertical) * -1) 0;
margin-inline-start: calc(var(#{$✨}nav-link-spacing-horizontal) * -1);
}
&:not(:last-child) {
&::after {
display: inline-block;
position: absolute;
width: calc(var(#{$✨}nav-link-spacing-horizontal) * 2);
margin-inline-start: calc(var(#{$✨}nav-link-spacing-horizontal) / 2);
width: calc(var(#{$✨}nav-link-spacing-horizontal) * 4);
margin: 0 calc(var(#{$✨}nav-link-spacing-horizontal) * -1);
content: var(#{$✨}nav-breadcrumb-divider);
color: var(#{$✨}muted-color);
text-align: center;
text-decoration: none;
white-space: nowrap;
}
}
}