Style Guide

All Styles

  • Headings, paragraphs, lists etc.
  • Real buttons as well as elements that should look like buttons.
  • Real checkboxes and radio buttons and fake ones.
  • Color scheme
  • 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.
  • 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.
  • As from version 3.0 on TAO uses a custom font to display icons. More recent versions also offer basic support for SVG icons.
  • Element occupiying only the space bounded by the tags that define this element
  • The most common use for tables in TAO is the Match Interaction

We use cookies on our website to support technical features that enhance your user experience. Cookie Policy Privacy Policy

×