Lists

Get different types of lists using simple classes.


Default Lists

Use .list-grp, .list-item, .list-head to create default lists.

Examples

    Heading
  • Lorem, ipsum.
  • Lorem, ipsum.
  • Lorem, ipsum.
  • Lorem, ipsum.
          
            
    Heading
  • Lorem, ipsum.
  • Lorem, ipsum.
  • Lorem, ipsum.
  • Lorem, ipsum.

Spaced Lists

Use .space-list to create a spaced list.

Examples

  • Header
  • Lorem, ipsum.
  • Lorem, ipsum.
  • Lorem, ipsum.
  • Lorem, ipsum.
          
            
  • Header
  • Lorem, ipsum.
  • Lorem, ipsum.
  • Lorem, ipsum.
  • Lorem, ipsum.

Stacked Lists

List used for notifications in a web app.

Examples

  • Notification 1
  • Notification 2
  • Notification 3
  • Notification 4
          
            
  • Notification 1
  • Notification 2
  • Notification 3
  • Notification 4