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

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