It is based on Twitter Bootstrap 3, and incorporates some elements from Bootstrap 4 like cards. It is available on Bower.
At ProudCity we use it to define common design patterns and mockup complete pages for getproudcity.com, our Drupal frontend Proud theme, and our Drupal administration theme Minimalist Admin.
Install node, grunt, and bower globally.
git clone https://github.com/proudcity/proudcity-patternlibrary-boilerplate.git
cd proudcity-patternlibrary-boilerplate
npm install && bower install
grunt
- Install with (Bower)[http://bower.io]:
bower install proudcity-patterns
- Add
'<%= app %>/bower_components/proudcity-patterns/app/scss'
tosass.options.includePaths
inGruntfile.js
. - Copy
_local-settings.scss
into your local scss directory. - Copy the
@include
statements in ./app/scss/_proudcity-patterns.scss into your ownapp.scss
file.
This is based on Kemie's Style-Guide-Boilerplate-Bootstrap-Edition, which is in turn based on Based on Brett Jankord's Style Guide Boilerplate.
See CREDITS.md for a full list of credits.
- mixins
- .full-container, .full