Skip to content

V3.0.0

Compare
Choose a tag to compare
@petervmeijgaard petervmeijgaard released this 14 Dec 14:02
· 38 commits to master since this release

Version 3.0.0

Adds

.col--[ xs | sm | md | lg | xl ]-reset

Helper to reset the column order

.col--[ xs | sm | md | lg | xl ]-align-top

Helper to align column at the top

.col--[ xs | sm | md | lg | xl ]-align-center

Helper to align column at the center

.col--[ xs | sm | md | lg | xl ]-align-bottom

Helper to align column at the bottom

.text--left

Helper to align the text to the left on every display

.text--center

Helper to align the text to the center on every display

.text--right

Helper to align the text to the right on every display

Renames

Grid Col

.grid__col

Renamed to .col

.grid__col--[ xs | sm | md | lg | xl ]

Renamed to .col--[ xs | sm | md | lg | xl ]

.grid__col--[ xs | sm | md | lg | xl ]-[ 1 - 12]

Renamed to .col--[ xs | sm | md | lg | xl ]-[ 1 - 12]

.grid__col--[ xs | sm | md | lg | xl ]-offset-[ 1 - 12]

Renamed to .col--[ xs | sm | md | lg | xl ]-offset-[ 1 - 12]

.grid__col--no-gutters

Renamed to .col--no-gutters

.grid__col--[ xs | sm | md | lg | xl ]-first

Renamed to .col--[ xs | sm | md | lg | xl ]-first

.grid__col--[ xs | sm | md | lg | xl ]-last

Renamed to .col--[ xs | sm | md | lg | xl ]-last

.grid__col--[ xs | sm | md | lg | xl ]-flex

Renamed to .col--[ xs | sm | md | lg | xl ]-flex

Grid Row

.grid__row

Renamed to .row

.grid__row--no-gutters

Renamed to .row--no-gutters

.grid__row--[ xs | sm | md | lg | xl ]-top

Renamed to .row--[ xs | sm | md | lg | xl ]-top

.grid__row--[ xs | sm | md | lg | xl ]-center

Renamed to .row--[ xs | sm | md | lg | xl ]-center

.grid__row--[ xs | sm | md | lg | xl ]-bottom

Renamed to .row--[ xs | sm | md | lg | xl ]-bottom

.grid__row--[ xs | sm | md | lg | xl ]-reverse

Renamed to .row--[ xs | sm | md | lg | xl ]-reverse

Grid Text

.grid__text

Renamed to .text

.grid__text--[ xs | sm | md | lg | xl ]-left

Renamed to .text--[ xs | sm | md | lg | xl ]-left

.grid__text--[ xs | sm | md | lg | xl ]-center

Renamed to .text--[ xs | sm | md | lg | xl ]-center

.grid__text--[ xs | sm | md | lg | xl ]-right

Renamed to .text--[ xs | sm | md | lg | xl ]-right