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
- CSS:
- Core
- CSS:
https://unpkg.com/@educationadvanced/eai-styles/css/core
- SCSS:
https://unpkg.com/@educationadvanced/eai-styles/scss/core
- CSS:
- Patterns
- CSS:
https://unpkg.com/@educationadvanced/eai-styles/css/patterns
- SCSS:
https://unpkg.com/@educationadvanced/eai-styles/scss/patterns
- CSS:
- Root
- CSS:
https://unpkg.com/@educationadvanced/eai-styles/css/root
- SCSS:
https://unpkg.com/@educationadvanced/eai-styles/scss/root
- CSS:
- 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: