@educationadvanced/eai-styles v1.64.0

Education Advanced Shared Stylesheets

Stylesheets used throughout Education Advance’s applications and digital environments.

Compiling

In order to compile SCSS files into minified-CSS files, run the following command:

npm run build 

Endpoints

This package provides a variety of public endpoints for accessing different stylesheets. This works really well for quick demos in Codepen.

All

• CSS: https://unpkg.com/@educationadvanced/eai-styles
• SCSS: https://unpkg.com/@educationadvanced/eai-styles/scss

Submodules

• Components - CSS: https://unpkg.com/@educationadvanced/eai-styles/css/components - SCSS: https://unpkg.com/@educationadvanced/eai-styles/scss/components
• Core - CSS: https://unpkg.com/@educationadvanced/eai-styles/css/core - SCSS: https://unpkg.com/@educationadvanced/eai-styles/scss/core
• Patterns - CSS: https://unpkg.com/@educationadvanced/eai-styles/css/patterns - SCSS: https://unpkg.com/@educationadvanced/eai-styles/scss/patterns
• Root - CSS: https://unpkg.com/@educationadvanced/eai-styles/css/root - SCSS: https://unpkg.com/@educationadvanced/eai-styles/scss/root
• Variables (SCSS only) https://unpkg.com/@educationadvanced/eai-styles/variables

Tokens

In addition to being able to access all manner of CSS files, you can also dynamically import design tokens for iterating through a list of colors for example. The same tokens are how we composite many of our CSS utility classes.

import { colors, spacing, typography } from "https://unpkg.com/@educationadvanced/eai-styles/tokens";

Documentation

To learn more about our style and brand guidelines, visit:

• v.1 https://styles.educationadvanced.com
• v.2 https://components.educationadvanced.com