The theme uses mobile-first, responsive design approach and encourages component-based theming through the creation of well structured sass partials and reusable UI elements.
What is included in this theme
- Component-based with well organized Sass partials structure and reusable UI elements
- Clean mark up with sensible template overrides
- Responsive, mobile-first structure and layout
- Off-Canvas Navigation
- Gulp Work-Flow
- LibSass for lightning fast compiling
- Gulp Autoprefixer
- Google Fonts - Roboto
- Sensible Default Typography
- Few Material Design Icons
- SVG Injection
- Syntax Highlighter
- Animate.css & WOW.js Libraries
- Few base styles for Forms, Block, and Posts
- Works with Drupal 8 (beta 6)
Requirements & Instalation
- In order to get going you will need Node.js and Gulp set up on your system.
- If you have “homebrew”: $ brew install node
- Install Gulp globaly $ npm install -g gulp
- CD into the theme directory and run $ npm install to fetch all the node dependencies.
- For BrowserSync update proxy server (line 73 in gulpfile.js) to match your local set up.
- Next in the theme directory run “gulp” to start gulp watching, compiling and Browser Syncing.
Again, some of the additional info on this set up can be found in this post: Using LibSass, Gulp & BrowserSync for a Drupal 8 Theme as well as here: Adding JS and CSS assets to a Drupal 8 theme.
Also here is sideshow of a presentation I did at Drupal Demo night in Montreal, it summarizes few of these steps as well.