Skip to content

Latest commit

 

History

History
51 lines (36 loc) · 2.33 KB

README.md

File metadata and controls

51 lines (36 loc) · 2.33 KB

Bassline

A basic SASS baseline to start projects with. Really simple.

INCLUDES

  • Reset (Based on Eric Meyer's but modified to include HTML5 elements)
  • Base (basic html + typography)
  • Lists
  • Tables
  • Form Elements
  • Some Variables & Mixins
  • Responsive 960 grid (Based on Skeleton.gs)
  • @font-face - ALL CODE IS COMMENTED OUT HERE, REMOVE IF YOU WILL NOT USE
  • screen.css file to see what is output - (DO NOT EDIT OR SASS WILL OVERWRITE)

USAGE

cd /path-to-stylesheets
git clone [email protected]:michaelparenteau/bassline.git
gem install sass
sass --watch stylesheets/bassline:stylesheets

NOTE:

  • Make sure you define the _variables.sass file to your liking.

  • Be sure to look at the _mixins.sass file for what is available. This will change as time goes on.

  • Do NOT edit the screen.css file. When you sass --watch stylesheets/bassline:stylesheets this will override the file with sass changes

  • Use <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1'> in head for mobile content scaling

  • Use html5shiv for adding html5 elements to the DOM

  • To output different styles of css file (ie: dev, production, or preffered formatting):

      // there are 4 types of output: nested, expanded, compact, compressed
      sass --watch stylesheets/bassline:stylesheets -t [output-style-here-minus-square-brackets]
    

Resources

Fin

Bassline is a work in progress. It is good enough to start with for me & also allows for me to learn more about SASS. It is not a competitor or replacement of compass! Compass is a very thorough framework. Bassline will change as I learn more. If you have good suggestions and would like to share them, please do!

Credit where credit is due.

Big thanks to the following for the following...

  • Eric Meyer - for an awesome starting reset
  • Dave Gamache - for Skeleton.gs & for the basic grid base
  • Baseline Grid - for great insight into basic html/css frameworks (with typography in mind), bassline employs much of what they have in their framework.