Elentra JS Documentation
2.0
2.0
  • Introduction
  • Why Elentra JS 2.0?
    • Dedicated Repository
    • TypeScript
    • Class-Based Components
    • Vue Standard Routing
    • Organizational Theming
    • Yarn Package Manager
  • Developers
    • Getting Started
    • Setup Guide
      • Install Requirements
      • Clone the Repository
      • Environment Variables
      • Install Dependencies
      • Serve Dev Mode
  • Design System
    • Overview
    • Component Library
      • Directory Structure
      • Components
    • Style Library
      • Directory Structure
      • How it Works
        • Variables
        • Mixins
        • Utility Classes
        • Elements
        • Legacy Styles
        • Shim
    • Taxonomy
      • UI Taxonomy
      • UX Taxonomy
      • Variable & Utility Class Naming Convention
Powered by GitBook
On this page
  1. Design System
  2. Style Library

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
PreviousStyle LibraryNextHow it Works

Last updated 5 years ago