mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-22 17:36:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Build CSS

Browse source
This commit is contained in:
github-actions[bot] 2025-02-06 00:34:54 +00:00
parent b0dca0677f
commit e8bfb763ff
92 changed files with 282 additions and 712 deletions
Download patch file Download diff file Expand all files Collapse all files

56
css/pico.conditional.css
View file

@ -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(2, 154, 232, 0.25);
--pico-text-selection-color: rgba(244, 93, 44, 0.25);
--pico-muted-color: #646b79;
--pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #0172ad;
--pico-primary-background: #0172ad;
--pico-primary: #bd3c13;
--pico-primary-background: #d24317;
--pico-primary-border: var(--pico-primary-background);
--pico-primary-underline: rgba(1, 114, 173, 0.5);
--pico-primary-hover: #015887;
--pico-primary-hover-background: #02659a;
--pico-primary-underline: rgba(189, 60, 19, 0.5);
--pico-primary-hover: #942d0d;
--pico-primary-hover-background: #bd3c13;
--pico-primary-hover-border: var(--pico-primary-hover-background);
--pico-primary-hover-underline: var(--pico-primary-hover);
--pico-primary-focus: rgba(2, 154, 232, 0.5);
--pico-primary-focus: rgba(244, 93, 44, 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(1, 170, 255, 0.1875);
--pico-text-selection-color: rgba(245, 107, 61, 0.1875);
--pico-muted-color: #7b8495;
--pico-muted-border-color: #202632;
--pico-primary: #01aaff;
--pico-primary-background: #0172ad;
--pico-primary: #f56b3d;
--pico-primary-background: #d24317;
--pico-primary-border: var(--pico-primary-background);
--pico-primary-underline: rgba(1, 170, 255, 0.5);
--pico-primary-hover: #79c0ff;
--pico-primary-hover-background: #017fc0;
--pico-primary-underline: rgba(245, 107, 61, 0.5);
--pico-primary-hover: #f8a283;
--pico-primary-hover-background: #e74b1a;
--pico-primary-hover-border: var(--pico-primary-hover-background);
--pico-primary-hover-underline: var(--pico-primary-hover);
--pico-primary-focus: rgba(1, 170, 255, 0.375);
--pico-primary-focus: rgba(245, 107, 61, 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(1, 170, 255, 0.1875);
--pico-text-selection-color: rgba(245, 107, 61, 0.1875);
--pico-muted-color: #7b8495;
--pico-muted-border-color: #202632;
--pico-primary: #01aaff;
--pico-primary-background: #0172ad;
--pico-primary: #f56b3d;
--pico-primary-background: #d24317;
--pico-primary-border: var(--pico-primary-background);
--pico-primary-underline: rgba(1, 170, 255, 0.5);
--pico-primary-hover: #79c0ff;
--pico-primary-hover-background: #017fc0;
--pico-primary-underline: rgba(245, 107, 61, 0.5);
--pico-primary-hover: #f8a283;
--pico-primary-hover-background: #e74b1a;
--pico-primary-hover-border: var(--pico-primary-hover-background);
--pico-primary-hover-underline: var(--pico-primary-hover);
--pico-primary-focus: rgba(1, 170, 255, 0.375);
--pico-primary-focus: rgba(245, 107, 61, 0.375);
--pico-primary-inverse: #fff;
--pico-secondary: #969eaf;
--pico-secondary-background: #525f7a;
@ -761,43 +761,33 @@ main {
.pico .container,
.pico .container-fluid {
width: 100%;
margin-right: auto;
margin-left: auto;
margin-inline: auto;
padding-inline: var(--pico-block-spacing-horizontal);
}
@media (min-width: 576px) {
.pico .container {
max-width: 510px;
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 768px) {
.pico .container {
max-width: 700px;
padding-right: var(--pico-spacing);
padding-left: var(--pico-spacing);
}
}
@media (min-width: 1024px) {
.pico .container {
max-width: 950px;
padding-right: var(--pico-spacing);
padding-left: var(--pico-spacing);
}
}
@media (min-width: 1280px) {
.pico .container {
max-width: 1200px;
padding-right: var(--pico-spacing);
padding-left: var(--pico-spacing);
}
}
@media (min-width: 1536px) {
.pico .container {
max-width: 1450px;
padding-right: var(--pico-spacing);
padding-left: var(--pico-spacing);
}
}