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

Build CSS

Browse source
This commit is contained in:
github-actions[bot] 2025-01-24 20:30:38 +00:00
parent 19e03a348b
commit a2e01fc601
255 changed files with 9815 additions and 2037 deletions
Download patch file Download diff file Expand all files Collapse all files

93
css/pico.conditional.fuchsia.css
View file

@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* Pico CSS ✨ v2.2.8 (https://github.com/Yohn/PicoCSS)
* Pico CSS ✨ v2.2.9 (https://github.com/Yohn/PicoCSS)
* Copyright 2019-2025 - Licensed under MIT
*/
/**
@ -2804,7 +2804,13 @@ main {
display: block;
margin-bottom: var(--pico-spacing);
}
.pico details.hide-arrow > summary::after {
display: none;
content: none;
}
.pico details summary {
position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem;
list-style-type: none;
cursor: pointer;
@ -2823,10 +2829,12 @@ main {
}
.pico details summary::after {
display: block;
position: absolute;
top: calc(var(--pico-block-spacing-vertical) * 0.5);
right: calc(var(--pico-block-spacing-horizontal) * 0.5);
width: 1rem;
height: 1rem;
margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5);
float: right;
transform: rotate(-90deg);
background-image: var(--pico-icon-chevron);
background-position: right center;
@ -3228,6 +3236,10 @@ main {
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
margin-bottom: 0;
}
.pico nav details.dropdown.hide-arrow > summary::after {
display: none;
content: none;
}
.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);
@ -3243,6 +3255,8 @@ main {
/**
* Group ([role="group"], [role="search"])
*/
/* V3 Remove, modifing the <legend> placement is disabled
* in chrome.*/
.pico fieldset[role=group] > legend {
float: left;
}
@ -3892,7 +3906,6 @@ body:has(dialog[open]) {
*/
.pico nav[role=navigation] {
z-index: 1;
align-items: center;
width: 100%;
overflow: visible;
}
@ -3913,6 +3926,10 @@ body:has(dialog[open]) {
-moz-user-select: none;
user-select: none;
}
.pico nav[role=navigation] > ul > li > [role=search],
.pico nav[role=navigation] > ol > li > [role=search] {
margin-block-end: 0;
}
@media (max-width: 510px) {
.pico nav[role=navigation] {
@ -3926,6 +3943,7 @@ body:has(dialog[open]) {
display: block;
}
.pico nav[role=navigation] > [role=list] {
display: none;
flex-direction: column;
align-items: flex-start;
width: 90vw;
@ -3933,18 +3951,25 @@ body:has(dialog[open]) {
margin: 0 auto;
background-color: var(--pico-muted-border-color);
box-shadow: var(--pico-box-shadow);
transition: max-height var(--pico-transition);
opacity: 0;
transition: max-height var(--pico-transition), opacity var(--pico-transition);
}
.pico nav[role=navigation] > [role=list] li {
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
padding: 0;
}
.pico nav[role=navigation] > [role=list] li > details.dropdown {
width: 100%;
}
.pico nav[role=navigation] > [role=list] li > form[role=search] {
margin-block-end: 0;
}
.pico nav[role=navigation] > [role=list] a {
display: block;
margin: 0;
border-bottom: 1px solid transparent;
border-radius: 0;
border-block-end: 1px solid transparent;
transition: border-color var(--pico-transition), color var(--pico-transition);
}
.pico nav[role=navigation] > [role=list] a:hover {
@ -3952,7 +3977,9 @@ body:has(dialog[open]) {
text-decoration: none;
}
.pico nav[role=navigation] input[type=checkbox]:checked ~ [role=list] {
display: block;
max-height: 100vh;
opacity: 1;
}
}
@media (max-width: 700px) {
@ -3967,6 +3994,7 @@ body:has(dialog[open]) {
display: block;
}
.pico nav[role=navigation][data-breakpoint=md] > [role=list] {
display: none;
flex-direction: column;
align-items: flex-start;
width: 90vw;
@ -3974,18 +4002,25 @@ body:has(dialog[open]) {
margin: 0 auto;
background-color: var(--pico-muted-border-color);
box-shadow: var(--pico-box-shadow);
transition: max-height var(--pico-transition);
opacity: 0;
transition: max-height var(--pico-transition), opacity var(--pico-transition);
}
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li {
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
padding: 0;
}
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > details.dropdown {
width: 100%;
}
.pico nav[role=navigation][data-breakpoint=md] > [role=list] li > form[role=search] {
margin-block-end: 0;
}
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a {
display: block;
margin: 0;
border-bottom: 1px solid transparent;
border-radius: 0;
border-block-end: 1px solid transparent;
transition: border-color var(--pico-transition), color var(--pico-transition);
}
.pico nav[role=navigation][data-breakpoint=md] > [role=list] a:hover {
@ -3993,7 +4028,9 @@ body:has(dialog[open]) {
text-decoration: none;
}
.pico nav[role=navigation][data-breakpoint=md] input[type=checkbox]:checked ~ [role=list] {
display: block;
max-height: 100vh;
opacity: 1;
}
}
@media (max-width: 950px) {
@ -4008,6 +4045,7 @@ body:has(dialog[open]) {
display: block;
}
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] {
display: none;
flex-direction: column;
align-items: flex-start;
width: 90vw;
@ -4015,18 +4053,25 @@ body:has(dialog[open]) {
margin: 0 auto;
background-color: var(--pico-muted-border-color);
box-shadow: var(--pico-box-shadow);
transition: max-height var(--pico-transition);
opacity: 0;
transition: max-height var(--pico-transition), opacity var(--pico-transition);
}
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li {
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
padding: 0;
}
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > details.dropdown {
width: 100%;
}
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] li > form[role=search] {
margin-block-end: 0;
}
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a {
display: block;
margin: 0;
border-bottom: 1px solid transparent;
border-radius: 0;
border-block-end: 1px solid transparent;
transition: border-color var(--pico-transition), color var(--pico-transition);
}
.pico nav[role=navigation][data-breakpoint=lg] > [role=list] a:hover {
@ -4034,7 +4079,9 @@ body:has(dialog[open]) {
text-decoration: none;
}
.pico nav[role=navigation][data-breakpoint=lg] input[type=checkbox]:checked ~ [role=list] {
display: block;
max-height: 100vh;
opacity: 1;
}
}
@media (max-width: 1200px) {
@ -4049,6 +4096,7 @@ body:has(dialog[open]) {
display: block;
}
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] {
display: none;
flex-direction: column;
align-items: flex-start;
width: 90vw;
@ -4056,18 +4104,25 @@ body:has(dialog[open]) {
margin: 0 auto;
background-color: var(--pico-muted-border-color);
box-shadow: var(--pico-box-shadow);
transition: max-height var(--pico-transition);
opacity: 0;
transition: max-height var(--pico-transition), opacity var(--pico-transition);
}
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li {
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
padding: 0;
}
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > details.dropdown {
width: 100%;
}
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] li > form[role=search] {
margin-block-end: 0;
}
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a {
display: block;
margin: 0;
border-bottom: 1px solid transparent;
border-radius: 0;
border-block-end: 1px solid transparent;
transition: border-color var(--pico-transition), color var(--pico-transition);
}
.pico nav[role=navigation][data-breakpoint=xl] > [role=list] a:hover {
@ -4075,7 +4130,9 @@ body:has(dialog[open]) {
text-decoration: none;
}
.pico nav[role=navigation][data-breakpoint=xl] input[type=checkbox]:checked ~ [role=list] {
display: block;
max-height: 100vh;
opacity: 1;
}
}
@media (max-width: 1450px) {
@ -4090,6 +4147,7 @@ body:has(dialog[open]) {
display: block;
}
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] {
display: none;
flex-direction: column;
align-items: flex-start;
width: 90vw;
@ -4097,18 +4155,25 @@ body:has(dialog[open]) {
margin: 0 auto;
background-color: var(--pico-muted-border-color);
box-shadow: var(--pico-box-shadow);
transition: max-height var(--pico-transition);
opacity: 0;
transition: max-height var(--pico-transition), opacity var(--pico-transition);
}
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li {
width: calc(100% - var(--pico-nav-link-spacing-vertical) * 2);
margin: calc(var(--pico-nav-link-spacing-vertical) * 0.5) var(--pico-nav-link-spacing-vertical);
padding: 0;
}
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > details.dropdown {
width: 100%;
}
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] li > form[role=search] {
margin-block-end: 0;
}
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a {
display: block;
margin: 0;
border-bottom: 1px solid transparent;
border-radius: 0;
border-block-end: 1px solid transparent;
transition: border-color var(--pico-transition), color var(--pico-transition);
}
.pico nav[role=navigation][data-breakpoint=xxl] > [role=list] a:hover {
@ -4116,7 +4181,9 @@ body:has(dialog[open]) {
text-decoration: none;
}
.pico nav[role=navigation][data-breakpoint=xxl] input[type=checkbox]:checked ~ [role=list] {
display: block;
max-height: 100vh;
opacity: 1;
}
}
/**