mirror of
https://github.com/picocss/pico.git
synced 2025-04-24 18:26:14 -04:00
Build CSS
This commit is contained in:
parent
d20ea655bf
commit
f9c3a34411
92 changed files with 2032 additions and 184 deletions
|
@ -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