NDSU Web Template

The button component is part of the minimal version.

Example:

<a href="https://www.ndsu.edu" class="btn">
    Sample Button
</a>

Size

Available size variations:

btn-large: large
btn-tiny: small

Examples:

<a href="https://www.ndsu.edu" class="btn btn-large">
    Sample Button
</a>

<a href="https://www.ndsu.edu" class="btn btn-tiny">
    Sample Button
</a>

Color

Available colors:

btn-yellow
btn-green
btn-darkgray
btn-darkgray-yellow
btn-clear-yellow
btn-clear-yellow-white

Examples:

<a href="https://www.ndsu.edu" class="btn">
    Default
</a>
<a href="https://www.ndsu.edu" class="btn btn-yellow">
    Yellow
</a>
<a href="https://www.ndsu.edu" class="btn btn-green">
    Green
</a>
<a href="https://www.ndsu.edu" class="btn btn-darkgray">
    Darkgray
</a>
<a href="https://www.ndsu.edu" class="btn btn-darkgray-yellow">
    Darkgray Yellow
</a>
<a href="https://www.ndsu.edu" class="btn btn-clear-yellow">
    Clear Yellow
</a>
<a href="https://www.ndsu.edu" class="btn btn-clear-yellow-white">
    Clear Yellow White
</a>

Block Button

Example:

<a href="https://www.ndsu.edu" class="btn btn-block">
    Sample Button
</a>