How it Works

Style Library Contents

Everything contained in the Style Library hierarchy is loaded into Elentra JS with the inclusion of the root SCSS file, app.scss. Every file contained in the Style Library is classified as a SCSS "partial" (indicated by the prefixed underscore in the filename), with the only exception being app.scss.

app.scss is very sparse by design, simply importing each of the other adjacent partials (also located in the root /styles directory). Each of these subsequently include their own relevant SCSS partials located deeper in the library's hierarchy. Each subsection of How it Works provides greater detail on a specific partial and what that partial's responsibilities are in terms of what it includes.