mirror of
https://github.com/picocss/pico.git
synced 2025-04-21 17:16:14 -04:00
chore: build
This commit is contained in:
Lucas Larroche
parent
4c3743e67d
commit
8b6fe747bc
236 changed files with 1534 additions and 1534 deletions
|
|
@ -2334,43 +2334,43 @@ dialog {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
dialog article {
|
dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
dialog article > header > * {
|
dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > header .close, dialog article > header :is(a, button)[rel=prev] {
|
dialog > article > header .close, dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
dialog article > footer {
|
dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
dialog article > footer button,
|
dialog > article > footer button,
|
||||||
dialog article > footer [role=button] {
|
dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > footer button:not(:first-of-type),
|
dialog > article > footer button:not(:first-of-type),
|
||||||
dialog article > footer [role=button]:not(:first-of-type) {
|
dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
dialog article .close, dialog article :is(a, button)[rel=prev] {
|
dialog > article .close, dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2386,7 +2386,7 @@ dialog article .close, dialog article :is(a, button)[rel=prev] {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
dialog article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
dialog > article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
dialog:not([open]), dialog[open=false] {
|
dialog:not([open]), dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.amber.min.css
vendored
2
css/pico.amber.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2334,43 +2334,43 @@ dialog {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
dialog article {
|
dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
dialog article > header > * {
|
dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > header .close, dialog article > header :is(a, button)[rel=prev] {
|
dialog > article > header .close, dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
dialog article > footer {
|
dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
dialog article > footer button,
|
dialog > article > footer button,
|
||||||
dialog article > footer [role=button] {
|
dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > footer button:not(:first-of-type),
|
dialog > article > footer button:not(:first-of-type),
|
||||||
dialog article > footer [role=button]:not(:first-of-type) {
|
dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
dialog article .close, dialog article :is(a, button)[rel=prev] {
|
dialog > article .close, dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2386,7 +2386,7 @@ dialog article .close, dialog article :is(a, button)[rel=prev] {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
dialog article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
dialog > article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
dialog:not([open]), dialog[open=false] {
|
dialog:not([open]), dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.blue.min.css
vendored
2
css/pico.blue.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ dialog {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
dialog article {
|
dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
dialog article > header > * {
|
dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > header :is(a, button)[rel=prev] {
|
dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
dialog article > footer {
|
dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
dialog article > footer button,
|
dialog > article > footer button,
|
||||||
dialog article > footer [role=button] {
|
dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > footer button:not(:first-of-type),
|
dialog > article > footer button:not(:first-of-type),
|
||||||
dialog article > footer [role=button]:not(:first-of-type) {
|
dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev] {
|
dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ dialog article :is(a, button)[rel=prev] {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
dialog:not([open]), dialog[open=false] {
|
dialog:not([open]), dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.amber.min.css
vendored
2
css/pico.classless.amber.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ dialog {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
dialog article {
|
dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
dialog article > header > * {
|
dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > header :is(a, button)[rel=prev] {
|
dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
dialog article > footer {
|
dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
dialog article > footer button,
|
dialog > article > footer button,
|
||||||
dialog article > footer [role=button] {
|
dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > footer button:not(:first-of-type),
|
dialog > article > footer button:not(:first-of-type),
|
||||||
dialog article > footer [role=button]:not(:first-of-type) {
|
dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev] {
|
dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ dialog article :is(a, button)[rel=prev] {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
dialog:not([open]), dialog[open=false] {
|
dialog:not([open]), dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.blue.min.css
vendored
2
css/pico.classless.blue.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ main {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pico dialog article > header > * {
|
.pico dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
.pico dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer {
|
.pico dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button,
|
.pico dialog > article > footer button,
|
||||||
.pico dialog article > footer [role=button] {
|
.pico dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button:not(:first-of-type),
|
.pico dialog > article > footer button:not(:first-of-type),
|
||||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
.pico dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev] {
|
.pico dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ main {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
.pico dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.pico dialog:not([open]), .pico dialog[open=false] {
|
.pico dialog:not([open]), .pico dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.amber.min.css
vendored
2
css/pico.classless.conditional.amber.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ main {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pico dialog article > header > * {
|
.pico dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
.pico dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer {
|
.pico dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button,
|
.pico dialog > article > footer button,
|
||||||
.pico dialog article > footer [role=button] {
|
.pico dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button:not(:first-of-type),
|
.pico dialog > article > footer button:not(:first-of-type),
|
||||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
.pico dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev] {
|
.pico dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ main {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
.pico dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.pico dialog:not([open]), .pico dialog[open=false] {
|
.pico dialog:not([open]), .pico dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.blue.min.css
vendored
2
css/pico.classless.conditional.blue.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ main {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pico dialog article > header > * {
|
.pico dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
.pico dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer {
|
.pico dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button,
|
.pico dialog > article > footer button,
|
||||||
.pico dialog article > footer [role=button] {
|
.pico dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button:not(:first-of-type),
|
.pico dialog > article > footer button:not(:first-of-type),
|
||||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
.pico dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev] {
|
.pico dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ main {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
.pico dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.pico dialog:not([open]), .pico dialog[open=false] {
|
.pico dialog:not([open]), .pico dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.cyan.min.css
vendored
2
css/pico.classless.conditional.cyan.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ main {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pico dialog article > header > * {
|
.pico dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
.pico dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer {
|
.pico dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button,
|
.pico dialog > article > footer button,
|
||||||
.pico dialog article > footer [role=button] {
|
.pico dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button:not(:first-of-type),
|
.pico dialog > article > footer button:not(:first-of-type),
|
||||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
.pico dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev] {
|
.pico dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ main {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
.pico dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.pico dialog:not([open]), .pico dialog[open=false] {
|
.pico dialog:not([open]), .pico dialog[open=false] {
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ main {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pico dialog article > header > * {
|
.pico dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
.pico dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer {
|
.pico dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button,
|
.pico dialog > article > footer button,
|
||||||
.pico dialog article > footer [role=button] {
|
.pico dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button:not(:first-of-type),
|
.pico dialog > article > footer button:not(:first-of-type),
|
||||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
.pico dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev] {
|
.pico dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ main {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
.pico dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.pico dialog:not([open]), .pico dialog[open=false] {
|
.pico dialog:not([open]), .pico dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.green.min.css
vendored
2
css/pico.classless.conditional.green.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ main {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pico dialog article > header > * {
|
.pico dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
.pico dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer {
|
.pico dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button,
|
.pico dialog > article > footer button,
|
||||||
.pico dialog article > footer [role=button] {
|
.pico dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button:not(:first-of-type),
|
.pico dialog > article > footer button:not(:first-of-type),
|
||||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
.pico dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev] {
|
.pico dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ main {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
.pico dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.pico dialog:not([open]), .pico dialog[open=false] {
|
.pico dialog:not([open]), .pico dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.grey.min.css
vendored
2
css/pico.classless.conditional.grey.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ main {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pico dialog article > header > * {
|
.pico dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
.pico dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer {
|
.pico dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button,
|
.pico dialog > article > footer button,
|
||||||
.pico dialog article > footer [role=button] {
|
.pico dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button:not(:first-of-type),
|
.pico dialog > article > footer button:not(:first-of-type),
|
||||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
.pico dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev] {
|
.pico dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ main {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
.pico dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.pico dialog:not([open]), .pico dialog[open=false] {
|
.pico dialog:not([open]), .pico dialog[open=false] {
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ main {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pico dialog article > header > * {
|
.pico dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
.pico dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer {
|
.pico dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button,
|
.pico dialog > article > footer button,
|
||||||
.pico dialog article > footer [role=button] {
|
.pico dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button:not(:first-of-type),
|
.pico dialog > article > footer button:not(:first-of-type),
|
||||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
.pico dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev] {
|
.pico dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ main {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
.pico dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.pico dialog:not([open]), .pico dialog[open=false] {
|
.pico dialog:not([open]), .pico dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.jade.min.css
vendored
2
css/pico.classless.conditional.jade.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ main {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pico dialog article > header > * {
|
.pico dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
.pico dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer {
|
.pico dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button,
|
.pico dialog > article > footer button,
|
||||||
.pico dialog article > footer [role=button] {
|
.pico dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button:not(:first-of-type),
|
.pico dialog > article > footer button:not(:first-of-type),
|
||||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
.pico dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev] {
|
.pico dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ main {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
.pico dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.pico dialog:not([open]), .pico dialog[open=false] {
|
.pico dialog:not([open]), .pico dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.lime.min.css
vendored
2
css/pico.classless.conditional.lime.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ main {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pico dialog article > header > * {
|
.pico dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
.pico dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer {
|
.pico dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button,
|
.pico dialog > article > footer button,
|
||||||
.pico dialog article > footer [role=button] {
|
.pico dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button:not(:first-of-type),
|
.pico dialog > article > footer button:not(:first-of-type),
|
||||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
.pico dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev] {
|
.pico dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ main {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
.pico dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.pico dialog:not([open]), .pico dialog[open=false] {
|
.pico dialog:not([open]), .pico dialog[open=false] {
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ main {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pico dialog article > header > * {
|
.pico dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
.pico dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer {
|
.pico dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button,
|
.pico dialog > article > footer button,
|
||||||
.pico dialog article > footer [role=button] {
|
.pico dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button:not(:first-of-type),
|
.pico dialog > article > footer button:not(:first-of-type),
|
||||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
.pico dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev] {
|
.pico dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ main {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
.pico dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.pico dialog:not([open]), .pico dialog[open=false] {
|
.pico dialog:not([open]), .pico dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.pink.min.css
vendored
2
css/pico.classless.conditional.pink.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ main {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pico dialog article > header > * {
|
.pico dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
.pico dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer {
|
.pico dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button,
|
.pico dialog > article > footer button,
|
||||||
.pico dialog article > footer [role=button] {
|
.pico dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button:not(:first-of-type),
|
.pico dialog > article > footer button:not(:first-of-type),
|
||||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
.pico dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev] {
|
.pico dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ main {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
.pico dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.pico dialog:not([open]), .pico dialog[open=false] {
|
.pico dialog:not([open]), .pico dialog[open=false] {
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ main {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pico dialog article > header > * {
|
.pico dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
.pico dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer {
|
.pico dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button,
|
.pico dialog > article > footer button,
|
||||||
.pico dialog article > footer [role=button] {
|
.pico dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button:not(:first-of-type),
|
.pico dialog > article > footer button:not(:first-of-type),
|
||||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
.pico dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev] {
|
.pico dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ main {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
.pico dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.pico dialog:not([open]), .pico dialog[open=false] {
|
.pico dialog:not([open]), .pico dialog[open=false] {
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ main {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pico dialog article > header > * {
|
.pico dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
.pico dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer {
|
.pico dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button,
|
.pico dialog > article > footer button,
|
||||||
.pico dialog article > footer [role=button] {
|
.pico dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button:not(:first-of-type),
|
.pico dialog > article > footer button:not(:first-of-type),
|
||||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
.pico dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev] {
|
.pico dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ main {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
.pico dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.pico dialog:not([open]), .pico dialog[open=false] {
|
.pico dialog:not([open]), .pico dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.red.min.css
vendored
2
css/pico.classless.conditional.red.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ main {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pico dialog article > header > * {
|
.pico dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
.pico dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer {
|
.pico dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button,
|
.pico dialog > article > footer button,
|
||||||
.pico dialog article > footer [role=button] {
|
.pico dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button:not(:first-of-type),
|
.pico dialog > article > footer button:not(:first-of-type),
|
||||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
.pico dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev] {
|
.pico dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ main {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
.pico dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.pico dialog:not([open]), .pico dialog[open=false] {
|
.pico dialog:not([open]), .pico dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.sand.min.css
vendored
2
css/pico.classless.conditional.sand.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ main {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pico dialog article > header > * {
|
.pico dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
.pico dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer {
|
.pico dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button,
|
.pico dialog > article > footer button,
|
||||||
.pico dialog article > footer [role=button] {
|
.pico dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button:not(:first-of-type),
|
.pico dialog > article > footer button:not(:first-of-type),
|
||||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
.pico dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev] {
|
.pico dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ main {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
.pico dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.pico dialog:not([open]), .pico dialog[open=false] {
|
.pico dialog:not([open]), .pico dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.slate.min.css
vendored
2
css/pico.classless.conditional.slate.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ main {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pico dialog article > header > * {
|
.pico dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
.pico dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer {
|
.pico dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button,
|
.pico dialog > article > footer button,
|
||||||
.pico dialog article > footer [role=button] {
|
.pico dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button:not(:first-of-type),
|
.pico dialog > article > footer button:not(:first-of-type),
|
||||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
.pico dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev] {
|
.pico dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ main {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
.pico dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.pico dialog:not([open]), .pico dialog[open=false] {
|
.pico dialog:not([open]), .pico dialog[open=false] {
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ main {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pico dialog article > header > * {
|
.pico dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
.pico dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer {
|
.pico dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button,
|
.pico dialog > article > footer button,
|
||||||
.pico dialog article > footer [role=button] {
|
.pico dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button:not(:first-of-type),
|
.pico dialog > article > footer button:not(:first-of-type),
|
||||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
.pico dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev] {
|
.pico dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ main {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
.pico dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.pico dialog:not([open]), .pico dialog[open=false] {
|
.pico dialog:not([open]), .pico dialog[open=false] {
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ main {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pico dialog article > header > * {
|
.pico dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > header :is(a, button)[rel=prev] {
|
.pico dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer {
|
.pico dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button,
|
.pico dialog > article > footer button,
|
||||||
.pico dialog article > footer [role=button] {
|
.pico dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button:not(:first-of-type),
|
.pico dialog > article > footer button:not(:first-of-type),
|
||||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
.pico dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev] {
|
.pico dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ main {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
.pico dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.pico dialog:not([open]), .pico dialog[open=false] {
|
.pico dialog:not([open]), .pico dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.zinc.min.css
vendored
2
css/pico.classless.conditional.zinc.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ dialog {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
dialog article {
|
dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
dialog article > header > * {
|
dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > header :is(a, button)[rel=prev] {
|
dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
dialog article > footer {
|
dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
dialog article > footer button,
|
dialog > article > footer button,
|
||||||
dialog article > footer [role=button] {
|
dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > footer button:not(:first-of-type),
|
dialog > article > footer button:not(:first-of-type),
|
||||||
dialog article > footer [role=button]:not(:first-of-type) {
|
dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev] {
|
dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ dialog article :is(a, button)[rel=prev] {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
dialog:not([open]), dialog[open=false] {
|
dialog:not([open]), dialog[open=false] {
|
||||||
|
|
|
||||||
|
|
@ -2008,43 +2008,43 @@ dialog {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
dialog article {
|
dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
dialog article > header > * {
|
dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > header :is(a, button)[rel=prev] {
|
dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
dialog article > footer {
|
dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
dialog article > footer button,
|
dialog > article > footer button,
|
||||||
dialog article > footer [role=button] {
|
dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > footer button:not(:first-of-type),
|
dialog > article > footer button:not(:first-of-type),
|
||||||
dialog article > footer [role=button]:not(:first-of-type) {
|
dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev] {
|
dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ dialog article :is(a, button)[rel=prev] {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
dialog:not([open]), dialog[open=false] {
|
dialog:not([open]), dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.cyan.min.css
vendored
2
css/pico.classless.cyan.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ dialog {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
dialog article {
|
dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
dialog article > header > * {
|
dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > header :is(a, button)[rel=prev] {
|
dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
dialog article > footer {
|
dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
dialog article > footer button,
|
dialog > article > footer button,
|
||||||
dialog article > footer [role=button] {
|
dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > footer button:not(:first-of-type),
|
dialog > article > footer button:not(:first-of-type),
|
||||||
dialog article > footer [role=button]:not(:first-of-type) {
|
dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev] {
|
dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ dialog article :is(a, button)[rel=prev] {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
dialog:not([open]), dialog[open=false] {
|
dialog:not([open]), dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.fuchsia.min.css
vendored
2
css/pico.classless.fuchsia.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ dialog {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
dialog article {
|
dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
dialog article > header > * {
|
dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > header :is(a, button)[rel=prev] {
|
dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
dialog article > footer {
|
dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
dialog article > footer button,
|
dialog > article > footer button,
|
||||||
dialog article > footer [role=button] {
|
dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > footer button:not(:first-of-type),
|
dialog > article > footer button:not(:first-of-type),
|
||||||
dialog article > footer [role=button]:not(:first-of-type) {
|
dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev] {
|
dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ dialog article :is(a, button)[rel=prev] {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
dialog:not([open]), dialog[open=false] {
|
dialog:not([open]), dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.green.min.css
vendored
2
css/pico.classless.green.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ dialog {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
dialog article {
|
dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
dialog article > header > * {
|
dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > header :is(a, button)[rel=prev] {
|
dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
dialog article > footer {
|
dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
dialog article > footer button,
|
dialog > article > footer button,
|
||||||
dialog article > footer [role=button] {
|
dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > footer button:not(:first-of-type),
|
dialog > article > footer button:not(:first-of-type),
|
||||||
dialog article > footer [role=button]:not(:first-of-type) {
|
dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev] {
|
dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ dialog article :is(a, button)[rel=prev] {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
dialog:not([open]), dialog[open=false] {
|
dialog:not([open]), dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.grey.min.css
vendored
2
css/pico.classless.grey.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ dialog {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
dialog article {
|
dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
dialog article > header > * {
|
dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > header :is(a, button)[rel=prev] {
|
dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
dialog article > footer {
|
dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
dialog article > footer button,
|
dialog > article > footer button,
|
||||||
dialog article > footer [role=button] {
|
dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > footer button:not(:first-of-type),
|
dialog > article > footer button:not(:first-of-type),
|
||||||
dialog article > footer [role=button]:not(:first-of-type) {
|
dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev] {
|
dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ dialog article :is(a, button)[rel=prev] {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
dialog:not([open]), dialog[open=false] {
|
dialog:not([open]), dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.indigo.min.css
vendored
2
css/pico.classless.indigo.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ dialog {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
dialog article {
|
dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
dialog article > header > * {
|
dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > header :is(a, button)[rel=prev] {
|
dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
dialog article > footer {
|
dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
dialog article > footer button,
|
dialog > article > footer button,
|
||||||
dialog article > footer [role=button] {
|
dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > footer button:not(:first-of-type),
|
dialog > article > footer button:not(:first-of-type),
|
||||||
dialog article > footer [role=button]:not(:first-of-type) {
|
dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev] {
|
dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ dialog article :is(a, button)[rel=prev] {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
dialog:not([open]), dialog[open=false] {
|
dialog:not([open]), dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.jade.min.css
vendored
2
css/pico.classless.jade.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ dialog {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
dialog article {
|
dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
dialog article > header > * {
|
dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > header :is(a, button)[rel=prev] {
|
dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
dialog article > footer {
|
dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
dialog article > footer button,
|
dialog > article > footer button,
|
||||||
dialog article > footer [role=button] {
|
dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > footer button:not(:first-of-type),
|
dialog > article > footer button:not(:first-of-type),
|
||||||
dialog article > footer [role=button]:not(:first-of-type) {
|
dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev] {
|
dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ dialog article :is(a, button)[rel=prev] {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
dialog:not([open]), dialog[open=false] {
|
dialog:not([open]), dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.lime.min.css
vendored
2
css/pico.classless.lime.min.css
vendored
File diff suppressed because one or more lines are too long
2
css/pico.classless.min.css
vendored
2
css/pico.classless.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ dialog {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
dialog article {
|
dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
dialog article > header > * {
|
dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > header :is(a, button)[rel=prev] {
|
dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
dialog article > footer {
|
dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
dialog article > footer button,
|
dialog > article > footer button,
|
||||||
dialog article > footer [role=button] {
|
dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > footer button:not(:first-of-type),
|
dialog > article > footer button:not(:first-of-type),
|
||||||
dialog article > footer [role=button]:not(:first-of-type) {
|
dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev] {
|
dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ dialog article :is(a, button)[rel=prev] {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
dialog:not([open]), dialog[open=false] {
|
dialog:not([open]), dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.orange.min.css
vendored
2
css/pico.classless.orange.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ dialog {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
dialog article {
|
dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
dialog article > header > * {
|
dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > header :is(a, button)[rel=prev] {
|
dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
dialog article > footer {
|
dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
dialog article > footer button,
|
dialog > article > footer button,
|
||||||
dialog article > footer [role=button] {
|
dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > footer button:not(:first-of-type),
|
dialog > article > footer button:not(:first-of-type),
|
||||||
dialog article > footer [role=button]:not(:first-of-type) {
|
dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev] {
|
dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ dialog article :is(a, button)[rel=prev] {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
dialog:not([open]), dialog[open=false] {
|
dialog:not([open]), dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.pink.min.css
vendored
2
css/pico.classless.pink.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ dialog {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
dialog article {
|
dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
dialog article > header > * {
|
dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > header :is(a, button)[rel=prev] {
|
dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
dialog article > footer {
|
dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
dialog article > footer button,
|
dialog > article > footer button,
|
||||||
dialog article > footer [role=button] {
|
dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > footer button:not(:first-of-type),
|
dialog > article > footer button:not(:first-of-type),
|
||||||
dialog article > footer [role=button]:not(:first-of-type) {
|
dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev] {
|
dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ dialog article :is(a, button)[rel=prev] {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
dialog:not([open]), dialog[open=false] {
|
dialog:not([open]), dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.pumpkin.min.css
vendored
2
css/pico.classless.pumpkin.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ dialog {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
dialog article {
|
dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
dialog article > header > * {
|
dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > header :is(a, button)[rel=prev] {
|
dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
dialog article > footer {
|
dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
dialog article > footer button,
|
dialog > article > footer button,
|
||||||
dialog article > footer [role=button] {
|
dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > footer button:not(:first-of-type),
|
dialog > article > footer button:not(:first-of-type),
|
||||||
dialog article > footer [role=button]:not(:first-of-type) {
|
dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev] {
|
dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ dialog article :is(a, button)[rel=prev] {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
dialog:not([open]), dialog[open=false] {
|
dialog:not([open]), dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.purple.min.css
vendored
2
css/pico.classless.purple.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ dialog {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
dialog article {
|
dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
dialog article > header > * {
|
dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > header :is(a, button)[rel=prev] {
|
dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
dialog article > footer {
|
dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
dialog article > footer button,
|
dialog > article > footer button,
|
||||||
dialog article > footer [role=button] {
|
dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > footer button:not(:first-of-type),
|
dialog > article > footer button:not(:first-of-type),
|
||||||
dialog article > footer [role=button]:not(:first-of-type) {
|
dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev] {
|
dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ dialog article :is(a, button)[rel=prev] {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
dialog:not([open]), dialog[open=false] {
|
dialog:not([open]), dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.red.min.css
vendored
2
css/pico.classless.red.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ dialog {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
dialog article {
|
dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
dialog article > header > * {
|
dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > header :is(a, button)[rel=prev] {
|
dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
dialog article > footer {
|
dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
dialog article > footer button,
|
dialog > article > footer button,
|
||||||
dialog article > footer [role=button] {
|
dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > footer button:not(:first-of-type),
|
dialog > article > footer button:not(:first-of-type),
|
||||||
dialog article > footer [role=button]:not(:first-of-type) {
|
dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev] {
|
dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ dialog article :is(a, button)[rel=prev] {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
dialog:not([open]), dialog[open=false] {
|
dialog:not([open]), dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.sand.min.css
vendored
2
css/pico.classless.sand.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ dialog {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
dialog article {
|
dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
dialog article > header > * {
|
dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > header :is(a, button)[rel=prev] {
|
dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
dialog article > footer {
|
dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
dialog article > footer button,
|
dialog > article > footer button,
|
||||||
dialog article > footer [role=button] {
|
dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > footer button:not(:first-of-type),
|
dialog > article > footer button:not(:first-of-type),
|
||||||
dialog article > footer [role=button]:not(:first-of-type) {
|
dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev] {
|
dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ dialog article :is(a, button)[rel=prev] {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
dialog:not([open]), dialog[open=false] {
|
dialog:not([open]), dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.slate.min.css
vendored
2
css/pico.classless.slate.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ dialog {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
dialog article {
|
dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
dialog article > header > * {
|
dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > header :is(a, button)[rel=prev] {
|
dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
dialog article > footer {
|
dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
dialog article > footer button,
|
dialog > article > footer button,
|
||||||
dialog article > footer [role=button] {
|
dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > footer button:not(:first-of-type),
|
dialog > article > footer button:not(:first-of-type),
|
||||||
dialog article > footer [role=button]:not(:first-of-type) {
|
dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev] {
|
dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ dialog article :is(a, button)[rel=prev] {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
dialog:not([open]), dialog[open=false] {
|
dialog:not([open]), dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.violet.min.css
vendored
2
css/pico.classless.violet.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ dialog {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
dialog article {
|
dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
dialog article > header > * {
|
dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > header :is(a, button)[rel=prev] {
|
dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
dialog article > footer {
|
dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
dialog article > footer button,
|
dialog > article > footer button,
|
||||||
dialog article > footer [role=button] {
|
dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > footer button:not(:first-of-type),
|
dialog > article > footer button:not(:first-of-type),
|
||||||
dialog article > footer [role=button]:not(:first-of-type) {
|
dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev] {
|
dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ dialog article :is(a, button)[rel=prev] {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
dialog:not([open]), dialog[open=false] {
|
dialog:not([open]), dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.yellow.min.css
vendored
2
css/pico.classless.yellow.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2008,43 +2008,43 @@ dialog {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
dialog article {
|
dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
dialog article {
|
dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
dialog article > header > * {
|
dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > header :is(a, button)[rel=prev] {
|
dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
dialog article > footer {
|
dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
dialog article > footer button,
|
dialog > article > footer button,
|
||||||
dialog article > footer [role=button] {
|
dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
dialog article > footer button:not(:first-of-type),
|
dialog > article > footer button:not(:first-of-type),
|
||||||
dialog article > footer [role=button]:not(:first-of-type) {
|
dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev] {
|
dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2060,7 +2060,7 @@ dialog article :is(a, button)[rel=prev] {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
dialog:not([open]), dialog[open=false] {
|
dialog:not([open]), dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.classless.zinc.min.css
vendored
2
css/pico.classless.zinc.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2334,43 +2334,43 @@ main {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pico dialog article > header > * {
|
.pico dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > header .close, .pico dialog article > header :is(a, button)[rel=prev] {
|
.pico dialog > article > header .close, .pico dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer {
|
.pico dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button,
|
.pico dialog > article > footer button,
|
||||||
.pico dialog article > footer [role=button] {
|
.pico dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button:not(:first-of-type),
|
.pico dialog > article > footer button:not(:first-of-type),
|
||||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
.pico dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
.pico dialog article .close, .pico dialog article :is(a, button)[rel=prev] {
|
.pico dialog > article .close, .pico dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2386,7 +2386,7 @@ main {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico dialog article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), .pico dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
.pico dialog > article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), .pico dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.pico dialog:not([open]), .pico dialog[open=false] {
|
.pico dialog:not([open]), .pico dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.conditional.amber.min.css
vendored
2
css/pico.conditional.amber.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2334,43 +2334,43 @@ main {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pico dialog article > header > * {
|
.pico dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > header .close, .pico dialog article > header :is(a, button)[rel=prev] {
|
.pico dialog > article > header .close, .pico dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer {
|
.pico dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button,
|
.pico dialog > article > footer button,
|
||||||
.pico dialog article > footer [role=button] {
|
.pico dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button:not(:first-of-type),
|
.pico dialog > article > footer button:not(:first-of-type),
|
||||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
.pico dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
.pico dialog article .close, .pico dialog article :is(a, button)[rel=prev] {
|
.pico dialog > article .close, .pico dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2386,7 +2386,7 @@ main {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico dialog article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), .pico dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
.pico dialog > article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), .pico dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.pico dialog:not([open]), .pico dialog[open=false] {
|
.pico dialog:not([open]), .pico dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.conditional.blue.min.css
vendored
2
css/pico.conditional.blue.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2334,43 +2334,43 @@ main {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pico dialog article > header > * {
|
.pico dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > header .close, .pico dialog article > header :is(a, button)[rel=prev] {
|
.pico dialog > article > header .close, .pico dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer {
|
.pico dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button,
|
.pico dialog > article > footer button,
|
||||||
.pico dialog article > footer [role=button] {
|
.pico dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button:not(:first-of-type),
|
.pico dialog > article > footer button:not(:first-of-type),
|
||||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
.pico dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
.pico dialog article .close, .pico dialog article :is(a, button)[rel=prev] {
|
.pico dialog > article .close, .pico dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2386,7 +2386,7 @@ main {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico dialog article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), .pico dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
.pico dialog > article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), .pico dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.pico dialog:not([open]), .pico dialog[open=false] {
|
.pico dialog:not([open]), .pico dialog[open=false] {
|
||||||
|
|
|
||||||
|
|
@ -2334,43 +2334,43 @@ main {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pico dialog article > header > * {
|
.pico dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > header .close, .pico dialog article > header :is(a, button)[rel=prev] {
|
.pico dialog > article > header .close, .pico dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer {
|
.pico dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button,
|
.pico dialog > article > footer button,
|
||||||
.pico dialog article > footer [role=button] {
|
.pico dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button:not(:first-of-type),
|
.pico dialog > article > footer button:not(:first-of-type),
|
||||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
.pico dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
.pico dialog article .close, .pico dialog article :is(a, button)[rel=prev] {
|
.pico dialog > article .close, .pico dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2386,7 +2386,7 @@ main {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico dialog article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), .pico dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
.pico dialog > article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), .pico dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.pico dialog:not([open]), .pico dialog[open=false] {
|
.pico dialog:not([open]), .pico dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.conditional.cyan.min.css
vendored
2
css/pico.conditional.cyan.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2334,43 +2334,43 @@ main {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pico dialog article > header > * {
|
.pico dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > header .close, .pico dialog article > header :is(a, button)[rel=prev] {
|
.pico dialog > article > header .close, .pico dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer {
|
.pico dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button,
|
.pico dialog > article > footer button,
|
||||||
.pico dialog article > footer [role=button] {
|
.pico dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button:not(:first-of-type),
|
.pico dialog > article > footer button:not(:first-of-type),
|
||||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
.pico dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
.pico dialog article .close, .pico dialog article :is(a, button)[rel=prev] {
|
.pico dialog > article .close, .pico dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2386,7 +2386,7 @@ main {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico dialog article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), .pico dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
.pico dialog > article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), .pico dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.pico dialog:not([open]), .pico dialog[open=false] {
|
.pico dialog:not([open]), .pico dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.conditional.fuchsia.min.css
vendored
2
css/pico.conditional.fuchsia.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2334,43 +2334,43 @@ main {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pico dialog article > header > * {
|
.pico dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > header .close, .pico dialog article > header :is(a, button)[rel=prev] {
|
.pico dialog > article > header .close, .pico dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer {
|
.pico dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button,
|
.pico dialog > article > footer button,
|
||||||
.pico dialog article > footer [role=button] {
|
.pico dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button:not(:first-of-type),
|
.pico dialog > article > footer button:not(:first-of-type),
|
||||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
.pico dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
.pico dialog article .close, .pico dialog article :is(a, button)[rel=prev] {
|
.pico dialog > article .close, .pico dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2386,7 +2386,7 @@ main {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico dialog article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), .pico dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
.pico dialog > article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), .pico dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.pico dialog:not([open]), .pico dialog[open=false] {
|
.pico dialog:not([open]), .pico dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.conditional.green.min.css
vendored
2
css/pico.conditional.green.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2334,43 +2334,43 @@ main {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pico dialog article > header > * {
|
.pico dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > header .close, .pico dialog article > header :is(a, button)[rel=prev] {
|
.pico dialog > article > header .close, .pico dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer {
|
.pico dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button,
|
.pico dialog > article > footer button,
|
||||||
.pico dialog article > footer [role=button] {
|
.pico dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button:not(:first-of-type),
|
.pico dialog > article > footer button:not(:first-of-type),
|
||||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
.pico dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
.pico dialog article .close, .pico dialog article :is(a, button)[rel=prev] {
|
.pico dialog > article .close, .pico dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2386,7 +2386,7 @@ main {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico dialog article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), .pico dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
.pico dialog > article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), .pico dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.pico dialog:not([open]), .pico dialog[open=false] {
|
.pico dialog:not([open]), .pico dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.conditional.grey.min.css
vendored
2
css/pico.conditional.grey.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2334,43 +2334,43 @@ main {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pico dialog article > header > * {
|
.pico dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > header .close, .pico dialog article > header :is(a, button)[rel=prev] {
|
.pico dialog > article > header .close, .pico dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer {
|
.pico dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button,
|
.pico dialog > article > footer button,
|
||||||
.pico dialog article > footer [role=button] {
|
.pico dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button:not(:first-of-type),
|
.pico dialog > article > footer button:not(:first-of-type),
|
||||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
.pico dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
.pico dialog article .close, .pico dialog article :is(a, button)[rel=prev] {
|
.pico dialog > article .close, .pico dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2386,7 +2386,7 @@ main {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico dialog article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), .pico dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
.pico dialog > article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), .pico dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.pico dialog:not([open]), .pico dialog[open=false] {
|
.pico dialog:not([open]), .pico dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.conditional.indigo.min.css
vendored
2
css/pico.conditional.indigo.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2334,43 +2334,43 @@ main {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pico dialog article > header > * {
|
.pico dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > header .close, .pico dialog article > header :is(a, button)[rel=prev] {
|
.pico dialog > article > header .close, .pico dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer {
|
.pico dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button,
|
.pico dialog > article > footer button,
|
||||||
.pico dialog article > footer [role=button] {
|
.pico dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button:not(:first-of-type),
|
.pico dialog > article > footer button:not(:first-of-type),
|
||||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
.pico dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
.pico dialog article .close, .pico dialog article :is(a, button)[rel=prev] {
|
.pico dialog > article .close, .pico dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2386,7 +2386,7 @@ main {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico dialog article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), .pico dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
.pico dialog > article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), .pico dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.pico dialog:not([open]), .pico dialog[open=false] {
|
.pico dialog:not([open]), .pico dialog[open=false] {
|
||||||
|
|
|
||||||
2
css/pico.conditional.jade.min.css
vendored
2
css/pico.conditional.jade.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -2334,43 +2334,43 @@ main {
|
||||||
background-color: var(--pico-modal-overlay-background-color);
|
background-color: var(--pico-modal-overlay-background-color);
|
||||||
color: var(--pico-color);
|
color: var(--pico-color);
|
||||||
}
|
}
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(100vh - var(--pico-spacing) * 2);
|
max-height: calc(100vh - var(--pico-spacing) * 2);
|
||||||
margin: var(--pico-spacing);
|
margin: var(--pico-spacing);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 510px;
|
max-width: 510px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.pico dialog article {
|
.pico dialog > article {
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.pico dialog article > header > * {
|
.pico dialog > article > header > * {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > header .close, .pico dialog article > header :is(a, button)[rel=prev] {
|
.pico dialog > article > header .close, .pico dialog > article > header :is(a, button)[rel=prev] {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: var(--pico-spacing);
|
margin-left: var(--pico-spacing);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer {
|
.pico dialog > article > footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button,
|
.pico dialog > article > footer button,
|
||||||
.pico dialog article > footer [role=button] {
|
.pico dialog > article > footer [role=button] {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.pico dialog article > footer button:not(:first-of-type),
|
.pico dialog > article > footer button:not(:first-of-type),
|
||||||
.pico dialog article > footer [role=button]:not(:first-of-type) {
|
.pico dialog > article > footer [role=button]:not(:first-of-type) {
|
||||||
margin-left: calc(var(--pico-spacing) * 0.5);
|
margin-left: calc(var(--pico-spacing) * 0.5);
|
||||||
}
|
}
|
||||||
.pico dialog article .close, .pico dialog article :is(a, button)[rel=prev] {
|
.pico dialog > article .close, .pico dialog > article :is(a, button)[rel=prev] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
@ -2386,7 +2386,7 @@ main {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico dialog article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), .pico dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
.pico dialog > article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), .pico dialog > article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.pico dialog:not([open]), .pico dialog[open=false] {
|
.pico dialog:not([open]), .pico dialog[open=false] {
|
||||||
|
|
|
||||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue