Base (component)

A general purpose component that converts our props into styles defined by the user. Heavily inspired by (and somewhat directly copied) from rebass.

Props

align

set align-items property *

type: string

backgroundColor

Background color *

type: string

column

set flex-direction to column *

type: bool

flex

flex property *

type: number

justify

set justify-content property *

type: string

m

Margin *

type: enum(0|1|2|3|4)

mb

Margin bottom *

type: enum(0|1|2|3|4)

ml

Margin left *

type: enum(0|1|2|3|4)

mr

Margin right *

type: enum(0|1|2|3|4)

mt

Margin top *

type: enum(0|1|2|3|4)

mx

Margin x-axis *

type: enum(0|1|2|3|4)

my

Margin y-asix *

type: enum(0|1|2|3|4)

p

Padding *

type: enum(0|1|2|3|4)

pb

Padding bottom *

type: enum(0|1|2|3|4)

pl

Padding left *

type: enum(0|1|2|3|4)

pr

Padding right *

type: enum(0|1|2|3|4)

pt

Padding top *

type: enum(0|1|2|3|4)

px

Padding x-axis *

type: enum(0|1|2|3|4)

py

Padding y-axis *

type: enum(0|1|2|3|4)

rounded

Border radius *

type: union(bool|number)

row

set flex-direction to row *

type: bool

wrap

flex-wrap property *

type: bool