Difference between revisions of "Widget:Compass"
From LINKS Community Center
| Line 154: | Line 154: | ||
.choice.guide { | .choice.guide { | ||
color: var(--links-orange); | color: var(--links-orange); | ||
| + | } | ||
| + | |||
| + | .choice.case { | ||
| + | color: var(--links-cyan); | ||
} | } | ||
| Line 163: | Line 167: | ||
.choice.guide:hover .button { | .choice.guide:hover .button { | ||
background-color: var(--links-orange); | background-color: var(--links-orange); | ||
| + | color: #fff; | ||
| + | } | ||
| + | |||
| + | .choice.case:hover .button { | ||
| + | background-color: var(--links-cyan); | ||
color: #fff; | color: #fff; | ||
} | } | ||
| Line 178: | Line 187: | ||
<div class="answer"> | <div class="answer"> | ||
<div class="answer-wrapper"> | <div class="answer-wrapper"> | ||
| − | <div class="choice | + | <div class="choice case"> |
| − | + | <div class="button">Use Cases</div> | |
| + | <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div> | ||
</div> | </div> | ||
| − | <div class="choice | + | <div class="choice guide"> |
| − | + | <div class="button">Guidelines</div> | |
| − | + | <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div> | |
| − | |||
</div> | </div> | ||
</div> | </div> | ||
| Line 196: | Line 205: | ||
<div class="choice tech"> | <div class="choice tech"> | ||
<div class="button">Technologies</div> | <div class="button">Technologies</div> | ||
| − | <div class="desc"> | + | <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div> |
</div> | </div> | ||
<div class="choice guide"> | <div class="choice guide"> | ||
<div class="button">Guidelines</div> | <div class="button">Guidelines</div> | ||
| − | <div class="desc"> | + | <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div> |
| + | </div> | ||
| + | <div class="choice case"> | ||
| + | <div class="button">Use Cases</div> | ||
| + | <div class="desc">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div> | ||
</div> | </div> | ||
</div> | </div> | ||
Revision as of 17:45, 23 November 2022
Development version of the Compass.
Not ready for production!