Cards, modals and documents

.c-card

  • .c-card__list   .c-card example one

    For lists of customers and jobs

  • .c-card__list   .c-card example two

  • .c-card__list   .c-card example three

  • .c-card__list   .c-card example four

  • .c-card__row

    .c-card example one

  • .c-card__row

    .c-card example two

    With extra content…

  • .c-card__row

    .c-card example three

    … c-card__row cards streeetch to the height of the tallest card.

.c-card .c-card--yellow

.c-card .c-card--green

.c-card .c-card--borderless

Left/right padding applied when viewed on mobile.

 

Renders on top of rgba(0,0,0,0.6) screen overlay

.pwrk

Paperwork and documents