Customizing

Material Design Lite provides a stable basis to implement Google’s Material Design guidelines in your websites and applications. Built with speed in mind while also getting out of your way. Implementing Material Design doesn’t mean losing your business identity. You also don’t need to sacrifice clean markup to implement Material Design Lite.

Requirements

The only requirement to build your own copy of MDL is to have NodeJS installed. All the tools needed for building are installed using the Node Package Manager. It is strongly recommended to use Node Version Manager to get NodeJS.

Once you have NodeJS installed the npm command will be available in your command line. First, installing gulp globally to provide easy access when building your customized file.

npm install -g gulp Command to install gulp globally.

After gulp is installed you should install the dependencies that MDL requires. This is done by executing npm install from the root folder of the project. After the requirements are installed you are ready to begin your own build!

Customizing

Customizing MDL is done through modifying the material-design-lite.scss file in the src folder. This is where each component’s style is imported to create the base styles.