mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-20 16:46:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

feature: modal improvements

Browse source 
- overflow on modal instead of article
- animations
- prevent body overflow when open modal
This commit is contained in:
Atmos4 2024-03-29 09:32:53 +01:00
parent 6dc6489e69
commit e18d040caa
238 changed files with 1912 additions and 833 deletions
Download patch file Download diff file Expand all files Collapse all files

21
css/pico.amber.css
View file

@ -2314,7 +2314,7 @@ a[aria-busy=true] {
} }
dialog { dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2327,18 +2327,19 @@ dialog {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
dialog article { dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
dialog article { dialog article {
@ -2390,7 +2391,11 @@ dialog article .close:is([aria-current]:not([aria-current=false]), :hover, :acti
opacity: 1; opacity: 1;
} }
dialog:not([open]), dialog[open=false] { dialog:not([open]), dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
dialog:not([open]) article, dialog[open=false] article {
transform: scale(0.7);
} }
.modal-is-open { .modal-is-open {
@ -2404,6 +2409,10 @@ dialog:not([open]), dialog[open=false] {
touch-action: auto; touch-action: auto;
} }
body:has(dialog[open]) {
overflow: hidden;
}
:where(.modal-is-opening, .modal-is-closing) dialog, :where(.modal-is-opening, .modal-is-closing) dialog,
:where(.modal-is-opening, .modal-is-closing) dialog > article { :where(.modal-is-opening, .modal-is-closing) dialog > article {
animation-duration: 0.2s; animation-duration: 0.2s;

2
css/pico.amber.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.blue.css
View file

@ -2314,7 +2314,7 @@ a[aria-busy=true] {
} }
dialog { dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2327,18 +2327,19 @@ dialog {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
dialog article { dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
dialog article { dialog article {
@ -2390,7 +2391,11 @@ dialog article .close:is([aria-current]:not([aria-current=false]), :hover, :acti
opacity: 1; opacity: 1;
} }
dialog:not([open]), dialog[open=false] { dialog:not([open]), dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
dialog:not([open]) article, dialog[open=false] article {
transform: scale(0.7);
} }
.modal-is-open { .modal-is-open {
@ -2404,6 +2409,10 @@ dialog:not([open]), dialog[open=false] {
touch-action: auto; touch-action: auto;
} }
body:has(dialog[open]) {
overflow: hidden;
}
:where(.modal-is-opening, .modal-is-closing) dialog, :where(.modal-is-opening, .modal-is-closing) dialog,
:where(.modal-is-opening, .modal-is-closing) dialog > article { :where(.modal-is-opening, .modal-is-closing) dialog > article {
animation-duration: 0.2s; animation-duration: 0.2s;

2
css/pico.blue.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.amber.css
View file

@ -1988,7 +1988,7 @@ a[aria-busy=true] {
} }
dialog { dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ dialog {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
dialog article { dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
dialog article { dialog article {
@ -2064,7 +2065,15 @@ dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=fals
opacity: 1; opacity: 1;
} }
dialog:not([open]), dialog[open=false] { dialog:not([open]), dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
dialog:not([open]) article, dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.amber.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.blue.css
View file

@ -1988,7 +1988,7 @@ a[aria-busy=true] {
} }
dialog { dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ dialog {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
dialog article { dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
dialog article { dialog article {
@ -2064,7 +2065,15 @@ dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=fals
opacity: 1; opacity: 1;
} }
dialog:not([open]), dialog[open=false] { dialog:not([open]), dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
dialog:not([open]) article, dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.blue.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.conditional.amber.css
View file

@ -1988,7 +1988,7 @@ main {
} }
.pico dialog { .pico dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ main {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
.pico dialog article { .pico dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.pico dialog article { .pico dialog article {
@ -2064,7 +2065,15 @@ main {
opacity: 1; opacity: 1;
} }
.pico dialog:not([open]), .pico dialog[open=false] { .pico dialog:not([open]), .pico dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
.pico dialog:not([open]) article, .pico dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.conditional.amber.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.conditional.blue.css
View file

@ -1988,7 +1988,7 @@ main {
} }
.pico dialog { .pico dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ main {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
.pico dialog article { .pico dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.pico dialog article { .pico dialog article {
@ -2064,7 +2065,15 @@ main {
opacity: 1; opacity: 1;
} }
.pico dialog:not([open]), .pico dialog[open=false] { .pico dialog:not([open]), .pico dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
.pico dialog:not([open]) article, .pico dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.conditional.blue.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.conditional.cyan.css
View file

@ -1988,7 +1988,7 @@ main {
} }
.pico dialog { .pico dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ main {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
.pico dialog article { .pico dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.pico dialog article { .pico dialog article {
@ -2064,7 +2065,15 @@ main {
opacity: 1; opacity: 1;
} }
.pico dialog:not([open]), .pico dialog[open=false] { .pico dialog:not([open]), .pico dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
.pico dialog:not([open]) article, .pico dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.conditional.cyan.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.conditional.fuchsia.css
View file

@ -1988,7 +1988,7 @@ main {
} }
.pico dialog { .pico dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ main {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
.pico dialog article { .pico dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.pico dialog article { .pico dialog article {
@ -2064,7 +2065,15 @@ main {
opacity: 1; opacity: 1;
} }
.pico dialog:not([open]), .pico dialog[open=false] { .pico dialog:not([open]), .pico dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
.pico dialog:not([open]) article, .pico dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.conditional.fuchsia.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.conditional.green.css
View file

@ -1988,7 +1988,7 @@ main {
} }
.pico dialog { .pico dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ main {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
.pico dialog article { .pico dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.pico dialog article { .pico dialog article {
@ -2064,7 +2065,15 @@ main {
opacity: 1; opacity: 1;
} }
.pico dialog:not([open]), .pico dialog[open=false] { .pico dialog:not([open]), .pico dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
.pico dialog:not([open]) article, .pico dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.conditional.green.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.conditional.grey.css
View file

@ -1988,7 +1988,7 @@ main {
} }
.pico dialog { .pico dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ main {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
.pico dialog article { .pico dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.pico dialog article { .pico dialog article {
@ -2064,7 +2065,15 @@ main {
opacity: 1; opacity: 1;
} }
.pico dialog:not([open]), .pico dialog[open=false] { .pico dialog:not([open]), .pico dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
.pico dialog:not([open]) article, .pico dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.conditional.grey.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.conditional.indigo.css
View file

@ -1988,7 +1988,7 @@ main {
} }
.pico dialog { .pico dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ main {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
.pico dialog article { .pico dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.pico dialog article { .pico dialog article {
@ -2064,7 +2065,15 @@ main {
opacity: 1; opacity: 1;
} }
.pico dialog:not([open]), .pico dialog[open=false] { .pico dialog:not([open]), .pico dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
.pico dialog:not([open]) article, .pico dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.conditional.indigo.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.conditional.jade.css
View file

@ -1988,7 +1988,7 @@ main {
} }
.pico dialog { .pico dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ main {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
.pico dialog article { .pico dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.pico dialog article { .pico dialog article {
@ -2064,7 +2065,15 @@ main {
opacity: 1; opacity: 1;
} }
.pico dialog:not([open]), .pico dialog[open=false] { .pico dialog:not([open]), .pico dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
.pico dialog:not([open]) article, .pico dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.conditional.jade.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.conditional.lime.css
View file

@ -1988,7 +1988,7 @@ main {
} }
.pico dialog { .pico dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ main {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
.pico dialog article { .pico dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.pico dialog article { .pico dialog article {
@ -2064,7 +2065,15 @@ main {
opacity: 1; opacity: 1;
} }
.pico dialog:not([open]), .pico dialog[open=false] { .pico dialog:not([open]), .pico dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
.pico dialog:not([open]) article, .pico dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.conditional.lime.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.conditional.orange.css
View file

@ -1988,7 +1988,7 @@ main {
} }
.pico dialog { .pico dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ main {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
.pico dialog article { .pico dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.pico dialog article { .pico dialog article {
@ -2064,7 +2065,15 @@ main {
opacity: 1; opacity: 1;
} }
.pico dialog:not([open]), .pico dialog[open=false] { .pico dialog:not([open]), .pico dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
.pico dialog:not([open]) article, .pico dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.conditional.orange.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.conditional.pink.css
View file

@ -1988,7 +1988,7 @@ main {
} }
.pico dialog { .pico dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ main {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
.pico dialog article { .pico dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.pico dialog article { .pico dialog article {
@ -2064,7 +2065,15 @@ main {
opacity: 1; opacity: 1;
} }
.pico dialog:not([open]), .pico dialog[open=false] { .pico dialog:not([open]), .pico dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
.pico dialog:not([open]) article, .pico dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.conditional.pink.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.conditional.pumpkin.css
View file

@ -1988,7 +1988,7 @@ main {
} }
.pico dialog { .pico dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ main {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
.pico dialog article { .pico dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.pico dialog article { .pico dialog article {
@ -2064,7 +2065,15 @@ main {
opacity: 1; opacity: 1;
} }
.pico dialog:not([open]), .pico dialog[open=false] { .pico dialog:not([open]), .pico dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
.pico dialog:not([open]) article, .pico dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.conditional.pumpkin.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.conditional.purple.css
View file

@ -1988,7 +1988,7 @@ main {
} }
.pico dialog { .pico dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ main {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
.pico dialog article { .pico dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.pico dialog article { .pico dialog article {
@ -2064,7 +2065,15 @@ main {
opacity: 1; opacity: 1;
} }
.pico dialog:not([open]), .pico dialog[open=false] { .pico dialog:not([open]), .pico dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
.pico dialog:not([open]) article, .pico dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.conditional.purple.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.conditional.red.css
View file

@ -1988,7 +1988,7 @@ main {
} }
.pico dialog { .pico dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ main {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
.pico dialog article { .pico dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.pico dialog article { .pico dialog article {
@ -2064,7 +2065,15 @@ main {
opacity: 1; opacity: 1;
} }
.pico dialog:not([open]), .pico dialog[open=false] { .pico dialog:not([open]), .pico dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
.pico dialog:not([open]) article, .pico dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.conditional.red.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.conditional.sand.css
View file

@ -1988,7 +1988,7 @@ main {
} }
.pico dialog { .pico dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ main {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
.pico dialog article { .pico dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.pico dialog article { .pico dialog article {
@ -2064,7 +2065,15 @@ main {
opacity: 1; opacity: 1;
} }
.pico dialog:not([open]), .pico dialog[open=false] { .pico dialog:not([open]), .pico dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
.pico dialog:not([open]) article, .pico dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.conditional.sand.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.conditional.slate.css
View file

@ -1988,7 +1988,7 @@ main {
} }
.pico dialog { .pico dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ main {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
.pico dialog article { .pico dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.pico dialog article { .pico dialog article {
@ -2064,7 +2065,15 @@ main {
opacity: 1; opacity: 1;
} }
.pico dialog:not([open]), .pico dialog[open=false] { .pico dialog:not([open]), .pico dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
.pico dialog:not([open]) article, .pico dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.conditional.slate.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.conditional.violet.css
View file

@ -1988,7 +1988,7 @@ main {
} }
.pico dialog { .pico dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ main {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
.pico dialog article { .pico dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.pico dialog article { .pico dialog article {
@ -2064,7 +2065,15 @@ main {
opacity: 1; opacity: 1;
} }
.pico dialog:not([open]), .pico dialog[open=false] { .pico dialog:not([open]), .pico dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
.pico dialog:not([open]) article, .pico dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.conditional.violet.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.conditional.yellow.css
View file

@ -1988,7 +1988,7 @@ main {
} }
.pico dialog { .pico dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ main {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
.pico dialog article { .pico dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.pico dialog article { .pico dialog article {
@ -2064,7 +2065,15 @@ main {
opacity: 1; opacity: 1;
} }
.pico dialog:not([open]), .pico dialog[open=false] { .pico dialog:not([open]), .pico dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
.pico dialog:not([open]) article, .pico dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.conditional.yellow.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.conditional.zinc.css
View file

@ -1988,7 +1988,7 @@ main {
} }
.pico dialog { .pico dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ main {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
.pico dialog article { .pico dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.pico dialog article { .pico dialog article {
@ -2064,7 +2065,15 @@ main {
opacity: 1; opacity: 1;
} }
.pico dialog:not([open]), .pico dialog[open=false] { .pico dialog:not([open]), .pico dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
.pico dialog:not([open]) article, .pico dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.conditional.zinc.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.css
View file

@ -1988,7 +1988,7 @@ a[aria-busy=true] {
} }
dialog { dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ dialog {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
dialog article { dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
dialog article { dialog article {
@ -2064,7 +2065,15 @@ dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=fals
opacity: 1; opacity: 1;
} }
dialog:not([open]), dialog[open=false] { dialog:not([open]), dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
dialog:not([open]) article, dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

21
css/pico.classless.cyan.css
View file

@ -1988,7 +1988,7 @@ a[aria-busy=true] {
} }
dialog { dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ dialog {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
dialog article { dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
dialog article { dialog article {
@ -2064,7 +2065,15 @@ dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=fals
opacity: 1; opacity: 1;
} }
dialog:not([open]), dialog[open=false] { dialog:not([open]), dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
dialog:not([open]) article, dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.cyan.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.fuchsia.css
View file

@ -1988,7 +1988,7 @@ a[aria-busy=true] {
} }
dialog { dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ dialog {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
dialog article { dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
dialog article { dialog article {
@ -2064,7 +2065,15 @@ dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=fals
opacity: 1; opacity: 1;
} }
dialog:not([open]), dialog[open=false] { dialog:not([open]), dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
dialog:not([open]) article, dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.fuchsia.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.green.css
View file

@ -1988,7 +1988,7 @@ a[aria-busy=true] {
} }
dialog { dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ dialog {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
dialog article { dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
dialog article { dialog article {
@ -2064,7 +2065,15 @@ dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=fals
opacity: 1; opacity: 1;
} }
dialog:not([open]), dialog[open=false] { dialog:not([open]), dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
dialog:not([open]) article, dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.green.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.grey.css
View file

@ -1988,7 +1988,7 @@ a[aria-busy=true] {
} }
dialog { dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ dialog {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
dialog article { dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
dialog article { dialog article {
@ -2064,7 +2065,15 @@ dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=fals
opacity: 1; opacity: 1;
} }
dialog:not([open]), dialog[open=false] { dialog:not([open]), dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
dialog:not([open]) article, dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.grey.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.indigo.css
View file

@ -1988,7 +1988,7 @@ a[aria-busy=true] {
} }
dialog { dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ dialog {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
dialog article { dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
dialog article { dialog article {
@ -2064,7 +2065,15 @@ dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=fals
opacity: 1; opacity: 1;
} }
dialog:not([open]), dialog[open=false] { dialog:not([open]), dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
dialog:not([open]) article, dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.indigo.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.jade.css
View file

@ -1988,7 +1988,7 @@ a[aria-busy=true] {
} }
dialog { dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ dialog {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
dialog article { dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
dialog article { dialog article {
@ -2064,7 +2065,15 @@ dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=fals
opacity: 1; opacity: 1;
} }
dialog:not([open]), dialog[open=false] { dialog:not([open]), dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
dialog:not([open]) article, dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.jade.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.lime.css
View file

@ -1988,7 +1988,7 @@ a[aria-busy=true] {
} }
dialog { dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ dialog {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
dialog article { dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
dialog article { dialog article {
@ -2064,7 +2065,15 @@ dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=fals
opacity: 1; opacity: 1;
} }
dialog:not([open]), dialog[open=false] { dialog:not([open]), dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
dialog:not([open]) article, dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.lime.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/pico.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.orange.css
View file

@ -1988,7 +1988,7 @@ a[aria-busy=true] {
} }
dialog { dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ dialog {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
dialog article { dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
dialog article { dialog article {
@ -2064,7 +2065,15 @@ dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=fals
opacity: 1; opacity: 1;
} }
dialog:not([open]), dialog[open=false] { dialog:not([open]), dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
dialog:not([open]) article, dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.orange.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.pink.css
View file

@ -1988,7 +1988,7 @@ a[aria-busy=true] {
} }
dialog { dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ dialog {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
dialog article { dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
dialog article { dialog article {
@ -2064,7 +2065,15 @@ dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=fals
opacity: 1; opacity: 1;
} }
dialog:not([open]), dialog[open=false] { dialog:not([open]), dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
dialog:not([open]) article, dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.pink.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.pumpkin.css
View file

@ -1988,7 +1988,7 @@ a[aria-busy=true] {
} }
dialog { dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ dialog {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
dialog article { dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
dialog article { dialog article {
@ -2064,7 +2065,15 @@ dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=fals
opacity: 1; opacity: 1;
} }
dialog:not([open]), dialog[open=false] { dialog:not([open]), dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
dialog:not([open]) article, dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.pumpkin.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.purple.css
View file

@ -1988,7 +1988,7 @@ a[aria-busy=true] {
} }
dialog { dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ dialog {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
dialog article { dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
dialog article { dialog article {
@ -2064,7 +2065,15 @@ dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=fals
opacity: 1; opacity: 1;
} }
dialog:not([open]), dialog[open=false] { dialog:not([open]), dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
dialog:not([open]) article, dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.purple.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.red.css
View file

@ -1988,7 +1988,7 @@ a[aria-busy=true] {
} }
dialog { dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ dialog {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
dialog article { dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
dialog article { dialog article {
@ -2064,7 +2065,15 @@ dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=fals
opacity: 1; opacity: 1;
} }
dialog:not([open]), dialog[open=false] { dialog:not([open]), dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
dialog:not([open]) article, dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.red.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.sand.css
View file

@ -1988,7 +1988,7 @@ a[aria-busy=true] {
} }
dialog { dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ dialog {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
dialog article { dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
dialog article { dialog article {
@ -2064,7 +2065,15 @@ dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=fals
opacity: 1; opacity: 1;
} }
dialog:not([open]), dialog[open=false] { dialog:not([open]), dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
dialog:not([open]) article, dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.sand.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.slate.css
View file

@ -1988,7 +1988,7 @@ a[aria-busy=true] {
} }
dialog { dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ dialog {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
dialog article { dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
dialog article { dialog article {
@ -2064,7 +2065,15 @@ dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=fals
opacity: 1; opacity: 1;
} }
dialog:not([open]), dialog[open=false] { dialog:not([open]), dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
dialog:not([open]) article, dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.slate.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.violet.css
View file

@ -1988,7 +1988,7 @@ a[aria-busy=true] {
} }
dialog { dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ dialog {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
dialog article { dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
dialog article { dialog article {
@ -2064,7 +2065,15 @@ dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=fals
opacity: 1; opacity: 1;
} }
dialog:not([open]), dialog[open=false] { dialog:not([open]), dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
dialog:not([open]) article, dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.violet.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.yellow.css
View file

@ -1988,7 +1988,7 @@ a[aria-busy=true] {
} }
dialog { dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ dialog {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
dialog article { dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
dialog article { dialog article {
@ -2064,7 +2065,15 @@ dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=fals
opacity: 1; opacity: 1;
} }
dialog:not([open]), dialog[open=false] { dialog:not([open]), dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
dialog:not([open]) article, dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.yellow.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.classless.zinc.css
View file

@ -1988,7 +1988,7 @@ a[aria-busy=true] {
} }
dialog { dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2001,18 +2001,19 @@ dialog {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
dialog article { dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
dialog article { dialog article {
@ -2064,7 +2065,15 @@ dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=fals
opacity: 1; opacity: 1;
} }
dialog:not([open]), dialog[open=false] { dialog:not([open]), dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
dialog:not([open]) article, dialog[open=false] article {
transform: scale(0.7);
}
body:has(dialog[open]) {
overflow: hidden;
} }
/** /**

2
css/pico.classless.zinc.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.conditional.amber.css
View file

@ -2314,7 +2314,7 @@ main {
} }
.pico dialog { .pico dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2327,18 +2327,19 @@ main {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
.pico dialog article { .pico dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.pico dialog article { .pico dialog article {
@ -2390,7 +2391,11 @@ main {
opacity: 1; opacity: 1;
} }
.pico dialog:not([open]), .pico dialog[open=false] { .pico dialog:not([open]), .pico dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
.pico dialog:not([open]) article, .pico dialog[open=false] article {
transform: scale(0.7);
} }
.modal-is-open { .modal-is-open {
@ -2404,6 +2409,10 @@ main {
touch-action: auto; touch-action: auto;
} }
body:has(dialog[open]) {
overflow: hidden;
}
:where(.modal-is-opening, .modal-is-closing) dialog, :where(.modal-is-opening, .modal-is-closing) dialog,
:where(.modal-is-opening, .modal-is-closing) dialog > article { :where(.modal-is-opening, .modal-is-closing) dialog > article {
animation-duration: 0.2s; animation-duration: 0.2s;

2
css/pico.conditional.amber.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.conditional.blue.css
View file

@ -2314,7 +2314,7 @@ main {
} }
.pico dialog { .pico dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2327,18 +2327,19 @@ main {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
.pico dialog article { .pico dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.pico dialog article { .pico dialog article {
@ -2390,7 +2391,11 @@ main {
opacity: 1; opacity: 1;
} }
.pico dialog:not([open]), .pico dialog[open=false] { .pico dialog:not([open]), .pico dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
.pico dialog:not([open]) article, .pico dialog[open=false] article {
transform: scale(0.7);
} }
.modal-is-open { .modal-is-open {
@ -2404,6 +2409,10 @@ main {
touch-action: auto; touch-action: auto;
} }
body:has(dialog[open]) {
overflow: hidden;
}
:where(.modal-is-opening, .modal-is-closing) dialog, :where(.modal-is-opening, .modal-is-closing) dialog,
:where(.modal-is-opening, .modal-is-closing) dialog > article { :where(.modal-is-opening, .modal-is-closing) dialog > article {
animation-duration: 0.2s; animation-duration: 0.2s;

2
css/pico.conditional.blue.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.conditional.css
View file

@ -2314,7 +2314,7 @@ main {
} }
.pico dialog { .pico dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2327,18 +2327,19 @@ main {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
.pico dialog article { .pico dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.pico dialog article { .pico dialog article {
@ -2390,7 +2391,11 @@ main {
opacity: 1; opacity: 1;
} }
.pico dialog:not([open]), .pico dialog[open=false] { .pico dialog:not([open]), .pico dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
.pico dialog:not([open]) article, .pico dialog[open=false] article {
transform: scale(0.7);
} }
.modal-is-open { .modal-is-open {
@ -2404,6 +2409,10 @@ main {
touch-action: auto; touch-action: auto;
} }
body:has(dialog[open]) {
overflow: hidden;
}
:where(.modal-is-opening, .modal-is-closing) dialog, :where(.modal-is-opening, .modal-is-closing) dialog,
:where(.modal-is-opening, .modal-is-closing) dialog > article { :where(.modal-is-opening, .modal-is-closing) dialog > article {
animation-duration: 0.2s; animation-duration: 0.2s;

21
css/pico.conditional.cyan.css
View file

@ -2314,7 +2314,7 @@ main {
} }
.pico dialog { .pico dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2327,18 +2327,19 @@ main {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
.pico dialog article { .pico dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.pico dialog article { .pico dialog article {
@ -2390,7 +2391,11 @@ main {
opacity: 1; opacity: 1;
} }
.pico dialog:not([open]), .pico dialog[open=false] { .pico dialog:not([open]), .pico dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
.pico dialog:not([open]) article, .pico dialog[open=false] article {
transform: scale(0.7);
} }
.modal-is-open { .modal-is-open {
@ -2404,6 +2409,10 @@ main {
touch-action: auto; touch-action: auto;
} }
body:has(dialog[open]) {
overflow: hidden;
}
:where(.modal-is-opening, .modal-is-closing) dialog, :where(.modal-is-opening, .modal-is-closing) dialog,
:where(.modal-is-opening, .modal-is-closing) dialog > article { :where(.modal-is-opening, .modal-is-closing) dialog > article {
animation-duration: 0.2s; animation-duration: 0.2s;

2
css/pico.conditional.cyan.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.conditional.fuchsia.css
View file

@ -2314,7 +2314,7 @@ main {
} }
.pico dialog { .pico dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2327,18 +2327,19 @@ main {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
.pico dialog article { .pico dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.pico dialog article { .pico dialog article {
@ -2390,7 +2391,11 @@ main {
opacity: 1; opacity: 1;
} }
.pico dialog:not([open]), .pico dialog[open=false] { .pico dialog:not([open]), .pico dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
.pico dialog:not([open]) article, .pico dialog[open=false] article {
transform: scale(0.7);
} }
.modal-is-open { .modal-is-open {
@ -2404,6 +2409,10 @@ main {
touch-action: auto; touch-action: auto;
} }
body:has(dialog[open]) {
overflow: hidden;
}
:where(.modal-is-opening, .modal-is-closing) dialog, :where(.modal-is-opening, .modal-is-closing) dialog,
:where(.modal-is-opening, .modal-is-closing) dialog > article { :where(.modal-is-opening, .modal-is-closing) dialog > article {
animation-duration: 0.2s; animation-duration: 0.2s;

2
css/pico.conditional.fuchsia.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.conditional.green.css
View file

@ -2314,7 +2314,7 @@ main {
} }
.pico dialog { .pico dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2327,18 +2327,19 @@ main {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
.pico dialog article { .pico dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.pico dialog article { .pico dialog article {
@ -2390,7 +2391,11 @@ main {
opacity: 1; opacity: 1;
} }
.pico dialog:not([open]), .pico dialog[open=false] { .pico dialog:not([open]), .pico dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
.pico dialog:not([open]) article, .pico dialog[open=false] article {
transform: scale(0.7);
} }
.modal-is-open { .modal-is-open {
@ -2404,6 +2409,10 @@ main {
touch-action: auto; touch-action: auto;
} }
body:has(dialog[open]) {
overflow: hidden;
}
:where(.modal-is-opening, .modal-is-closing) dialog, :where(.modal-is-opening, .modal-is-closing) dialog,
:where(.modal-is-opening, .modal-is-closing) dialog > article { :where(.modal-is-opening, .modal-is-closing) dialog > article {
animation-duration: 0.2s; animation-duration: 0.2s;

2
css/pico.conditional.green.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.conditional.grey.css
View file

@ -2314,7 +2314,7 @@ main {
} }
.pico dialog { .pico dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2327,18 +2327,19 @@ main {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
.pico dialog article { .pico dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.pico dialog article { .pico dialog article {
@ -2390,7 +2391,11 @@ main {
opacity: 1; opacity: 1;
} }
.pico dialog:not([open]), .pico dialog[open=false] { .pico dialog:not([open]), .pico dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
.pico dialog:not([open]) article, .pico dialog[open=false] article {
transform: scale(0.7);
} }
.modal-is-open { .modal-is-open {
@ -2404,6 +2409,10 @@ main {
touch-action: auto; touch-action: auto;
} }
body:has(dialog[open]) {
overflow: hidden;
}
:where(.modal-is-opening, .modal-is-closing) dialog, :where(.modal-is-opening, .modal-is-closing) dialog,
:where(.modal-is-opening, .modal-is-closing) dialog > article { :where(.modal-is-opening, .modal-is-closing) dialog > article {
animation-duration: 0.2s; animation-duration: 0.2s;

2
css/pico.conditional.grey.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.conditional.indigo.css
View file

@ -2314,7 +2314,7 @@ main {
} }
.pico dialog { .pico dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2327,18 +2327,19 @@ main {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
.pico dialog article { .pico dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.pico dialog article { .pico dialog article {
@ -2390,7 +2391,11 @@ main {
opacity: 1; opacity: 1;
} }
.pico dialog:not([open]), .pico dialog[open=false] { .pico dialog:not([open]), .pico dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
.pico dialog:not([open]) article, .pico dialog[open=false] article {
transform: scale(0.7);
} }
.modal-is-open { .modal-is-open {
@ -2404,6 +2409,10 @@ main {
touch-action: auto; touch-action: auto;
} }
body:has(dialog[open]) {
overflow: hidden;
}
:where(.modal-is-opening, .modal-is-closing) dialog, :where(.modal-is-opening, .modal-is-closing) dialog,
:where(.modal-is-opening, .modal-is-closing) dialog > article { :where(.modal-is-opening, .modal-is-closing) dialog > article {
animation-duration: 0.2s; animation-duration: 0.2s;

2
css/pico.conditional.indigo.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.conditional.jade.css
View file

@ -2314,7 +2314,7 @@ main {
} }
.pico dialog { .pico dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2327,18 +2327,19 @@ main {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
.pico dialog article { .pico dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.pico dialog article { .pico dialog article {
@ -2390,7 +2391,11 @@ main {
opacity: 1; opacity: 1;
} }
.pico dialog:not([open]), .pico dialog[open=false] { .pico dialog:not([open]), .pico dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
.pico dialog:not([open]) article, .pico dialog[open=false] article {
transform: scale(0.7);
} }
.modal-is-open { .modal-is-open {
@ -2404,6 +2409,10 @@ main {
touch-action: auto; touch-action: auto;
} }
body:has(dialog[open]) {
overflow: hidden;
}
:where(.modal-is-opening, .modal-is-closing) dialog, :where(.modal-is-opening, .modal-is-closing) dialog,
:where(.modal-is-opening, .modal-is-closing) dialog > article { :where(.modal-is-opening, .modal-is-closing) dialog > article {
animation-duration: 0.2s; animation-duration: 0.2s;

2
css/pico.conditional.jade.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
css/pico.conditional.lime.css
View file

@ -2314,7 +2314,7 @@ main {
} }
.pico dialog { .pico dialog {
display: flex; display: grid;
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: 0; top: 0;
@ -2327,18 +2327,19 @@ main {
min-width: 100%; min-width: 100%;
height: inherit; height: inherit;
min-height: 100%; min-height: 100%;
padding: 0; padding: var(--pico-spacing);
border: 0; border: 0;
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter); backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-modal-overlay-background-color); background-color: var(--pico-modal-overlay-background-color);
color: var(--pico-color); color: var(--pico-color);
opacity: 1;
transition: all var(--pico-transition) allow-discrete;
} }
.pico dialog article { .pico dialog article {
width: 100%; width: 100%;
max-height: calc(100vh - var(--pico-spacing) * 2); transform: scale(1);
margin: var(--pico-spacing); transition: transform var(--pico-transition);
overflow: auto;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.pico dialog article { .pico dialog article {
@ -2390,7 +2391,11 @@ main {
opacity: 1; opacity: 1;
} }
.pico dialog:not([open]), .pico dialog[open=false] { .pico dialog:not([open]), .pico dialog[open=false] {
display: none; visibility: hidden;
opacity: 0;
}
.pico dialog:not([open]) article, .pico dialog[open=false] article {
transform: scale(0.7);
} }
.modal-is-open { .modal-is-open {
@ -2404,6 +2409,10 @@ main {
touch-action: auto; touch-action: auto;
} }
body:has(dialog[open]) {
overflow: hidden;
}
:where(.modal-is-opening, .modal-is-closing) dialog, :where(.modal-is-opening, .modal-is-closing) dialog,
:where(.modal-is-opening, .modal-is-closing) dialog > article { :where(.modal-is-opening, .modal-is-closing) dialog > article {
animation-duration: 0.2s; animation-duration: 0.2s;

Some files were not shown because too many files have changed in this diff Show more