93 lines
2.6 KiB
Markdown
93 lines
2.6 KiB
Markdown
---
|
|
extends: _layouts.markdown
|
|
title: "Buttons"
|
|
---
|
|
|
|
# Buttons
|
|
|
|
<div class="mb-4">
|
|
<button class="text-medium text-dark rounded py-2 px-4 bg-light mr-4">
|
|
Save
|
|
</button>
|
|
<button class="text-medium text-dark rounded py-2 px-4 bg-light-soft mr-4">
|
|
Save
|
|
</button>
|
|
<button class="text-medium text-dark rounded py-2 px-4 bg-light-softer mr-4">
|
|
Save
|
|
</button>
|
|
</div>
|
|
<div class="mb-4">
|
|
<button class="text-medium text-light rounded py-2 px-4 bg-dark mr-4">
|
|
Save
|
|
</button>
|
|
<button class="text-medium text-light rounded py-2 px-4 bg-dark-soft mr-4">
|
|
Save
|
|
</button>
|
|
<button class="text-medium text-light rounded py-2 px-4 bg-dark-softer mr-4">
|
|
Save
|
|
</button>
|
|
</div>
|
|
<div class="mb-4">
|
|
<button class="text-medium text-light rounded py-2 px-4 bg-red mr-4">
|
|
Save
|
|
</button>
|
|
<button class="text-medium text-light rounded py-2 px-4 bg-red-light mr-4">
|
|
Save
|
|
</button>
|
|
</div>
|
|
<div class="mb-4">
|
|
<button class="text-medium text-light rounded py-2 px-4 bg-amber mr-4">
|
|
Save
|
|
</button>
|
|
<button class="text-medium text-light rounded py-2 px-4 bg-amber-light mr-4">
|
|
Save
|
|
</button>
|
|
</div>
|
|
<div class="mb-4">
|
|
<button class="text-medium text-light rounded py-2 px-4 bg-green mr-4">
|
|
Save
|
|
</button>
|
|
<button class="text-medium text-light rounded py-2 px-4 bg-green-light mr-4">
|
|
Save
|
|
</button>
|
|
</div>
|
|
<div class="mb-4">
|
|
<button class="text-medium text-light rounded py-2 px-4 bg-teal mr-4">
|
|
Save
|
|
</button>
|
|
<button class="text-medium text-light rounded py-2 px-4 bg-teal-light mr-4">
|
|
Save
|
|
</button>
|
|
</div>
|
|
<div class="mb-4">
|
|
<button class="text-medium text-light rounded py-2 px-4 bg-blue mr-4">
|
|
Save
|
|
</button>
|
|
<button class="text-medium text-light rounded py-2 px-4 bg-blue-light mr-4">
|
|
Save
|
|
</button>
|
|
</div>
|
|
<div class="mb-4">
|
|
<button class="text-medium text-light rounded py-2 px-4 bg-indigo mr-4">
|
|
Save
|
|
</button>
|
|
<button class="text-medium text-light rounded py-2 px-4 bg-indigo-light mr-4">
|
|
Save
|
|
</button>
|
|
</div>
|
|
<div class="mb-4">
|
|
<button class="text-medium text-light rounded py-2 px-4 bg-purple mr-4">
|
|
Save
|
|
</button>
|
|
<button class="text-medium text-light rounded py-2 px-4 bg-purple-light mr-4">
|
|
Save
|
|
</button>
|
|
</div>
|
|
<div class="mb-4">
|
|
<button class="text-medium text-light rounded py-2 px-4 bg-pink mr-4">
|
|
Save
|
|
</button>
|
|
<button class="text-medium text-light rounded py-2 px-4 bg-pink-light mr-4">
|
|
Save
|
|
</button>
|
|
</div>
|