sharpetronics/pico
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-02-23 00:01:58 -05:00
Code Issues Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
css/pico.classless.css
View File

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

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

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;
}

2
css/pico.css.map
View File

File diff suppressed because one or more lines are too long

8
css/pico.fluid.classless.css
View File

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

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

4
scss/components/_modal.scss
View File

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

4
scss/components/_progress.scss
View File

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