/front-end-bootstrap

SMACSS and OOCSS based middleman project template

Primary LanguageCSS

#Fox Bootstrap

Middleman template that I use to bootstrap my projects with. I've found it particularly helpful in bootstrapping responsive projects using the middleman framework. Below is a list of some commonly used libraries and patterns.

##Getting Started:

  1. Do you have ruby Ruby? $ ruby -v If so, ruby version 2.0.0-p247 or greater is preferred.
  2. Install proper ruby version using rbenv $ rbenv local 2.0.0-p247
  3. Check for middleman $ gem list middleman. If you already have middleman, skip to step 5.
  4. $ gem install middleman
  5. Clone repo into the middleman root directory $ git clone https://gh.leapfrogonline.com/DLavin/mm-fox-bootstrap.git ~/.middleman/fox-bootstrap
  6. Create a new fox project using the fox-bootstrap middleman template $ middleman init [name_of_project] --template=fox-bootstrap
  7. $ cd into directory and run $ bundle install
  8. Start your development server $ bundle exec middleman server

##Includes:

  1. Sass
  2. Compass
  3. Susy
  4. HTML 5 Boilerplate
  5. SMACSS based organization
  6. Modernizer
  7. jQuery version 1.8
  8. Normalize
  9. Font Awesome