mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-23 01:46:14 -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
docs/pico.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(116, 139, 248, 0.25);
--pico-text-selection-color: rgba(148, 134, 225, 0.25);
--pico-muted-color: #646b79;
--pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #2060df;
--pico-primary-background: #2060df;
--pico-primary: #655cd6;
--pico-primary-background: #524ed2;
--pico-primary-border: var(--pico-primary-background);
--pico-primary-underline: rgba(32, 96, 223, 0.5);
--pico-primary-hover: #184eb8;
--pico-primary-hover-background: #1d59d0;
--pico-primary-underline: rgba(101, 92, 214, 0.5);
--pico-primary-hover: #4040bf;
--pico-primary-hover-background: #4040bf;
--pico-primary-hover-border: var(--pico-primary-hover-background);
--pico-primary-hover-underline: var(--pico-primary-hover);
--pico-primary-focus: rgba(116, 139, 248, 0.5);
--pico-primary-focus: rgba(148, 134, 225, 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(137, 153, 249, 0.1875);
--pico-text-selection-color: rgba(162, 148, 229, 0.1875);
--pico-muted-color: #7b8495;
--pico-muted-border-color: #202632;
--pico-primary: #8999f9;
--pico-primary-background: #2060df;
--pico-primary: #a294e5;
--pico-primary-background: #524ed2;
--pico-primary-border: var(--pico-primary-background);
--pico-primary-underline: rgba(137, 153, 249, 0.5);
--pico-primary-hover: #aeb5fb;
--pico-primary-hover-background: #3c71f7;
--pico-primary-underline: rgba(162, 148, 229, 0.5);
--pico-primary-hover: #bdb2ec;
--pico-primary-hover-background: #655cd6;
--pico-primary-hover-border: var(--pico-primary-hover-background);
--pico-primary-hover-underline: var(--pico-primary-hover);
--pico-primary-focus: rgba(137, 153, 249, 0.375);
--pico-primary-focus: rgba(162, 148, 229, 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(137, 153, 249, 0.1875);
--pico-text-selection-color: rgba(162, 148, 229, 0.1875);
--pico-muted-color: #7b8495;
--pico-muted-border-color: #202632;
--pico-primary: #8999f9;
--pico-primary-background: #2060df;
--pico-primary: #a294e5;
--pico-primary-background: #524ed2;
--pico-primary-border: var(--pico-primary-background);
--pico-primary-underline: rgba(137, 153, 249, 0.5);
--pico-primary-hover: #aeb5fb;
--pico-primary-hover-background: #3c71f7;
--pico-primary-underline: rgba(162, 148, 229, 0.5);
--pico-primary-hover: #bdb2ec;
--pico-primary-hover-background: #655cd6;
--pico-primary-hover-border: var(--pico-primary-hover-background);
--pico-primary-hover-underline: var(--pico-primary-hover);
--pico-primary-focus: rgba(137, 153, 249, 0.375);
--pico-primary-focus: rgba(162, 148, 229, 0.375);
--pico-primary-inverse: #fff;
--pico-secondary: #969eaf;
--pico-secondary-background: #525f7a;
@ -761,43 +761,33 @@ section {
.container,
.container-fluid {
width: 100%;
margin-right: auto;
margin-left: auto;
margin-inline: auto;
padding-inline: var(--pico-block-spacing-horizontal);
}
@media (min-width: 576px) {
.container {
max-width: 510px;
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 768px) {
.container {
max-width: 700px;
padding-right: var(--pico-spacing);
padding-left: var(--pico-spacing);
}
}
@media (min-width: 1024px) {
.container {
max-width: 950px;
padding-right: var(--pico-spacing);
padding-left: var(--pico-spacing);
}
}
@media (min-width: 1280px) {
.container {
max-width: 1200px;
padding-right: var(--pico-spacing);
padding-left: var(--pico-spacing);
}
}
@media (min-width: 1536px) {
.container {
max-width: 1450px;
padding-right: var(--pico-spacing);
padding-left: var(--pico-spacing);
}
}