Argento Force Typography

Headings

All HTML headings, <h1> through <h6>, are available. Additionally, .h1 through .h6 classes are also available.

.h1 Argento Heading

.h2 Argento Heading

.h3 Argento Heading

.h4 Argento Heading

.h5 Argento Heading

.h6 Argento Heading

Lists

Unordered list <ul>

  • First item
  • Second
    • Subitem of the second item
  • Third item

Ordered list <ol>

  1. First item
  2. Second
    1. Subitem
  3. Third item

Unstyled list .unstyled

  • First item
  • Second item
    • Subitem
  • Third item

Tables

Regular table <table>

#FirstnameLastnameHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larry the Bird@twitter

Mobile-friendly table .table

#FirstnameLastnameHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larry the Bird@twitter

Dark Section

Use .color-invert class name on the section with dark background and Breeze will change text, buttons, forms, and links to match this new dark background. This feature is handy when using the dark image in the slider and regular links or buttons don't have enough contrast.

Components

You may notice that the font size is a little bit smaller in this section. It's done with .text-reset class on the container.

Buttons

Forms

Inline form

Standard form

Tooltip

Tabs

First tab content

Second tab content

Messages

Success message with link
Error message with link
Info message with link