--accent-color: #287789;
--accent-color-bright: #44c7ef;
--text-fg-on-accent: white;
+ --text-fg-on-accent-bright: #333738;
/* Some colors intended to convey semnatics. */
--warning-color: #ffa92a;
a:visited {
color: var(--accent-color);
}
-a:hover {
- color: var(--accent-color-bright);
+@media (hover:hover) {
+ a:hover {
+ color: var(--accent-color-bright);
+ }
}
a:active {
color: var(--accent-color-bright);
width: auto;
}
-button:hover {
- transform: translateY(-1px);
- background-color: var(--accent-color-bright);
+@media (hover:hover) {
+ button:hover {
+ transform: translateY(-1px);
+ background-color: var(--accent-color-bright);
+ }
}
:focus {
top: 0;
}
-.hide-button:hover {
- color: var(--danger-color-dark);
+@media (hover:hover) {
+ .hide-button:hover {
+ color: var(--danger-color-dark);
+ }
}
/*\