Difference between revisions of "Widget:Compass"
From LINKS Community Center
Line 125: | Line 125: | ||
align-items: center; | align-items: center; | ||
padding: 1em; | padding: 1em; | ||
− | border: 1px solid | + | color: #fff; |
+ | border: 1px solid; | ||
} | } | ||
Line 156: | Line 157: | ||
.choice.safe { | .choice.safe { | ||
color: var(--safe-color); | color: var(--safe-color); | ||
+ | } | ||
+ | |||
+ | .choice.tech .button { | ||
+ | background-color: var(--links-blue); | ||
+ | border-color: var(--links-blue); | ||
+ | } | ||
+ | |||
+ | .choice.guide .button { | ||
+ | background-color: var(--links-orange); | ||
+ | border-color: var(--links-orange); | ||
+ | } | ||
+ | |||
+ | .choice.case .button { | ||
+ | background-color: var(--links-cyan); | ||
+ | border-color: var(--links-cyan); | ||
+ | } | ||
+ | |||
+ | .choice.handbook .button { | ||
+ | background-color: var(--handbook-color); | ||
+ | border-color: var(--handbook-color); | ||
+ | } | ||
+ | |||
+ | .choice.safe .button { | ||
+ | background-color: var(--safe-color); | ||
+ | border-color: var(--safe-color); | ||
+ | } | ||
+ | |||
+ | .choice:hover .button { | ||
+ | background-color: #fff; | ||
} | } | ||
.choice.tech:hover .button { | .choice.tech:hover .button { | ||
− | + | color: var(--links-blue); | |
− | |||
} | } | ||
.choice.guide:hover .button { | .choice.guide:hover .button { | ||
− | + | color: var(--links-blue); | |
− | |||
} | } | ||
.choice.case:hover .button { | .choice.case:hover .button { | ||
− | + | color: var(--links-blue); | |
− | |||
} | } | ||
.choice.handbook:hover .button { | .choice.handbook:hover .button { | ||
− | + | color: var(--links-blue); | |
− | |||
} | } | ||
.choice.safe:hover .button { | .choice.safe:hover .button { | ||
− | + | color: var(--links-blue); | |
− | |||
} | } | ||
</style> | </style> |
Revision as of 12:34, 7 December 2022
Development version of the Compass.
Not ready for production!