niduscss-material-fab

1.0.0 • Public • Published

niduscss-material-fab

npm

Material design style used in FAB buttons for niduscss framework.

Installation

$ npm install niduscss-material-fab

Usage

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

Example: create a setting.css file:

:root {
  --FabButton-z-index: 8000;
  --FabButton-background: #ff7043;
  --FabButton-color: #fff;
}

Import styles:

styles.css:

/* Import first de file with custom properties or declare before import the
   component.
   ========================================================================== */
   
@import "settings";
 
/* Material components
   ========================================================================== */
@import "niduscss-material-fab";
 
/* Other styles */

Use in html files

<!-- Button usign material icons module -->
<button class="FabButton">
  <span class="FabButton-icon MaterialIcon">save</span>
</button>

Changelog

Package Sidebar

Install

npm i niduscss-material-fab

Weekly Downloads

1

Version

1.0.0

License

MIT

Last publish

Collaborators

  • nimedev