Configuration
Without configuration, Magnesium will be generated with default configuration. To customize Magnesium, you can use many options describe below.
Options
Option | Type | Description | Default |
---|---|---|---|
$prefix | string/boolean | Add global prefix name on any custom properties. Set to false for disable. | mg |
Example
scss
@use "@magnesium/theme" with (
$prefix: "foo"
);
Top-level override
If variables are already configured on top-level using @use ... with
, by another dependency for example, you can't use this solution anymore, because the module can only be setup once, this is a Sass restriction with Module System, but another solution exist for override the main configuration, with a dedicated mixin!
Mixin | Description |
---|---|
config($prefix) | Override top-level prefix configuration. |
Example
The following Sass will configure new parameters:
scss
@use "@magnesium/theme";
@include theme.config("fr");
TIP
See the Sass official documentation about override configuration with mixins.