More Premium Hugo Themes Premium React Themes

Material UI Sass

The Sass counterpart of the material-ui framework for React

Material UI Sass

The Sass counterpart of the material-ui framework for React

Author Avatar Theme by gpbl
Github Stars Github Stars: 131
Last Commit Last Commit: Jul 29, 2015 -
First Commit Created: Jan 15, 2024 -
Material UI Sass screenshot

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:

  1. Using npm:

    • In your SCSS file, import directly from node_modules:
      @import 'node_modules/material-ui/main';
      
  2. 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.