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

    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

    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

    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

default no background

item-bg-onhover-grey

default item-bg-grey

item-bg-onhover-primary

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

default item-bg-second

item-bg-onhover-none

(on hover, remove background)

Border-color

  • items can have a border-color

item-border-primary

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

item-border-second

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

item-border-third

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Border-color on hover

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

default no border

item-border-second-onhover

default item-border-grey

item-border-third-onhover

default item-border-second

item-border-none-onhover