mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
94 lines
2.6 KiB
Markdown
94 lines
2.6 KiB
Markdown
---
|
|
extends: _layouts.master
|
|
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>
|