wrapper/tailwindcss
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Add button mockups

Browse source
This commit is contained in:
Adam Wathan 2017-08-16 09:25:54 -04:00
parent 80658ae54e
commit b4331834ae
1 changed files with 87 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

87
docs/source/buttons.md
View file

@ -4,3 +4,90 @@ 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>