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

refactor: animation name with dash-case

Browse source
This commit is contained in:
Lucas Larroche 2022-09-11 16:18:58 +07:00
parent b0b4c3f10d
commit 36832baec6
14 changed files with 29 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

16
css/pico.css
View file

@ -2026,8 +2026,8 @@ dialog:not([open]), dialog[open=false] {
:where(.modal-is-opening, .modal-is-closing) dialog {
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-name: modalOverlay;
animation-name: modalOverlay;
-webkit-animation-name: modal-overlay;
animation-name: modal-overlay;
}
:where(.modal-is-opening, .modal-is-closing) dialog > article {
-webkit-animation-delay: 0.2s;
@ -2043,7 +2043,7 @@ dialog:not([open]), dialog[open=false] {
animation-direction: reverse;
}
@-webkit-keyframes modalOverlay {
@-webkit-keyframes modal-overlay {
from {
-webkit-backdrop-filter: none;
backdrop-filter: none;
@ -2051,7 +2051,7 @@ dialog:not([open]), dialog[open=false] {
}
}
@keyframes modalOverlay {
@keyframes modal-overlay {
from {
-webkit-backdrop-filter: none;
backdrop-filter: none;
@ -2193,8 +2193,8 @@ progress::-moz-progress-bar {
@media (prefers-reduced-motion: no-preference) {
progress:indeterminate {
background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;
-webkit-animation: progressIndeterminate 1s linear infinite;
animation: progressIndeterminate 1s linear infinite;
-webkit-animation: progress-indeterminate 1s linear infinite;
animation: progress-indeterminate 1s linear infinite;
}
progress:indeterminate[value]::-webkit-progress-value {
background-color: transparent;
@ -2210,7 +2210,7 @@ progress::-moz-progress-bar {
}
}
@-webkit-keyframes progressIndeterminate {
@-webkit-keyframes progress-indeterminate {
0% {
background-position: 200% 0;
}
@ -2219,7 +2219,7 @@ progress::-moz-progress-bar {
}
}
@keyframes progressIndeterminate {
@keyframes progress-indeterminate {
0% {
background-position: 200% 0;
}