mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-25 02:36:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: notification component

Browse source
This commit is contained in:
Aron Homberg 2024-05-29 14:47:54 +02:00
parent 6dc6489e69
commit c1b55d8659
239 changed files with 4883 additions and 118 deletions
Download patch file Download diff file Expand all files Collapse all files

40
css/pico.amber.css
View file

@ -2747,6 +2747,46 @@ progress::-moz-progress-bar {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

40
css/pico.blue.css
View file

@ -2747,6 +2747,46 @@ progress::-moz-progress-bar {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ progress::-moz-progress-bar {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ progress::-moz-progress-bar {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ main {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ main {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ main {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ main {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ main {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ main {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ main {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ main {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ main {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ main {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ main {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ main {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ main {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ main {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ main {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ main {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ main {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ main {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ main {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

40
css/pico.classless.css
View file

@ -2376,6 +2376,46 @@ progress::-moz-progress-bar {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

@ -2376,6 +2376,46 @@ progress::-moz-progress-bar {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ progress::-moz-progress-bar {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ progress::-moz-progress-bar {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ progress::-moz-progress-bar {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ progress::-moz-progress-bar {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ progress::-moz-progress-bar {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ progress::-moz-progress-bar {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ progress::-moz-progress-bar {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ progress::-moz-progress-bar {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ progress::-moz-progress-bar {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ progress::-moz-progress-bar {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ progress::-moz-progress-bar {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ progress::-moz-progress-bar {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ progress::-moz-progress-bar {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ progress::-moz-progress-bar {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ progress::-moz-progress-bar {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2376,6 +2376,46 @@ progress::-moz-progress-bar {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2747,6 +2747,46 @@ main {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2747,6 +2747,46 @@ main {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

40
css/pico.conditional.css
View file

@ -2747,6 +2747,46 @@ main {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

@ -2747,6 +2747,46 @@ main {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2747,6 +2747,46 @@ main {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2747,6 +2747,46 @@ main {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2747,6 +2747,46 @@ main {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2747,6 +2747,46 @@ main {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2747,6 +2747,46 @@ main {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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

File diff suppressed because one or more lines are too long

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

@ -2747,6 +2747,46 @@ main {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/

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