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

chore: rebuild

Browse source
This commit is contained in:
Lucas Larroche 2022-02-27 16:59:36 +07:00
parent 75cfc082d8
commit f7ed336ac0
39 changed files with 216 additions and 138 deletions
Download patch file Download diff file Expand all files Collapse all files

94
css/pico.fluid.classless.css
View file

@ -272,6 +272,11 @@ kbd {
0 0.125rem 2rem rgba(27, 40, 50, 0.08),
0 0 0 0.0625rem rgba(27, 40, 50, 0.024);
--card-sectionning-background-color: #fbfbfc;
--dropdown-background-color: #fbfbfc;
--dropdown-border-color: #e1e6eb;
--dropdown-box-shadow: var(--card-box-shadow);
--dropdown-color: var(--color);
--dropdown-focus-background-color: #edf0f3;
--modal-overlay-background-color: rgba(213, 220, 226, 0.8);
--progress-background-color: #d5dce2;
--progress-color: var(--primary);
@ -369,6 +374,11 @@ kbd {
0 0.125rem 2rem rgba(0, 0, 0, 0.12),
0 0 0 0.0625rem rgba(0, 0, 0, 0.036);
--card-sectionning-background-color: #18232c;
--dropdown-background-color: #1b2832;
--dropdown-border-color: #24333e;
--dropdown-box-shadow: var(--card-box-shadow);
--dropdown-color: var(--color);
--dropdown-focus-background-color: rgba(36, 51, 62, 0.75);
--modal-overlay-background-color: rgba(36, 51, 62, 0.9);
--progress-background-color: #24333e;
--progress-color: var(--primary);
@ -465,6 +475,11 @@ kbd {
0 0.125rem 2rem rgba(0, 0, 0, 0.12),
0 0 0 0.0625rem rgba(0, 0, 0, 0.036);
--card-sectionning-background-color: #18232c;
--dropdown-background-color: #1b2832;
--dropdown-border-color: #24333e;
--dropdown-box-shadow: var(--card-box-shadow);
--dropdown-color: var(--color);
--dropdown-focus-background-color: rgba(36, 51, 62, 0.75);
--modal-overlay-background-color: rgba(36, 51, 62, 0.9);
--progress-background-color: #24333e;
--progress-color: var(--primary);
@ -2056,80 +2071,91 @@ details[role=list] {
border-bottom: none;
}
details[role=list] summary {
margin: 0;
}
details[role=list] summary:not([role=button]) {
height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);
margin-bottom: 0;
padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);
border: var(--border-width) solid var(--form-element-border-color);
border-radius: var(--border-radius);
background-color: var(--form-element-background-color);
color: var(--form-element-placeholder-color);
line-height: inherit;
cursor: pointer;
transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
}
details[role=list] summary::after {
details[role=list] summary:not([role=button]):active, details[role=list] summary:not([role=button]):focus {
border-color: var(--form-element-active-border-color);
background-color: var(--form-element-active-background-color);
}
details[role=list] summary:not([role=button]):focus {
box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);
}
details[role=list] summary:not([role=button])::after {
height: 100%;
transform: rotate(0deg);
}
details[role=list] summary + ul {
z-index: 100;
z-index: 99;
position: absolute;
top: auto;
right: 0px;
left: 0px;
right: 0;
left: 0;
margin: 0;
padding: 0;
border: var(--border-width) solid var(--form-element-border-color);
border: var(--border-width) solid var(--dropdown-border-color);
border-top: none;
border-bottom-right-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
background-color: var(--background-color);
list-style: none;
border-radius: var(--border-radius);
border-top-right-radius: 0;
border-top-left-radius: 0;
background-color: var(--dropdown-background-color);
box-shadow: var(--card-box-shadow);
color: var(--dropdown-color);
}
details[role=list] summary + ul li {
margin-bottom: 0;
padding: calc(var(--form-element-spacing-vertical) * 0.5) var(--form-element-spacing-horizontal);
list-style: none;
}
details[role=list] summary + ul li::marker {
content: "";
details[role=list] summary + ul li:first-of-type {
margin-top: calc(var(--form-element-spacing-vertical) * 0.5);
}
details[role=list] summary + ul li label {
position: relative;
details[role=list] summary + ul li:last-of-type {
margin-bottom: calc(var(--form-element-spacing-vertical) * 0.5);
}
details[role=list] summary + ul li:hover {
background-color: var(--dropdown-focus-background-color);
}
details[role=list] summary + ul li a {
display: block;
width: 100%;
margin: 0;
padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);
cursor: pointer;
color: var(--dropdown-color);
text-decoration: none;
}
details[role=list] summary + ul li label:hover {
background-color: var(--secondary-focus);
}
details[role=list] summary + ul li label input[type=radio],
details[role=list] summary + ul li label input[type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
details[role=list] summary::after {
transform: rotate(0deg);
}
details[role=list][disabled] summary, details[role=list].disabled summary {
color: var(--muted-color);
cursor: not-allowed;
border-color: var(--form-element-disabled-border-color);
background-color: var(--form-element-disabled-background-color);
opacity: var(--form-element-disabled-opacity);
pointer-events: none;
}
details[role=list][open] summary {
margin-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
details[role=list][open] summary::before {
display: block;
z-index: 80;
z-index: 1;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: " ";
content: "";
cursor: default;
}
details[role=list][open] summary::after {
transform: rotate(180deg);
}
/**
* Loading ([aria-busy=true])