Sandstone tables & lists

Tables

Sandstone tables are simple in design, using horizontal rules to separate the rows. The column titles are .open-sans-light and the content is .open-sans

Screen format Width Column Gutter # of col.
Smartphone (vert.) 320px 40px 20px 5 col
Smartphone (horiz.) 480px fluid expansion of smartphone
Tablet 768px 40px 20px 12 col
Desktop 990px 60px 20px 12 col

Lists

Lists are standard as shown in these examples. The list items are 10px from the bullet/number, sublevel text indented 20px in from the previous tier text.

Unordered

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem
  • Facilisis in pretium nisl
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet
  • Ac tristique libero volutpat at
  • Faucibus porta lacus
<ul>

Unstyled

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem
  • Facilisis in pretium nisl
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet
  • Ac tristique libero volutpat at
  • Faucibus porta lacus
<ul class="unstyled">

Ordered

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem
  4. Facilisis in pretium nisl
  5. Nulla volutpat aliquam velit
  6. Phasellus iaculis neque
  7. Purus sodales ultricies
  8. Vestibulum laoreet
  9. Ac tristique libero volutpat at
  10. Faucibus porta lacus
<ol>