Links
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti accusamus dolorum vitae reprehenderit modi quidem rerum quibusdam sapiente quasi. Culpa eveniet est quasi, eaque quae aliquid animi sint, magnam eligendi.
Omnis porro sequi ipsum eos labore debitis, iste, quis inventore. Ab tempora amet accusamus, nobis distinctio totam asperiores expedita nihil fugiat vitae autem ducimus voluptatibus hic corporis maiores, porro ea.
Regular link
Hover link
Focused link
Active link
<a>Regular link</a>
<a class="hover">Hover link</a>
<a class="focus">Focused link</a>
<a class="active">Active link</a>
Visited link
Visited hover link
Visited focused link
Visited active link
<a class="visited">Visited link</a>
<a class="visited hover">...</a>
<a class="visited focus">...</a>
<a class="visited active">...</a>
Knob link
Knob hover link
Knob focused link
Knob active link
Knob icon link
<a class="knob">...</a>
<a class="knob hover">...</a>
<a class="knob focus">...</a>
<a class="knob active">...</a>
YellowYellow hoverYellow focusedYellow active Yellow icon
RedRed hoverRed focusedRed active Red icon
BlueBlue hoverBlue focusedBlue active Blue icon
GreenGreen hoverGreen focusedGreen active Green icon
PurplePurple hoverPurple focusedPurple active Purple icon
OrangeOrange hoverOrange focusedOrange active Orange icon
GrayGray hoverGray focusedGray active Gray icon
<a class="knob yellow">...</a>
<a class="knob red">...</a>
<a class="knob blue">...</a>
<a class="knob green">...</a>
<a class="knob purple">...</a>
<a class="knob orange">...</a>
<a class="knob gray">...</a>
Button link
Button hover link
Button focused link
Button active link
<a class="button">...</a>
<a class="button hover">...</a>
<a class="button focus">...</a>
<a class="button active">...</a>