NPM Packages

Beyond the main package @glsass/framework, parts of the framework are available from multiple packages.

Instead of using this main package, you can install only the packages that you need.

info

Even if you just want to use only one component, the installation of all packages will not increase the final size of our CSS file, because it will always depends of what you import.

Available packages

Package	Layers
@glsass/framework	All layers
@glsass/settings	Settings
@glsass/tools	Tools
@glsass/graphics	Graphics
@glsass/core	Settings + Tools + Graphics
@glsass/generics	Generics
@glsass/elements	Elements
@glsass/basics	Generics + Elements
@glsass/objects	Objects
@glsass/components	Components
@glsass/patterns	Objects + Components
@glsass/helpers	Helpers
@glsass/utilities	Utilities

Layer packages

Each layer is available through it's own package from the @glsass NPM scope.

note

All layers which generate CSS code are automatically dependent from the core layer, so if you forget to install it, the dependencies will be automatically solved.

Special packages

@glsass/framework

This is the main package, it automatically manage all dependencies for all layers.

@glsass/core

The core package is a combination of the three top layer, from which global variables are available from the rest of framework.

Since the others layer are depending on it, this package is listed inside the dependencies config.

Dart Sass

Because Glsass use the Sass Module feature, you must be sure to use the Dart Sass package (and not the node one!).

The last version of this package is listed as a peerDependencies for all packages of the framework to ensure its presence.