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

Order scss properties

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

22
css/pico.classless.css
View file

@ -1856,21 +1856,21 @@ article > footer {
* Modal (<dialog>) * Modal (<dialog>)
*/ */
dialog { dialog {
display: flex;
position: fixed; position: fixed;
width: inherit;
min-width: 100%;
height: inherit;
min-height: 100%;
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background-color: var(--modal-overlay-background-color); width: inherit;
min-width: 100%;
height: inherit;
min-height: 100%;
padding: var(--spacing); padding: var(--spacing);
border: none; border: none;
background-color: var(--modal-overlay-background-color);
} }
@media (min-width: 576px) { @media (min-width: 576px) {
dialog article { dialog article {
@ -1895,15 +1895,15 @@ dialog .close {
display: block; display: block;
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-top: -0.5rem;
margin-right: -0.5rem;
margin-bottom: var(--typography-spacing-vertical);
margin-left: auto; margin-left: auto;
background-image: var(--icon-close); background-image: var(--icon-close);
background-position: center; background-position: center;
background-repeat: no-repeat;
background-size: 1rem auto; background-size: 1rem auto;
background-repeat: no-repeat;
opacity: 0.5; opacity: 0.5;
margin-bottom: var(--typography-spacing-vertical);
margin-right: -0.5rem;
margin-top: -0.5rem;
transition: opacity var(--transition); transition: opacity var(--transition);
} }
dialog .close:hover, dialog .close:active, dialog .close:focus { 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 { .dialog-is-open {
pointer-events: none;
overflow: hidden; overflow: hidden;
pointer-events: none;
} }
.dialog-is-open .container { .dialog-is-open .container {
filter: blur(0.125rem); filter: blur(0.125rem);

2
css/pico.classless.css.map
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

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

File diff suppressed because one or more lines are too long

22
css/pico.css
View file

@ -2035,21 +2035,21 @@ article > footer {
* Modal (<dialog>) * Modal (<dialog>)
*/ */
dialog { dialog {
display: flex;
position: fixed; position: fixed;
width: inherit;
min-width: 100%;
height: inherit;
min-height: 100%;
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background-color: var(--modal-overlay-background-color); width: inherit;
min-width: 100%;
height: inherit;
min-height: 100%;
padding: var(--spacing); padding: var(--spacing);
border: none; border: none;
background-color: var(--modal-overlay-background-color);
} }
@media (min-width: 576px) { @media (min-width: 576px) {
dialog article { dialog article {
@ -2074,15 +2074,15 @@ dialog .close {
display: block; display: block;
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-top: -0.5rem;
margin-right: -0.5rem;
margin-bottom: var(--typography-spacing-vertical);
margin-left: auto; margin-left: auto;
background-image: var(--icon-close); background-image: var(--icon-close);
background-position: center; background-position: center;
background-repeat: no-repeat;
background-size: 1rem auto; background-size: 1rem auto;
background-repeat: no-repeat;
opacity: 0.5; opacity: 0.5;
margin-bottom: var(--typography-spacing-vertical);
margin-right: -0.5rem;
margin-top: -0.5rem;
transition: opacity var(--transition); transition: opacity var(--transition);
} }
dialog .close:hover, dialog .close:active, dialog .close:focus { 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 { .dialog-is-open {
pointer-events: none;
overflow: hidden; overflow: hidden;
pointer-events: none;
} }
.dialog-is-open .container { .dialog-is-open .container {
filter: blur(0.125rem); filter: blur(0.125rem);

2
css/pico.css.map
View file

File diff suppressed because one or more lines are too long

22
css/pico.fluid.classless.css
View file

@ -1826,21 +1826,21 @@ article > footer {
* Modal (<dialog>) * Modal (<dialog>)
*/ */
dialog { dialog {
display: flex;
position: fixed; position: fixed;
width: inherit;
min-width: 100%;
height: inherit;
min-height: 100%;
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background-color: var(--modal-overlay-background-color); width: inherit;
min-width: 100%;
height: inherit;
min-height: 100%;
padding: var(--spacing); padding: var(--spacing);
border: none; border: none;
background-color: var(--modal-overlay-background-color);
} }
@media (min-width: 576px) { @media (min-width: 576px) {
dialog article { dialog article {
@ -1865,15 +1865,15 @@ dialog .close {
display: block; display: block;
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-top: -0.5rem;
margin-right: -0.5rem;
margin-bottom: var(--typography-spacing-vertical);
margin-left: auto; margin-left: auto;
background-image: var(--icon-close); background-image: var(--icon-close);
background-position: center; background-position: center;
background-repeat: no-repeat;
background-size: 1rem auto; background-size: 1rem auto;
background-repeat: no-repeat;
opacity: 0.5; opacity: 0.5;
margin-bottom: var(--typography-spacing-vertical);
margin-right: -0.5rem;
margin-top: -0.5rem;
transition: opacity var(--transition); transition: opacity var(--transition);
} }
dialog .close:hover, dialog .close:active, dialog .close:focus { 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 { .dialog-is-open {
pointer-events: none;
overflow: hidden; overflow: hidden;
pointer-events: none;
} }
.dialog-is-open .container { .dialog-is-open .container {
filter: blur(0.125rem); filter: blur(0.125rem);

2
css/pico.fluid.classless.css.map
View file

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

2
css/pico.fluid.classless.min.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/pico.min.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.slim.css.map
View file

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

2
css/pico.slim.min.css.map
View file

File diff suppressed because one or more lines are too long

22
scss/components/_modal.scss
View file

@ -3,21 +3,21 @@
*/ */
dialog { dialog {
display: flex;
position: fixed; position: fixed;
width: inherit;
min-width: 100%;
height: inherit;
min-height: 100%;
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background-color: var(--modal-overlay-background-color); width: inherit;
min-width: 100%;
height: inherit;
min-height: 100%;
padding: var(--spacing); padding: var(--spacing);
border: none; border: none;
background-color: var(--modal-overlay-background-color);
article { article {
@if map-get($breakpoints, "sm") { @if map-get($breakpoints, "sm") {
@ -49,15 +49,15 @@ dialog {
display: block; display: block;
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-top: -0.5rem;
margin-right: -0.5rem;
margin-bottom: var(--typography-spacing-vertical);
margin-left: auto; margin-left: auto;
background-image: var(--icon-close); background-image: var(--icon-close);
background-position: center; background-position: center;
background-repeat: no-repeat;
background-size: 1rem auto; background-size: 1rem auto;
background-repeat: no-repeat;
opacity: .5; opacity: .5;
margin-bottom: var(--typography-spacing-vertical);
margin-right: -0.5rem;
margin-top: -0.5rem;
@if $enable-transitions { @if $enable-transitions {
transition: opacity var(--transition); transition: opacity var(--transition);
@ -72,8 +72,8 @@ dialog {
} }
.dialog-is-open { .dialog-is-open {
pointer-events: none;
overflow: hidden; overflow: hidden;
pointer-events: none;
.container { .container {
filter: blur(0.125rem); filter: blur(0.125rem);