All Styles

• Block Elements
  Headings, paragraphs, lists etc.
• Buttons
  Real buttons as well as elements that should look like buttons.
• Checkboxes and Radio buttons
  Real checkboxes and radio buttons and fake ones.
• Colors
  Color scheme
• Feedback Messages
  Feedback messages can be of four different types, warning, error, info and success. They are usually build from a div element but most other elements should work as well.
• Grids
  The grid is based on a responsive 12-column system. This means that each column has a width between 1/12 and 12/12 of its parent container. You create a column by assigning the .col-* to an element where * stands for the number of units you wish to use. Grid columns must sit inside grid rows div.grid-row and the whole set of rows in div.grid-container.
• Icons
  As from version 3.0 on TAO uses a custom font to display icons. More recent versions also offer basic support for SVG icons.
• Inline Elements
  Element occupying only the space bounded by the tags that define this element
• Tables
  The most common use for tables in TAO is the Match Interaction