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!