refactor: 💡 Avoid lint warning (#1095)

* refactor: 💡 Avoid lint warning
This commit is contained in:
Carlos Alcaide Corvo authored and GitHub committed 2022-05-05 08:28:41 -07:00
1 parent 5e2c6ca0fd
commit 57410b7bb6
2 files changed
+18 -26

No files matched your search

+9 -13
View File
@@ -219,20 +219,16 @@
}
// Spinning animation for refresh button icon
.is-loading .rose-icon {
@keyframes hds-flight-icon-animation-rotation {
to {
transform: rotate(360deg);
}
}
@media (prefers-reduced-motion: no-preference) {
.is-loading {
.rose-icon {
@keyframes hds-flight-icon-animation-rotation {
to {transform: rotate(360deg);}
}
> svg {
animation: hds-flight-icon-animation-rotation 9s linear infinite;
}
@media (prefers-reduced-motion: no-preference) {
> svg {
animation-duration: 0.7s;
> svg {
animation: hds-flight-icon-animation-rotation 0.7s linear infinite;
}
}
}
}
+9 -13
View File
@@ -485,20 +485,16 @@ $chevron-down: url("data:image/svg+xml;utf-8,<svg viewBox='0 0 24 24' fill='%231
}
// Spinning animation for refresh button icon
.is-loading .rose-icon {
@keyframes hds-flight-icon-animation-rotation {
to {
transform: rotate(360deg);
}
}
@media (prefers-reduced-motion: no-preference) {
.is-loading {
.rose-icon {
@keyframes hds-flight-icon-animation-rotation {
to {transform: rotate(360deg);}
}
> svg {
animation: hds-flight-icon-animation-rotation 9s linear infinite;
}
@media (prefers-reduced-motion: no-preference) {
> svg {
animation-duration: 0.7s;
> svg {
animation: hds-flight-icon-animation-rotation 0.7s linear infinite;
}
}
}
}