Augmented.js Presentation SASS/CSS Module Dark Mode
Augmented.js Presentation CSS is a custom implementation of Google's Material Design. See Material Design. The difference from other libraries is the idea it could be used everywhere regardless of framework. Also, the animations are pure css vs javascript, so some things will not be 100% but more performant with less footprint.
Presentation CSS comes in versions 2+. Version 1 is built-in to Augmented.js 1.x.x
- 2.x.x is for older CSS design systems (Material 1.x)
- Use with older Augmented Next projects
- 3.x.x is fully SASS-based (Material 1.x) and for newer projects with a SASS build system
- Does include a compiled CSS for non-SASS projects
- 4.x.x is fully SASS-based (Material 2.x) and for newer projects with a SASS build system
- Does include a compiled CSS for non-SASS projects
Install using NPM
npm install presentation-css
npm install presentation-css@2
For use in a project, import directly.
import sass from "presentation-css";import "presentation-css";
import css from "./node_modules/presentation-css/src/material-generic.css";import "./node_modules/presentation-css/src/material-generic.css";