Overview:
material-ui-sass is a discontinued project that was created as a Sass counterpart to the material-ui React/CSS framework. Originally, material-ui used Less for its styles but later moved to inline styles in version 0.8. If you still want to use material-ui with Sass instead of inline styles, you can check out material-ui-with-sass. This project allows you to customize the default values and extends typography classes using Sass.
Features:
- Sass counterpart to material-ui React/CSS framework
- Customizable default values
- Ability to extend typography classes
Installation:
To install material-ui-sass, you have two options:
Using npm:
- In your SCSS file, import directly from node_modules:
@import 'node_modules/material-ui/main';
- In your SCSS file, import directly from node_modules:
Manual download:
- Download the desired version of material-ui (e.g., 0.7.5) and unzip it.
- Copy the material-ui directory into your project, usually where you put your styles.
- Import material-ui/main into your main SCSS file:
@import 'material-ui/main';
Summary:
material-ui-sass is a discontinued project that provided a Sass counterpart to the material-ui React/CSS framework. It allowed users to use Sass instead of inline styles and provided customization options for default values and typography classes. Although the project is no longer maintained, users can still install it using npm or by manually downloading the source files.