• Backgrounds & Borders

Background

row-bg-second

  • rows can have primary, second, third, white and grey background color
  • item-bg-primary

    • items can have primary, second, third, white and grey background color
  • placeholder

    content-bg-white

    • content can have primary, second, third, white and grey background color
  • item-bg-white

    • items can have primary, second, third, white and grey background color
  • placeholder

    content-bg-grey

    • content can have primary, second, third, white and grey background color
  • item-bg-third

    • items can have primary, second, third, white and grey background color
  • placeholder

    content-bg-second

    • content can have primary, second, third, white and grey background color

Background on hover

  • only for clickable items (see here), not row, not content
  • depending on design, on hover -> text, links and buttons may need to be restyled
  • placeholder

    default item-bg-grey

    item-bg-onhover-primary

    (on hover, primary-button-color needs to be restyled)

Border-color

  • items can have a border-color
  • placeholder

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

  • placeholder

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

  • placeholder

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Border-color on hover

  • only for clickable items (see here), not row, not content