|
|
@@ -324,6 +324,7 @@ button.color-select:hover {
|
|
|
padding: 0 0.5ch var(--tile-block-padding);
|
|
|
border-radius: var(--tile-border-radius);
|
|
|
box-shadow: 4px 4px 2px var(--shadow);
|
|
|
+ background-color: var(--background);
|
|
|
margin-block-start: 0.25rem;
|
|
|
height: 100%;
|
|
|
}
|
|
|
@@ -474,9 +475,11 @@ button[name="clear"] {
|
|
|
rotate: 360deg;
|
|
|
}
|
|
|
|
|
|
-#color-inputs button[name="randomColor"]:hover {
|
|
|
- animation-play-state: running;
|
|
|
- rotate: 0deg;
|
|
|
+@media (prefers-reduced-motion: no-preference) {
|
|
|
+ #color-inputs button[name="randomColor"]:hover {
|
|
|
+ animation-play-state: running;
|
|
|
+ rotate: 0deg;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
#color-inputs input {
|
