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
  3. How it Works

Utility Classes

PreviousMixinsNextElements

Last updated 5 years ago

_utilities.scss

This file is included by app.scss, and it serves to load in each of the categorized SCSS partials located in the src/styles/utilities directory. Each of these categorized partials contains utility class definitions, which all follow the same taxonomy and naming convention that has been implemented for variables (this naming convention is described in the section of this document).

The included categorized utility partials are listed below:

  • _dimensions.scss

  • _display.scss

  • _flex.scss

  • _grid.scss

  • _iconography.scss

  • _margin.scss

  • _padding.scss

  • _position.scss

  • _typography.scss

Variable & Utility Class Naming Convention