mirror of
https://github.com/picocss/pico.git
synced 2025-04-25 18:56:15 -04:00
Merge pull request #232 from picocss/ll/refactor-keyframes
Refactor: animation name with `dash-case`
This commit is contained in:
Lucas Larroche
GitHub
commit
2f1c0a791f
14 changed files with 29 additions and 29 deletions
|
|
@ -2005,8 +2005,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;
|
||||
|
|
@ -2022,7 +2022,7 @@ progress::-moz-progress-bar {
|
|||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes progressIndeterminate {
|
||||
@-webkit-keyframes progress-indeterminate {
|
||||
0% {
|
||||
background-position: 200% 0;
|
||||
}
|
||||
|
|
@ -2031,7 +2031,7 @@ progress::-moz-progress-bar {
|
|||
}
|
||||
}
|
||||
|
||||
@keyframes progressIndeterminate {
|
||||
@keyframes progress-indeterminate {
|
||||
0% {
|
||||
background-position: 200% 0;
|
||||
}
|
||||
|
|
|
|||
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
16
css/pico.css
16
css/pico.css
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1975,8 +1975,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;
|
||||
|
|
@ -1992,7 +1992,7 @@ progress::-moz-progress-bar {
|
|||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes progressIndeterminate {
|
||||
@-webkit-keyframes progress-indeterminate {
|
||||
0% {
|
||||
background-position: 200% 0;
|
||||
}
|
||||
|
|
@ -2001,7 +2001,7 @@ progress::-moz-progress-bar {
|
|||
}
|
||||
}
|
||||
|
||||
@keyframes progressIndeterminate {
|
||||
@keyframes progress-indeterminate {
|
||||
0% {
|
||||
background-position: 200% 0;
|
||||
}
|
||||
|
|
|
|||
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
|
|
@ -135,7 +135,7 @@ dialog {
|
|||
|
||||
dialog {
|
||||
animation-duration: ($animation-duration * 4);
|
||||
animation-name: modalOverlay;
|
||||
animation-name: modal-overlay ;
|
||||
|
||||
> article {
|
||||
animation-delay: $animation-duration;
|
||||
|
|
@ -152,7 +152,7 @@ dialog {
|
|||
}
|
||||
}
|
||||
|
||||
@keyframes modalOverlay {
|
||||
@keyframes modal-overlay {
|
||||
from {
|
||||
backdrop-filter: none;
|
||||
background-color: transparent;
|
||||
|
|
|
|||
|
|
@ -59,7 +59,7 @@ progress {
|
|||
var(--progress-background-color) 30%
|
||||
)
|
||||
top left / 150% 150% no-repeat;
|
||||
animation: progressIndeterminate 1s linear infinite;
|
||||
animation: progress-indeterminate 1s linear infinite;
|
||||
|
||||
&[value]::-webkit-progress-value {
|
||||
background-color: transparent;
|
||||
|
|
@ -79,7 +79,7 @@ progress {
|
|||
}
|
||||
}
|
||||
|
||||
@keyframes progressIndeterminate {
|
||||
@keyframes progress-indeterminate {
|
||||
0% {
|
||||
background-position: 200% 0;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue