Order scss properties

This commit is contained in:
Lucas Larroche 2021-11-02 11:04:48 +07:00
parent caa104850f
commit c719108d27
16 changed files with 56 additions and 56 deletions

View file

@ -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);