CSS variabelen

Er zijn diverse variabelen die je kunt gebruiken in de code-editor. Door te typen in het code-veld worden suggesties gedaan door het systeem. Je kan de variabelen laten voorstellen door te beginnen met "@".

Suggesties voor LESS variabelen in de code-editor

Beschikbare CSS variabelen

Onderstaande css variabelen kunnen ingezet worden in de eigen maatwerk code.

Typografie

@font-size-adjustment-heading-1 t/m @font-size-adjustment-heading-8
@font-family-heading
@font-weight-heading
@font-family-subheading
@font-weight-subheading
@font-family-text
@font-weight-text
@font-size-text
@line-height-text
@font-size-heading-1 t/m @font-size-heading-8
@line-height-heading-1 t/m @line-height-heading-8
@font-size-text-1 t/m @font-size-text-7
@line-height-text-1 t/m @line-height-text-7

Kleuren

@color-white
@color-black
@color-primary-400, @color-primary-500, @color-primary-600
@color-secondary-400, @color-secondary-500, @color-secondary-600
@color-success-500, @color-success-700
@color-danger-500, @color-danger-700
@color-neutral-050 t/m @color-neutral-900

Layout

@block-spacing
@container-width
@column-spacing
@card-spacing
@element-spacing