Aether

Break-points

Small devices : min-width 640px

Medium devices : min-width 768px

Large devices : min-width 1024px

Extra large devices : min-width 1280px

Container

Small devices : max-width: 600px

Medium devices : max-width: 720px

Large devices : max-width: 980px

Extra large devices : max-width: 1200px

Outer padding : 16px(l) + 16px(r)

Grid

col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1

col-2
col-2
col-2
col-2
col-2
col-2

col-3
col-3
col-3
col-3

col-4
col-4
col-4

col-6
col-6

col-12

col
col
col
col
col

Utilities : col-sm-*, col-md-*, col-lg-*, col-xl-*

Outer margin : -16px(l) + -16px(r)

Gutter : 16px + 16px

Margin

m-0 m-1 m-2 m-3 m-4 m-5

Utilities : mx-*, my-*, mt-*, mr-*, mb-*, ml-*

Padding

p-0 p-1 p-2 p-3 p-4 p-5

Utilities : px-*, py-*, pt-*, pr-*, pb-*, pl-*
Riggity riggity rekt son!