refactor: animation name with dash-case

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

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;

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