@fbo/spaces

Spaces

Bezeichnung / Auflösung		>= 768	>= 1024	>= 1440	>= 1920
xxxs	4	4	4	4	4
xxs	8	8	8	8	8
xs	12	12	12	12	12
s	16	16	16	16	16
ms	24	24	24	24	24
m	32	32	36	36	42
l	36	36	42	48	54
xl	42	42	54	64	76
xxl	48	54	64	76	96
xxxl	54	64	76	96	128

Installation

bower install spaces --save

Usage

var(--spaces-xxxs)
var(--spaces-xxs)
var(--spaces-xs)
var(--spaces-s)
var(--spaces-ms)
var(--spaces-m)
var(--spaces-l)
var(--spaces-xl)
var(--spaces-xxl)
var(--spaces-xxxl)

Example

.element {
  padding: var(--space-xxxs)
}