Sass (scss)

This is rough, spotty documentation for the scss in this package. For now it is manually-updated, which is why it is spotty. Generally, the code itself is well-documented and a better reference.

Check out the:

• configuration
• modules
• templates

General Use

Optionally, in a configuration file, config.scss:

@forward 'pkg:@maddimathon/utility-sass/config' with (
    ...
);
Copy

Optionally, in a tokens file, tokens.scss:

@forward 'pkg:@maddimathon/utility-sass/tokens' with (
    ...
);
Copy

In your main stylesheet, index.scss:

@forward 'config'; // if applicable
@forward 'tokens'; // if applicable

@forward 'pkg:@maddimathon/utility-sass';

// your styles
Copy

In your partials, */*.scss:

@use '../config'; // if applicable
@use '../tokens'; // if applicable

@use 'pkg:@maddimathon/utility-sass/colour'; // replaces 'sass:color'
@use 'pkg:@maddimathon/utility-sass/list'; // replaces 'sass:list'
@use 'pkg:@maddimathon/utility-sass/map'; // replaces 'sass:map'
@use 'pkg:@maddimathon/utility-sass/math'; // replaces 'sass:math'
@use 'pkg:@maddimathon/utility-sass/meta'; // replaces 'sass:meta'
@use 'pkg:@maddimathon/utility-sass/selector'; // replaces 'sass:selector'
@use 'pkg:@maddimathon/utility-sass/string'; // replaces 'sass:string'

@use 'pkg:@maddimathon/utility-sass' as *;

// your styles
Copy