niduscss-material-icons

Material design icons for niduscss framework.

Installation

$ npm install niduscss-material-icons

Usage

Define the custom properties in a file if you like modify the default values:

Example: create a setting.css file:

:root {
  --MaterialIcon-src: local("Material Icons"), local("MaterialIcons-Regular"), url("https://fonts.gstatic.com/s/materialicons/v16/2fcrYFNaTjcS6g4U3t-Y5UEw0lE80llgEseQY3FEmqw.woff2") format("woff2");
  --MaterialIcon-error-color: #e57373;
}

Import styles:

styles.css:

/* Import first de file with custom properties or declare before import the
   component.
   ========================================================================== */

@import "settings";

/* Material components
   ========================================================================== */
@import "niduscss-material-icons";

/* Other styles */

Use in html files

<!-- Icon element -->
<div class="MaterialIcon">menu</div>

<!-- Material icon using icon button component -->
<div class="IconButton MaterialIcon">menu</div>

<!-- Big error icon -->
<div class="MaterialIcon MaterialIcon--big MaterialIcon--error">warning</div>

<!-- Lighten icon -->
<div class="MaterialIcon MaterialIcon--lighten">save</div>

Changelog

Change Log

[2.0.0] - 2017-05-30

Upgrade

• [Breaking Change] Upgrade to npm v5.0.0.

[1.1.0] - 2017-02-09

Modified

• Use niduscss-material-mixins module to create some classes.

[1.0.1] - 2016-06-22

Updated

• Adapt to new stylelint rules.

[1.0.0] - 2016-05-25

• Initial release.