@educationadvanced/eai-styles

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