mirror of
https://github.com/picocss/pico.git
synced 2025-04-23 18:06:14 -04:00
Build CSS
This commit is contained in:
parent
d20ea655bf
commit
f9c3a34411
92 changed files with 2032 additions and 184 deletions
|
@ -232,18 +232,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(240, 96, 72, 0.25);
|
||||
--pico-muted-color: #646b79;
|
||||
--pico-muted-border-color: rgb(231, 234, 239.5);
|
||||
--pico-primary: #655cd6;
|
||||
--pico-primary-background: #524ed2;
|
||||
--pico-primary: #c52f21;
|
||||
--pico-primary-background: #c52f21;
|
||||
--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(197, 47, 33, 0.5);
|
||||
--pico-primary-hover: #9b2318;
|
||||
--pico-primary-hover-background: #af291d;
|
||||
--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(240, 96, 72, 0.5);
|
||||
--pico-primary-inverse: #fff;
|
||||
--pico-secondary: #5d6b89;
|
||||
--pico-secondary-background: #525f7a;
|
||||
|
@ -387,18 +387,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(241, 121, 97, 0.1875);
|
||||
--pico-muted-color: #7b8495;
|
||||
--pico-muted-border-color: #202632;
|
||||
--pico-primary: #a294e5;
|
||||
--pico-primary-background: #524ed2;
|
||||
--pico-primary: #f17961;
|
||||
--pico-primary-background: #c52f21;
|
||||
--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(241, 121, 97, 0.5);
|
||||
--pico-primary-hover: #f5a390;
|
||||
--pico-primary-hover-background: #d93526;
|
||||
--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(241, 121, 97, 0.375);
|
||||
--pico-primary-inverse: #fff;
|
||||
--pico-secondary: #969eaf;
|
||||
--pico-secondary-background: #525f7a;
|
||||
|
@ -542,18 +542,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(241, 121, 97, 0.1875);
|
||||
--pico-muted-color: #7b8495;
|
||||
--pico-muted-border-color: #202632;
|
||||
--pico-primary: #a294e5;
|
||||
--pico-primary-background: #524ed2;
|
||||
--pico-primary: #f17961;
|
||||
--pico-primary-background: #c52f21;
|
||||
--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(241, 121, 97, 0.5);
|
||||
--pico-primary-hover: #f5a390;
|
||||
--pico-primary-hover-background: #d93526;
|
||||
--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(241, 121, 97, 0.375);
|
||||
--pico-primary-inverse: #fff;
|
||||
--pico-secondary: #969eaf;
|
||||
--pico-secondary-background: #525f7a;
|
||||
|
@ -3058,6 +3058,7 @@ main {
|
|||
background-color: var(--pico-form-element-background-color);
|
||||
color: var(--pico-form-element-placeholder-color);
|
||||
line-height: inherit;
|
||||
text-align: inherit;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
|
@ -3091,6 +3092,7 @@ main {
|
|||
left: 0;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
min-width: 200px;
|
||||
min-width: -moz-fit-content;
|
||||
min-width: fit-content;
|
||||
margin: 0;
|
||||
|
@ -3122,6 +3124,7 @@ main {
|
|||
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);
|
||||
}
|
||||
.pico details.dropdown > summary + ul li details {
|
||||
width: 100%;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.pico details.dropdown > summary + ul li details > summary {
|
||||
|
@ -3643,6 +3646,47 @@ main {
|
|||
touch-action: auto;
|
||||
}
|
||||
|
||||
dialog.modal-sm > article {
|
||||
width: 90vw;
|
||||
max-width: 400px;
|
||||
}
|
||||
dialog.modal-md > article {
|
||||
width: 90vw;
|
||||
max-width: 600px;
|
||||
}
|
||||
dialog.modal-lg > article {
|
||||
width: 90vw;
|
||||
max-width: 800px;
|
||||
}
|
||||
dialog.modal-xlg > article {
|
||||
width: 95vw;
|
||||
max-width: 1000px;
|
||||
}
|
||||
dialog.modal-fs {
|
||||
padding: 0;
|
||||
}
|
||||
dialog.modal-fs > article {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
width: 100vw;
|
||||
max-width: 100vw;
|
||||
height: 100vh;
|
||||
max-height: 100vh;
|
||||
margin: 0;
|
||||
overflow-y: auto;
|
||||
}
|
||||
dialog.modal-fs > article > footer {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
margin-top: auto;
|
||||
}
|
||||
@media (max-width: 576px) {
|
||||
dialog:not(.modal-fs) > article {
|
||||
width: 95vw;
|
||||
}
|
||||
}
|
||||
|
||||
body:has(dialog[open]) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue