Interactive Elements
In-text link
Link to SFU websiteNavigation Link
CSS selector:
.button-nav
Sample code:
<a href="#" class="button">Default Button</a>
Rendered element:
Default ButtonText Input Field with Label
Image as a Link
A template you can use to start building out your own style guides with.
.button-nav
<a href="#" class="button">Default Button</a>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.