Global Style

How to use library style sheets.

Overview

The library provides 3 CSS files containing the foundations and a set of utility classes.

1. Tokens (required)

The required CSS foundations of the library. It includes a set of CSS variables to configure:

• spaces scales
• border radius
• typography
• global colors (background, overlay, etc…)

2. Normalize (optional)

Contains the modern-normalize.css library. A set of CSS rules for normalize browsers default styles.

3. Utilities (optional)

A set of utility CSS classes (margin, padding, size, gap, etc…).

Usage

Import the css files to the root of your application.

<script>
    import 'svxui/tokens.css'; // Required
    import 'svxui/normalize.css'; // Optional
    import 'svxui/utilities.css'; // Optional
</script>