List

Organisms · Updated on 29 August 2017

Documentation is WIP, check open issues and start improving!

    
List layout is a common pattern within Trafi iOS and Android app which can hold several components within itself.

Margins between components

Section  

Section with label has a top margin of 0 units.

Section without label has a top margin of 3 units.

Last Section has a bottom margin of 9 units.

Documentation

Specifications

// Base

$section__label-margin-top                   : unit(0);                            // 0px
$section__nolabel-margin-top                 : unit(3);                            // 12px
$section__last-margin-bottom                 : unit(9);                            // 36px