31 lines
743 B
Markdown
31 lines
743 B
Markdown
|
---
|
||
|
|
extends: _layouts.master
|
||
|
|
title: "Examples"
|
||
|
|
---
|
||
|
|
|
||
|
|
# Examples
|
||
|
|
|
||
|
|
Some component examples, just to get a vibe for what's possible and for us to double check our default utilities are producing good looking stuff!
|
||
|
|
|
||
|
|
## Alerts
|
||
|
|
|
||
|
|
<div class="bg-amber-lightest border border-amber-light rounded p-4 mb-4">
|
||
|
|
<div class="text-medium text-amber">
|
||
|
|
Warning message
|
||
|
|
</div>
|
||
|
|
<div class="text-amber">
|
||
|
|
Some additional text to explain what went wrong.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="bg-green-lightest border border-green-light rounded p-4">
|
||
|
|
<div class="text-medium text-green">
|
||
|
|
Success message
|
||
|
|
</div>
|
||
|
|
<div class="text-green">
|
||
|
|
Some additional text to explain what went awesome.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
## Buttons
|