Difference between revisions of "Widget:Compass"
From LINKS Community Center
| Line 129: | Line 129: | ||
.choice .button { | .choice .button { | ||
| − | flex: 0 0 | + | flex: 0 0 6em; |
transition: all 250ms; | transition: all 250ms; | ||
display: flex; | display: flex; | ||
| Line 135: | Line 135: | ||
align-items: center; | align-items: center; | ||
padding: 1em; | padding: 1em; | ||
| + | border: 1px solid currentColor; | ||
} | } | ||
| Line 142: | Line 143: | ||
transition: all 250ms; | transition: all 250ms; | ||
} | } | ||
| − | + | ||
| + | .choice:hover .button { | ||
| + | background-color: currentColor; | ||
| + | color: #fff; | ||
| + | } | ||
| + | |||
.choice:hover .desc { | .choice:hover .desc { | ||
font-weight: 700; | font-weight: 700; | ||
} | } | ||
| − | .choice.tech | + | .choice.tech { |
color: var(--links-blue); | color: var(--links-blue); | ||
| − | |||
} | } | ||
| − | .choice.guide | + | .choice.guide { |
color: var(--links-orange); | color: var(--links-orange); | ||
| − | |||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</style> | </style> | ||
Revision as of 17:30, 23 November 2022
Development version of the Compass.
Not ready for production!