mirror of
https://github.com/picocss/pico.git
synced 2025-04-24 02:16:15 -04:00
Build CSS
This commit is contained in:
parent
869da59717
commit
36e4d53e6c
252 changed files with 1422 additions and 998 deletions
|
@ -236,18 +236,18 @@ nav details.dropdown summary:focus-visible {
|
|||
color-scheme: light;
|
||||
--pico-background-color: #fff;
|
||||
--pico-color: #373c44;
|
||||
--pico-text-selection-color: rgba(148, 134, 225, 0.25);
|
||||
--pico-text-selection-color: rgba(71, 164, 23, 0.25);
|
||||
--pico-muted-color: #646b79;
|
||||
--pico-muted-border-color: rgb(231, 234, 239.5);
|
||||
--pico-primary: #655cd6;
|
||||
--pico-primary-background: #524ed2;
|
||||
--pico-primary: #33790f;
|
||||
--pico-primary-background: #398712;
|
||||
--pico-primary-border: var(--pico-primary-background);
|
||||
--pico-primary-underline: rgba(101, 92, 214, 0.5);
|
||||
--pico-primary-hover: #4040bf;
|
||||
--pico-primary-hover-background: #4040bf;
|
||||
--pico-primary-underline: rgba(51, 121, 15, 0.5);
|
||||
--pico-primary-hover: #265e09;
|
||||
--pico-primary-hover-background: #33790f;
|
||||
--pico-primary-hover-border: var(--pico-primary-hover-background);
|
||||
--pico-primary-hover-underline: var(--pico-primary-hover);
|
||||
--pico-primary-focus: rgba(148, 134, 225, 0.5);
|
||||
--pico-primary-focus: rgba(71, 164, 23, 0.5);
|
||||
--pico-primary-inverse: #fff;
|
||||
--pico-secondary: #5d6b89;
|
||||
--pico-secondary-background: #525f7a;
|
||||
|
@ -391,18 +391,18 @@ nav details.dropdown summary:focus-visible {
|
|||
color-scheme: dark;
|
||||
--pico-background-color: rgb(19, 22.5, 30.5);
|
||||
--pico-color: #c2c7d0;
|
||||
--pico-text-selection-color: rgba(162, 148, 229, 0.1875);
|
||||
--pico-text-selection-color: rgba(78, 179, 27, 0.1875);
|
||||
--pico-muted-color: #7b8495;
|
||||
--pico-muted-border-color: #202632;
|
||||
--pico-primary: #a294e5;
|
||||
--pico-primary-background: #524ed2;
|
||||
--pico-primary: #4eb31b;
|
||||
--pico-primary-background: #398712;
|
||||
--pico-primary-border: var(--pico-primary-background);
|
||||
--pico-primary-underline: rgba(162, 148, 229, 0.5);
|
||||
--pico-primary-hover: #bdb2ec;
|
||||
--pico-primary-hover-background: #655cd6;
|
||||
--pico-primary-underline: rgba(78, 179, 27, 0.5);
|
||||
--pico-primary-hover: #5dd121;
|
||||
--pico-primary-hover-background: #409614;
|
||||
--pico-primary-hover-border: var(--pico-primary-hover-background);
|
||||
--pico-primary-hover-underline: var(--pico-primary-hover);
|
||||
--pico-primary-focus: rgba(162, 148, 229, 0.375);
|
||||
--pico-primary-focus: rgba(78, 179, 27, 0.375);
|
||||
--pico-primary-inverse: #fff;
|
||||
--pico-secondary: #969eaf;
|
||||
--pico-secondary-background: #525f7a;
|
||||
|
@ -546,18 +546,18 @@ nav details.dropdown summary:focus-visible {
|
|||
color-scheme: dark;
|
||||
--pico-background-color: rgb(19, 22.5, 30.5);
|
||||
--pico-color: #c2c7d0;
|
||||
--pico-text-selection-color: rgba(162, 148, 229, 0.1875);
|
||||
--pico-text-selection-color: rgba(78, 179, 27, 0.1875);
|
||||
--pico-muted-color: #7b8495;
|
||||
--pico-muted-border-color: #202632;
|
||||
--pico-primary: #a294e5;
|
||||
--pico-primary-background: #524ed2;
|
||||
--pico-primary: #4eb31b;
|
||||
--pico-primary-background: #398712;
|
||||
--pico-primary-border: var(--pico-primary-background);
|
||||
--pico-primary-underline: rgba(162, 148, 229, 0.5);
|
||||
--pico-primary-hover: #bdb2ec;
|
||||
--pico-primary-hover-background: #655cd6;
|
||||
--pico-primary-underline: rgba(78, 179, 27, 0.5);
|
||||
--pico-primary-hover: #5dd121;
|
||||
--pico-primary-hover-background: #409614;
|
||||
--pico-primary-hover-border: var(--pico-primary-hover-background);
|
||||
--pico-primary-hover-underline: var(--pico-primary-hover);
|
||||
--pico-primary-focus: rgba(162, 148, 229, 0.375);
|
||||
--pico-primary-focus: rgba(78, 179, 27, 0.375);
|
||||
--pico-primary-inverse: #fff;
|
||||
--pico-secondary: #969eaf;
|
||||
--pico-secondary-background: #525f7a;
|
||||
|
@ -768,6 +768,7 @@ section {
|
|||
@media (min-width: 576px) {
|
||||
.container {
|
||||
max-width: 510px;
|
||||
padding-inline: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
@ -2798,15 +2799,17 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
|
|||
*/
|
||||
details {
|
||||
display: block;
|
||||
margin-bottom: var(--pico-spacing);
|
||||
margin-block-end: var(--pico-spacing);
|
||||
}
|
||||
details.hide-arrow > summary::after {
|
||||
display: none;
|
||||
content: none;
|
||||
}
|
||||
details:not(.hide-arrow) > summary {
|
||||
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
|
||||
}
|
||||
details summary {
|
||||
position: relative;
|
||||
padding-inline-end: var(--pico-block-spacing-horizontal);
|
||||
line-height: 1rem;
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
|
@ -2858,7 +2861,7 @@ details summary[role=button]::after {
|
|||
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||
}
|
||||
details[open] > summary {
|
||||
margin-bottom: var(--pico-spacing);
|
||||
margin-block-end: var(--pico-spacing);
|
||||
}
|
||||
details[open] > summary:not([role]):not(:focus) {
|
||||
color: var(--pico-accordion-open-summary-color);
|
||||
|
@ -3154,7 +3157,7 @@ details.dropdown > summary + ul {
|
|||
min-width: -moz-fit-content;
|
||||
min-width: fit-content;
|
||||
margin: 0;
|
||||
margin-top: var(--pico-outline-width);
|
||||
margin-block-start: var(--pico-outline-width);
|
||||
padding: 0;
|
||||
border: var(--pico-border-width) solid var(--pico-dropdown-border-color);
|
||||
border-radius: var(--pico-border-radius);
|
||||
|
@ -3171,19 +3174,19 @@ details.dropdown > summary + ul[dir=rtl] {
|
|||
}
|
||||
details.dropdown > summary + ul li {
|
||||
width: 100%;
|
||||
margin-bottom: 0;
|
||||
margin-block-end: 0;
|
||||
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
|
||||
list-style: none;
|
||||
}
|
||||
details.dropdown > summary + ul li:first-of-type {
|
||||
margin-top: calc(var(--pico-form-element-spacing-vertical) * 0.5);
|
||||
margin-block-start: calc(var(--pico-form-element-spacing-vertical) * 0.5);
|
||||
}
|
||||
details.dropdown > summary + ul li:last-of-type {
|
||||
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
|
||||
margin-block-end: calc(var(--pico-form-element-spacing-vertical) * 0.5);
|
||||
}
|
||||
details.dropdown > summary + ul li details {
|
||||
width: 100%;
|
||||
margin-bottom: 0;
|
||||
margin-block-end: 0;
|
||||
}
|
||||
details.dropdown > summary + ul li details > summary {
|
||||
line-height: var(--pico-line-height);
|
||||
|
@ -3208,7 +3211,7 @@ details.dropdown > summary + ul li:has(label):hover {
|
|||
background-color: var(--pico-dropdown-hover-background-color);
|
||||
}
|
||||
details.dropdown[open] > summary {
|
||||
margin-bottom: 0;
|
||||
margin-block-end: 0;
|
||||
}
|
||||
details.dropdown[open] > summary::before {
|
||||
display: block;
|
||||
|
@ -3230,7 +3233,7 @@ details.dropdown[open] > summary + ul {
|
|||
nav details.dropdown {
|
||||
display: inline;
|
||||
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
|
||||
margin-bottom: 0;
|
||||
margin-block-end: 0;
|
||||
}
|
||||
nav details.dropdown.hide-arrow > summary::after {
|
||||
display: none;
|
||||
|
@ -3243,9 +3246,12 @@ nav details.dropdown > summary:not([role]) {
|
|||
nav details.dropdown > summary:not([role]):focus-visible {
|
||||
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||
}
|
||||
nav details.dropdown:not(.hide-arrow) > summary {
|
||||
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
|
||||
}
|
||||
|
||||
label > details.dropdown {
|
||||
margin-top: calc(var(--pico-spacing) * 0.25);
|
||||
margin-block-start: calc(var(--pico-spacing) * 0.25);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
4
docs/pico.min.css
vendored
4
docs/pico.min.css
vendored
File diff suppressed because one or more lines are too long
Loading…
Add table
Add a link
Reference in a new issue