> 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/structure.md).

# Directory Structure

## Style Library Hierarchy

A tree view outlining the directory structure of the **Style Library** can be found below. More detailed information on each portion of the hierarchy and how they are integrated together can be found following the tree diagram.

`elentra-2x-js/src/styles`

{% code title="elentra-2x-js/src/styles" %}

```
styles/
│
├──	elements/
│	└──	_anchor.scss
│
├──	legacy/
│	├──	_baseline.scss
│	├──	_common.scss
│	├──	_template-common.scss
│	└──	_template-style.scss
│
├──	lib/
│	├──	/bootstrap/bootstrap.scss
│	├──	/datetime/datetime.scss
│	├──	/dropzone/dropzone.scss
│	└──	/normalize/normalize.scss
│
├──	utilities/	
│	├──	_dimensions.scss
│	├──	_display.scss
│	├──	_flex.scs
│	├──	_grid.scs
│	├──	_iconography.scss
│	├──	_margin.scss
│	├──	_padding.scss
│	├──	_position.scss
│	└──	_typography.scss
│
├──	variables/
│	├──	_animation.scss
│	├──	_border.scs
│	├──	_breakpoints.scss
│	├──	_colors.scss
│	├──	_header.scss
│	├──	_iconography.scss
│	├──	_layering.scss
│	├──	_sidebar.scss
│	├──	_spacing.scss
│	└──	_typography.scss	
│
├──	_elements.scss
├──	_legacy.scss
├──	_mixins.scss
├──	_utilities.scss
├──	_variables.scss
└──	app.scss
```

{% endcode %}