CSS variabelen

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

 

@font-size-adjustment-heading-1,
@font-size-adjustment-heading-2,
@font-size-adjustment-heading-3,
@font-size-adjustment-heading-4,
@font-size-adjustment-heading-5,
@font-size-adjustment-heading-6,
@font-size-adjustment-heading-7,
@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,
@line-height-heading-1,
@font-size-heading-7,
@line-height-heading-7,
@font-size-text-1,
@line-height-text-1,
@font-size-heading-2,
@line-height-heading-2,
@font-size-heading-3,
@line-height-heading-3,
@font-size-text-2,
@line-height-text-2,
@font-size-text-3,
@line-height-text-3,
@font-size-heading-4,
@line-height-heading-4,
@font-size-heading-5,
@line-height-heading-5,
@font-size-text-4,
@line-height-text-4,
@font-size-text-5,
@line-height-text-5,
@font-size-heading-6,
@line-height-heading-6,
@font-size-text-6,
@line-height-text-6,
@font-size-heading-8,
@line-height-heading-8,
@font-size-text-7,
@line-height-text-7,
@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,
@color-neutral-100,
@color-neutral-200,
@color-neutral-300,
@color-neutral-400,
@color-neutral-500,
@color-neutral-600,
@color-neutral-700,
@color-neutral-800,
@color-neutral-900,
@block-spacing,
@container-width,
@column-spacing,
@card-spacing,
@element-spacing