public
Created

compass rails 3.1rc4

  • Download Gist
includes._setup.css.scss
SCSS
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64
// File is in /app/stylesheets/includes/_setup.css.scss
////////////////////////////////////////////////
// Import Blueprint defaults
////////////////////////////////////////////////
@import "blueprint/grid";
@import "blueprint/typography";
@import "blueprint/form";
@import "blueprint/interaction";
@import "blueprint/debug";
 
/////////////////////////////////////////////////
// Import CSS3 Goodness
/////////////////////////////////////////////////
@import "compass/utilities/sprites";
@import "compass/css3/text-shadow";
@import "compass/css3/box-shadow";
@import "compass/css3/border-radius";
@import "compass/css3/gradient";
@import "compass/css3/font-face";
@import "compass/css3/pie";
@import "compass/css3/opacity";
@import "compass/utilities/general/min";
@import "compass/typography/lists";
@import "compass/typography/vertical_rhythm";
@import "compass/css3/transform";
 
////////////////////////////////////////////////
// Blueprint grid setup.
////////////////////////////////////////////////
$relative_assets:false;
$blueprint-grid-columns: 24;
 
$blueprint-container-size: 980px;
$blueprint-grid-margin: 10px;
$blueprint-grid-width:30px;
 
// Grid image generation
@import 'compass/layout/grid-background';
$grid-background-column-color:#eef2f9;
$grid-background-baseline-color:rgba(0,0,0,0.15);
$grid-background-gutter-color:#fff;
$grid-background-offset:15px;
 
////////////////////////////////////////////////
// IE Support (enable in IE.scss)
////////////////////////////////////////////////
$experimental-support-for-pie: false;
$legacy-support-for-ie6: false;
 
////////////////////////////////////////////////
// CSS3 Text Shadow
////////////////////////////////////////////////
$default-text-shadow-color: black;
$default-text-shadow-h-offset: 1px;
$default-text-shadow-v-offset: 1px;
$default-text-shadow-blur: 1px;
$default-border-radius: 10px;
 
$grid-background-baseline-height:18px;
$base-font-size:$blueprint-font-size;
$base-line-height:24px;
 
 
/////// bunch of other vars etc below
screen.css.scss
Sass
1 2 3 4 5 6 7 8 9
/*
* This is a manifest file that'll automatically include all the stylesheets available in this directory
* and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
* the top of the compiled file, but it's generally better to create a new file per style scope.
*= require_self
*= require_tree ./screen
*/
 
@import 'includes/setup';
screen.home.css.scss
SCSS
1 2 3 4 5 6 7
// file is in /app/stylesheets/screen/home.css.scss
 
#home{
#heading{ height:115px; }
#intro_video{ @include column(14, true); height:310px; }
 
/// bunch of other css here

don't use require. use @import.

Please sign in to comment on this gist.

Something went wrong with that request. Please try again.