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

chore(modal): Optimize selectors

Browse source
This commit is contained in:
Lucas Larroche 2022-03-06 13:37:20 +07:00
parent aaf718a1d4
commit 77cdcc6e4a
9 changed files with 14 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

14
css/pico.css
View file

@ -1996,7 +1996,7 @@ dialog article .close {
opacity: 0.5;
transition: opacity var(--transition);
}
dialog article .close[aria-current], dialog article .close:hover, dialog article .close:active, dialog article .close:focus {
dialog article .close:is([aria-current], :hover, :active, :focus) {
opacity: 1;
}
dialog:not([open]), dialog[open=false] {
@ -2012,10 +2012,8 @@ dialog:not([open]), dialog[open=false] {
pointer-events: auto;
}
.modal-is-opening dialog,
.modal-is-opening dialog > article,
.modal-is-closing dialog,
.modal-is-closing dialog > article {
:where(.modal-is-opening, .modal-is-closing) dialog,
:where(.modal-is-opening, .modal-is-closing) dialog > article {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-timing-function: ease-in-out;
@ -2023,15 +2021,13 @@ dialog:not([open]), dialog[open=false] {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.modal-is-opening dialog,
.modal-is-closing dialog {
:where(.modal-is-opening, .modal-is-closing) dialog {
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.modal-is-opening dialog > article,
.modal-is-closing dialog > article {
:where(.modal-is-opening, .modal-is-closing) dialog > article {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
-webkit-animation-name: slideInDown;