refactor: 💡 Avoid lint warning (#1095)
* refactor: 💡 Avoid lint warning
This commit is contained in:
1 parent
5e2c6ca0fd
commit
57410b7bb6
2 files changed
+18
-26
No files matched your search
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user