Skip to content

proudcity/pattern

Repository files navigation

ProudCity Pattern Library

This is the official ProudCity pattern library.

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.

View on Github

Installation and usage

I. Use our boilerplate

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  

II. Manual installation with Bower

  1. Install with (Bower)[http://bower.io]: bower install proudcity-patterns
  2. Add '<%= app %>/bower_components/proudcity-patterns/app/scss' to sass.options.includePaths in Gruntfile.js.
  3. Copy _local-settings.scss into your local scss directory.
  4. Copy the @include statements in ./app/scss/_proudcity-patterns.scss into your own app.scss file.

Credits

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.

@todo

  • mixins
  • .full-container, .full