--size-16 is twice as much as --size-8 for example. One size unit is equal to 4px.--size-*margin, padding, width,height, etc)--size-px1px--size-14px--size-28px--size-312px--size-416px--size-520px--size-624px--size-728px--size-832px--size-936px--size-1040px--size-1144px--size-1248px--size-1456px--size-1664px--size-2080px--size-2496px--size-28112px--size-32128px--size-36144px--width-*max-width--width-xs480px--width-sm640px--width-md768px--width-lg1024px--width-xl1280px