> For the complete documentation index, see [llms.txt](https://docs.elentra.org/ejs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.elentra.org/ejs/design-system/style-library/how-it-works.md).

# How it Works

## Style Library Contents

Everything contained in the [**Style Library** hierarchy](/ejs/design-system/style-library/structure.md) 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.