Bonus > Typography
.well
h1. Heading 1
default
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
h2. Heading 2
class="red"
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
h3. Heading 3
class="green"
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
h4. Heading 4
class="purple"
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
h5. Heading 5
class="yellow"
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
h6. Heading 6
class="pink"
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
class="orange"
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
.well .light
h1. Heading 1
default
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
h2. Heading 2
class="red"
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
h3. Heading 3
class="green"
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
h4. Heading 4
class="purple"
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
h5. Heading 5
class="yellow"
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
h6. Heading 6
class="pink"
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
class="orange"
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
Wrap blockquote
around any DOM element as quote
“I’m not in this world to live up to your expectations and you’re not in this world to live up to mine.”
Bruce Lee
“A wise man can learn more from a foolish question than a fool can learn from a wise answer.”
Bruce Lee
Unordered List ul
- Sed ut perspiciatis unde omnis
-
Natus error sit voluptatem accusantium doloremqu
- Eaque ipsa quae ab illo inventore veritatis et
- Totam rem aperiam eaque
- Allo inventore veritatis et quasi
- Ac tristique libero volutpat
- Error sit voluptatem accusantium doloremq
- Eriam eaque ipsa quae ab illo
- Faucquae ab illo inventore verit
- Sed ut perspiciatis unde omnis nunc
- Perspiciatis unde
Number List ol
- Sed ut perspiciatis unde omnis
- Totam rem aperiam eaque
- Natus error sit voluptatem accusantium doloremqu
- Eriam eaque ipsa quae ab illo
- Error sit voluptatem accusantium doloremq
- Sed ut perspiciatis unde omnis nunc
- Perspiciatis unde
- Ac tristique libero volutpat
- Allo inventore veritatis et quasi
- Eaque ipsa quae ab illo inventore veritatis et
- Sed ut perspiciatis unde omnis nunc
Custom List ul.custom-list
- Sed ut perspiciatis unde omnis
- Totam rem aperiam eaque
- Natus error sit voluptatem accusantium doloremqu
- Eriam eaque ipsa quae ab illo
- Error sit voluptatem accusantium doloremq
- Sed ut perspiciatis unde omnis nunc
- Perspiciatis unde
- Ac tristique libero volutpat
- Allo inventore veritatis et quasi
- Eaque ipsa quae ab illo inventore veritatis et
- Sed ut perspiciatis unde omnis nunc