Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

generator-jhipster-bootstrap-material-design

Package Overview
Dependencies
Maintainers
1
Versions
3
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

generator-jhipster-bootstrap-material-design

Add Material design to your JHipster application

  • 3.5.1
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
33
increased by13.79%
Maintainers
1
Weekly downloads
 
Created
Source

generator-jhipster-bootstrap-material-design

NPM version Build Status Dependency Status

Add Material design to your JHipster application

Compatibility

This version is compatible with Jhipster 3 and greater!

Usage

This is a JHipster module, that is meant to be use in a JHipster application.

Installation

As this is a JHipster module, we expect you have JHipster and its related tools already installed.

npm install -g generator-jhipster-bootstrap-material-design

Then run the module on a JHipster generated application:

yo jhipster-bootstrap-material-design

Using SASS

When you use sass you need to modify your index.html a little bit to make sure material design styles are not overwritten by default bootstrap styles again:

<!-- build:css content/css/vendor.css -->
<link rel="stylesheet" href="content/css/vendor.css">
<!-- bower:css -->
<link rel="stylesheet" href="bower_components/angular-loading-bar/build/loading-bar.css">
<link rel="stylesheet" href="bower_components/bootstrap-material-design/dist/css/bootstrap-material-design.css">
<link rel="stylesheet" href="bower_components/bootstrap-material-design/dist/css/ripples.css">
<!-- endinject -->
<!-- endbuild -->

You should make sure that the vendor.css is before all material design stylesheets in your index.html!

Bootstrap Material Design

Material Design for Bootstrap is a theme for Bootstrap 3 which lets you use the new Google Material Design in your favorite front-end framework.

Screenshot

License

WTFPL-2.0 © Thibaut Mottet

Keywords

FAQs

Package last updated on 07 Aug 2016

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc