Source: lib/buttons.scss, line 208
Buttons can be default, outline, text
<button>Button</button>
<button class="outlined">Outlined Button</button>
<button class="text">Text Button</button>
<button class="danger">Danger Button</button>
<button class="danger text">Text Danger Button</button>
<button class="danger outlined">Outlined Danger Button</button>Source: lib/card.scss, line 1
Cards contain content and actions about a single subject
<div class="card">
<div class="layout-row justify-content-around align-items-center">
<h3 class="mt-0 mb-0">Card Without Padding</h3>
</div>
</div>Source: lib/card.scss, line 105
Card with no box shadow
<div class="card flat">
<section class="card-text">
<div class="layout-row justify-content-around align-items-center">
<h3 class="mt-0 mb-0">Card With Padding</h3>
</div>
</section>
</div>Source: lib/card.scss, line 89
Card with no box shadow with border
<div class="card outlined">
<section class="card-text">
<div class="layout-row justify-content-around align-items-center">
<h3 class="mt-0 mb-0">Card Outlined</h3>
</div>
</section>
</div>Source: lib/card.scss, line 49
Cards contain content and actions about a single subject
<div class="card">
<section class="card-text">
<div class="layout-row justify-content-around align-items-center">
<h3 class="mt-0 mb-0">Card With Padding</h3>
</div>
</section>
<section class="card-actions">
<button class="danger flat">
Cancel
</button>
<button>
Confirm?
</button>
</section>
</div>Source: lib/card.scss, line 65
Actions buttons in card to link to another resource
<div class="card">
<section class="card-text">
<div class="layout-row justify-content-around align-items-center">
<h3 class="mt-0 mb-0">Card With Padding</h3>
</div>
</section>
<section class="card-actions">
<button class="danger flat">
Cancel
</button>
<button>
Confirm?
</button>
</section>
</div>