Widget: Compass: Difference between revisions
From LINKS Community Center
Eschmidt (talk | contribs) No edit summary |
Eschmidt (talk | contribs) No edit summary |
||
| 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 16:45, 23 November 2022
Development version of the Compass.
Not ready for production!