#Styleguide A styleguide demonstrating the proper usage of the latest materialize css components to be used in all web applications. This is a demo web site for reference purposes. The purpose is to present the materialize css components styled in the JMH UX specified styles. All components should originate here. The code for the component is then copy and pasted in target application. These components are based on http://materializecss.com and have been modified for JMH style guidelines.

It pulls in the JMH theme in /theme.

/styleguide - the base directory which contains the package.json file and therefore should be the directory you are in when you issue "npn install" and install the node modules.

/styleguide/html - The styleguide html files that demonstrate the JMH approved components. Use these to test CSS changes. This set of html mirrors the "components" section in http://materializecss.com. We copy from the original components page, add it to the menu.html, then include only the components that UX has approved.

/styleguide/node_modules - The npm node modules

/styleguide/package.jso - contains scripts and other modules needed by the build

DEVELOPMENT Setup

1. run "npm install" to create /node_modules
2. Build the theme (refer to /theme/readme.md)
3. run "npm run dev" to have the SCSS transpile automatically and copy assets into /public and run live-server which renders the content.

Build Setup

The bamboo build calls "npm install" then "npm run build" which generates the css and copies assets to /public