Each of the h* are controlled by two vaiables that control your font-size and your line-height, and as a result, it defines the appearance of your text. In addition, the rest of the text is controled by the styles applied to the body tag.
This is a paragraph with some bold text and with italicized text too.
| Property | Variable |
|---|---|
| font-family | @textFontFamily |
| font-size | @textFontSize |
| line-height | @textLineHeight |
| color | @textColor |
| background-color | @bodyBackground |
My whole life, my whole soul, my whole spirit is to blow that horn.
Louis Armstrong
To float your blockquote to the right, add class="pull-right"
My whole life, my whole soul, my whole spirit is to blow that horn.
Louis Armstrong
The lists have a basic format that depends on whether the list is ordered or unordered, there is also a class called .unstyled to eliminate these attributes.
Classes for unordered lists include <ul.disc>, <ul.circle> and <ul.square>.
Ordered lists include the classes. <ol.decimal>, <ol.latin> AND <ol.roman>.
<dl class="dl-horizontal">
Sazerac, like Foundation, includes print styles developed by HTML5 Boilerplate to give you some basic print-specific styles. These are activated when you print through a media query and include:
Again, like Foundation, Sazerac includes a couple of simple classes you can use to control elements printing, or not printing. Simply attach .print-only on an element to only show when printing, and .hide-on-print to hide something when printing.