mirror of
https://github.com/picocss/pico
synced 2025-06-13 06:59:18 +00:00
Order scss properties
This commit is contained in:
parent
caa104850f
commit
c719108d27
@ -1856,21 +1856,21 @@ article > footer {
|
||||
* Modal (<dialog>)
|
||||
*/
|
||||
dialog {
|
||||
display: flex;
|
||||
position: fixed;
|
||||
width: inherit;
|
||||
min-width: 100%;
|
||||
height: inherit;
|
||||
min-height: 100%;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: var(--modal-overlay-background-color);
|
||||
width: inherit;
|
||||
min-width: 100%;
|
||||
height: inherit;
|
||||
min-height: 100%;
|
||||
padding: var(--spacing);
|
||||
border: none;
|
||||
background-color: var(--modal-overlay-background-color);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
dialog article {
|
||||
@ -1895,15 +1895,15 @@ dialog .close {
|
||||
display: block;
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-top: -0.5rem;
|
||||
margin-right: -0.5rem;
|
||||
margin-bottom: var(--typography-spacing-vertical);
|
||||
margin-left: auto;
|
||||
background-image: var(--icon-close);
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 1rem auto;
|
||||
background-repeat: no-repeat;
|
||||
opacity: 0.5;
|
||||
margin-bottom: var(--typography-spacing-vertical);
|
||||
margin-right: -0.5rem;
|
||||
margin-top: -0.5rem;
|
||||
transition: opacity var(--transition);
|
||||
}
|
||||
dialog .close:hover, dialog .close:active, dialog .close:focus {
|
||||
@ -1911,8 +1911,8 @@ dialog .close:hover, dialog .close:active, dialog .close:focus {
|
||||
}
|
||||
|
||||
.dialog-is-open {
|
||||
pointer-events: none;
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
}
|
||||
.dialog-is-open .container {
|
||||
filter: blur(0.125rem);
|
||||
|
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
File diff suppressed because one or more lines are too long
22
css/pico.css
22
css/pico.css
@ -2035,21 +2035,21 @@ article > footer {
|
||||
* Modal (<dialog>)
|
||||
*/
|
||||
dialog {
|
||||
display: flex;
|
||||
position: fixed;
|
||||
width: inherit;
|
||||
min-width: 100%;
|
||||
height: inherit;
|
||||
min-height: 100%;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: var(--modal-overlay-background-color);
|
||||
width: inherit;
|
||||
min-width: 100%;
|
||||
height: inherit;
|
||||
min-height: 100%;
|
||||
padding: var(--spacing);
|
||||
border: none;
|
||||
background-color: var(--modal-overlay-background-color);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
dialog article {
|
||||
@ -2074,15 +2074,15 @@ dialog .close {
|
||||
display: block;
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-top: -0.5rem;
|
||||
margin-right: -0.5rem;
|
||||
margin-bottom: var(--typography-spacing-vertical);
|
||||
margin-left: auto;
|
||||
background-image: var(--icon-close);
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 1rem auto;
|
||||
background-repeat: no-repeat;
|
||||
opacity: 0.5;
|
||||
margin-bottom: var(--typography-spacing-vertical);
|
||||
margin-right: -0.5rem;
|
||||
margin-top: -0.5rem;
|
||||
transition: opacity var(--transition);
|
||||
}
|
||||
dialog .close:hover, dialog .close:active, dialog .close:focus {
|
||||
@ -2090,8 +2090,8 @@ dialog .close:hover, dialog .close:active, dialog .close:focus {
|
||||
}
|
||||
|
||||
.dialog-is-open {
|
||||
pointer-events: none;
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
}
|
||||
.dialog-is-open .container {
|
||||
filter: blur(0.125rem);
|
||||
|
File diff suppressed because one or more lines are too long
@ -1826,21 +1826,21 @@ article > footer {
|
||||
* Modal (<dialog>)
|
||||
*/
|
||||
dialog {
|
||||
display: flex;
|
||||
position: fixed;
|
||||
width: inherit;
|
||||
min-width: 100%;
|
||||
height: inherit;
|
||||
min-height: 100%;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: var(--modal-overlay-background-color);
|
||||
width: inherit;
|
||||
min-width: 100%;
|
||||
height: inherit;
|
||||
min-height: 100%;
|
||||
padding: var(--spacing);
|
||||
border: none;
|
||||
background-color: var(--modal-overlay-background-color);
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
dialog article {
|
||||
@ -1865,15 +1865,15 @@ dialog .close {
|
||||
display: block;
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-top: -0.5rem;
|
||||
margin-right: -0.5rem;
|
||||
margin-bottom: var(--typography-spacing-vertical);
|
||||
margin-left: auto;
|
||||
background-image: var(--icon-close);
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 1rem auto;
|
||||
background-repeat: no-repeat;
|
||||
opacity: 0.5;
|
||||
margin-bottom: var(--typography-spacing-vertical);
|
||||
margin-right: -0.5rem;
|
||||
margin-top: -0.5rem;
|
||||
transition: opacity var(--transition);
|
||||
}
|
||||
dialog .close:hover, dialog .close:active, dialog .close:focus {
|
||||
@ -1881,8 +1881,8 @@ dialog .close:hover, dialog .close:active, dialog .close:focus {
|
||||
}
|
||||
|
||||
.dialog-is-open {
|
||||
pointer-events: none;
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
}
|
||||
.dialog-is-open .container {
|
||||
filter: blur(0.125rem);
|
||||
|
File diff suppressed because one or more lines are too long
2
css/pico.fluid.classless.min.css
vendored
2
css/pico.fluid.classless.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
2
css/pico.min.css
vendored
2
css/pico.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
2
css/pico.slim.min.css
vendored
2
css/pico.slim.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -3,21 +3,21 @@
|
||||
*/
|
||||
|
||||
dialog {
|
||||
display: flex;
|
||||
position: fixed;
|
||||
width: inherit;
|
||||
min-width: 100%;
|
||||
height: inherit;
|
||||
min-height: 100%;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: var(--modal-overlay-background-color);
|
||||
width: inherit;
|
||||
min-width: 100%;
|
||||
height: inherit;
|
||||
min-height: 100%;
|
||||
padding: var(--spacing);
|
||||
border: none;
|
||||
background-color: var(--modal-overlay-background-color);
|
||||
|
||||
article {
|
||||
@if map-get($breakpoints, "sm") {
|
||||
@ -49,15 +49,15 @@ dialog {
|
||||
display: block;
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-top: -0.5rem;
|
||||
margin-right: -0.5rem;
|
||||
margin-bottom: var(--typography-spacing-vertical);
|
||||
margin-left: auto;
|
||||
background-image: var(--icon-close);
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 1rem auto;
|
||||
background-repeat: no-repeat;
|
||||
opacity: .5;
|
||||
margin-bottom: var(--typography-spacing-vertical);
|
||||
margin-right: -0.5rem;
|
||||
margin-top: -0.5rem;
|
||||
|
||||
@if $enable-transitions {
|
||||
transition: opacity var(--transition);
|
||||
@ -72,8 +72,8 @@ dialog {
|
||||
}
|
||||
|
||||
.dialog-is-open {
|
||||
pointer-events: none;
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
|
||||
.container {
|
||||
filter: blur(0.125rem);
|
||||
|
Loading…
Reference in New Issue
Block a user