This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
gem install foundation | |
foundation new myproject | |
foundation new myproject2 --libsass |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Sass Mixin that generates a Baseline Grid */ | |
/* by: Mike Morrison, Soholaunch.com */ | |
/* You don't have to leave this credit comment in, but it would be nice of you. */ | |
// Set your grid dimensions here | |
$body-width: 960px; | |
$baseline: 22px; | |
@mixin baseline-grid { | |
$columns: 16; | |
$column-color: rgba(200,0,0,.2); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* CSS gradient backgrounds that generate a Baseline Grid */ | |
/* by: Mike Morrison, Soholaunch.com */ | |
/* You don't have to leave this credit comment in, but it would be nice of you. */ | |
/* Based on a 16col/22px baseline grid with 960px overall width */ | |
.baseline-grid { | |
background-image: -webkit-linear-gradient(0deg, rgba(200,0,0,.2) 40px, transparent 40px), | |
-webkit-linear-gradient(top, rgba(0,0,0,0) 95%, rgba(56,255,255,.8) 100%); | |
background-image: -moz-linear-gradient(0deg, rgba(200,0,0,.2) 40px, transparent 40px), | |
-moz-linear-gradient(top, rgba(0,0,0,0) 95%, rgba(56,255,255,.8) 100%); |