Introduction

Using these properties will make your code more readable, maintainable and consistent.

Every CSS Custom Property is prefixed with --ox. By using the var() method, you can consume this property.

Example: .mateco-style { color: var(--ox-color-primary); }

Layout

  • Base border radius --ox-base-border-radius
  • Base spacing unit --ox-base-spacing-unit

Colors

Head over to the dedicated page for all the colors within OX.