mirror of
https://github.com/picocss/pico.git
synced 2025-04-24 10:26:13 -04:00
chore: build
This commit is contained in:
parent
96ad16eef1
commit
69f3dcf4e5
80 changed files with 920 additions and 920 deletions
|
@ -2025,7 +2025,7 @@ main {
|
|||
position: relative;
|
||||
border-bottom: none;
|
||||
}
|
||||
.pico details.dropdown summary::after,
|
||||
.pico details.dropdown > summary::after,
|
||||
.pico details.dropdown > button::after,
|
||||
.pico details.dropdown > a::after {
|
||||
display: block;
|
||||
|
@ -2045,7 +2045,7 @@ main {
|
|||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.pico details.dropdown summary:not([role]) {
|
||||
.pico details.dropdown > summary:not([role]) {
|
||||
height: calc(1rem * var(--pico-line-height) + var(--pico-form-element-spacing-vertical) * 2 + var(--pico-border-width) * 2);
|
||||
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
|
||||
border: var(--pico-border-width) solid var(--pico-form-element-border-color);
|
||||
|
@ -2059,22 +2059,22 @@ main {
|
|||
user-select: none;
|
||||
transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition);
|
||||
}
|
||||
.pico details.dropdown summary:not([role]):active, .pico details.dropdown summary:not([role]):focus {
|
||||
.pico details.dropdown > summary:not([role]):active, .pico details.dropdown > summary:not([role]):focus {
|
||||
border-color: var(--pico-form-element-active-border-color);
|
||||
background-color: var(--pico-form-element-active-background-color);
|
||||
}
|
||||
.pico details.dropdown summary:not([role]):focus {
|
||||
.pico details.dropdown > summary:not([role]):focus {
|
||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-form-element-focus-color);
|
||||
}
|
||||
.pico details.dropdown summary:not([role]):focus-visible {
|
||||
.pico details.dropdown > summary:not([role]):focus-visible {
|
||||
outline: none;
|
||||
}
|
||||
.pico details.dropdown summary:not([role])[aria-invalid=false] {
|
||||
.pico details.dropdown > summary:not([role])[aria-invalid=false] {
|
||||
--pico-form-element-border-color: var(--pico-form-element-valid-border-color);
|
||||
--pico-form-element-active-border-color: var(--pico-form-element-valid-focus-color);
|
||||
--pico-form-element-focus-color: var(--pico-form-element-valid-focus-color);
|
||||
}
|
||||
.pico details.dropdown summary:not([role])[aria-invalid=true] {
|
||||
.pico details.dropdown > summary:not([role])[aria-invalid=true] {
|
||||
--pico-form-element-border-color: var(--pico-form-element-invalid-border-color);
|
||||
--pico-form-element-active-border-color: var(--pico-form-element-invalid-focus-color);
|
||||
--pico-form-element-focus-color: var(--pico-form-element-invalid-focus-color);
|
||||
|
@ -2084,18 +2084,18 @@ main {
|
|||
display: inline;
|
||||
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
|
||||
}
|
||||
.pico nav details.dropdown summary::after {
|
||||
.pico nav details.dropdown > summary::after {
|
||||
transform: rotate(0deg) translateX(0rem);
|
||||
}
|
||||
.pico nav details.dropdown summary:not([role]) {
|
||||
.pico nav details.dropdown > summary:not([role]) {
|
||||
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||
}
|
||||
.pico nav details.dropdown summary:not([role]):focus-visible {
|
||||
.pico nav details.dropdown > summary:not([role]):focus-visible {
|
||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||
}
|
||||
|
||||
.pico details.dropdown summary + ul {
|
||||
.pico details.dropdown > summary + ul {
|
||||
display: flex;
|
||||
z-index: 99;
|
||||
position: absolute;
|
||||
|
@ -2116,23 +2116,23 @@ main {
|
|||
opacity: 0;
|
||||
transition: opacity var(--pico-transition), transform 0s ease-in-out 1s;
|
||||
}
|
||||
.pico details.dropdown summary + ul[dir=rtl] {
|
||||
.pico details.dropdown > summary + ul[dir=rtl] {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
.pico details.dropdown summary + ul li {
|
||||
.pico details.dropdown > summary + ul li {
|
||||
width: 100%;
|
||||
margin-bottom: 0;
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
list-style: none;
|
||||
}
|
||||
.pico details.dropdown summary + ul li:first-of-type {
|
||||
.pico details.dropdown > summary + ul li:first-of-type {
|
||||
margin-top: calc(var(--pico-form-element-spacing-vertical) * 0.5);
|
||||
}
|
||||
.pico details.dropdown summary + ul li:last-of-type {
|
||||
.pico details.dropdown > summary + ul li:last-of-type {
|
||||
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
|
||||
}
|
||||
.pico details.dropdown summary + ul li a {
|
||||
.pico details.dropdown > summary + ul li a {
|
||||
display: block;
|
||||
margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
|
@ -2142,27 +2142,27 @@ main {
|
|||
text-decoration: none;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.pico details.dropdown summary + ul li a:hover, .pico details.dropdown summary + ul li a:focus, .pico details.dropdown summary + ul li a:active, .pico details.dropdown summary + ul li a:focus-visible, .pico details.dropdown summary + ul li a[aria-current]:not([aria-current=false]) {
|
||||
.pico details.dropdown > summary + ul li a:hover, .pico details.dropdown > summary + ul li a:focus, .pico details.dropdown > summary + ul li a:active, .pico details.dropdown > summary + ul li a:focus-visible, .pico details.dropdown > summary + ul li a[aria-current]:not([aria-current=false]) {
|
||||
background-color: var(--pico-dropdown-hover-background-color);
|
||||
}
|
||||
.pico details.dropdown summary + ul li label {
|
||||
.pico details.dropdown > summary + ul li label {
|
||||
width: 100%;
|
||||
}
|
||||
.pico details.dropdown summary + ul li:has(label):hover {
|
||||
.pico details.dropdown > summary + ul li:has(label):hover {
|
||||
background-color: var(--pico-dropdown-hover-background-color);
|
||||
}
|
||||
|
||||
.pico details.dropdown[open] summary {
|
||||
.pico details.dropdown[open] > summary {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.pico details.dropdown[open] summary + ul {
|
||||
.pico details.dropdown[open] > summary + ul {
|
||||
transform: scaleY(1);
|
||||
opacity: 1;
|
||||
transition: opacity var(--pico-transition), transform 0s ease-in-out 0s;
|
||||
}
|
||||
|
||||
.pico details.dropdown[open] summary::before {
|
||||
.pico details.dropdown[open] > summary::before {
|
||||
display: block;
|
||||
z-index: 1;
|
||||
position: fixed;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue