Sha256: 64ba648def4165afea5e7ec5e5ea47f92c875cae5fa91773acc5b5760053804f

Contents?: true

Size: 572 Bytes

Versions: 57

Compression:

Stored size: 572 Bytes

Contents

@import "compass/layout/floated";

// It's easy to build a grid with a floated layout
$gutter: $compass-gutter-width;
$col-width: 30px;
$number-of-columns: 24;
$total-width: $number-of-columns * ($col-width + $gutter) - $gutter ;

@mixin span($n) {
  width: $n * ($col-width + $gutter) - $gutter;
}

// Provides a number of base classes.
@include act-like-blueprint;

#page    { @extend .container; @include span($number-of-columns); }
#sidebar { @extend .column;    @include span(8);                  }
#content { @extend .column;    @include span(16); @extend .last;  }

Version data entries

57 entries across 56 versions & 5 rubygems

Version Path
compass-0.12.7 examples/compass/src/bp_layout.scss
sadui-0.0.4 vendor/bundle/ruby/2.1.0/gems/compass-0.12.3/examples/compass/src/bp_layout.scss
sadui-0.0.4 vendor/bundle/ruby/2.0.0/gems/compass-0.12.3/examples/compass/src/bp_layout.scss
compass-0.12.6 examples/compass/src/bp_layout.scss
compass-0.12.5 examples/compass/src/bp_layout.scss
compass-0.12.4 examples/compass/src/bp_layout.scss
compass-0.12.3 examples/compass/src/bp_layout.scss
compass-0.13.alpha.12 examples/compass/src/bp_layout.scss
compass-0.13.alpha.10 examples/compass/src/bp_layout.scss
compass-0.13.alpha.9 examples/compass/src/bp_layout.scss
compass-0.13.alpha.8 examples/compass/src/bp_layout.scss
compass-0.13.alpha.7 examples/compass/src/bp_layout.scss
compass-0.13.alpha.6 examples/compass/src/bp_layout.scss
compass-0.13.alpha.5 examples/compass/src/bp_layout.scss
compass-sourcemaps-0.12.4.sourcemaps.a4836f1 examples/compass/src/bp_layout.scss
compass-0.13.alpha.4 examples/compass/src/bp_layout.scss
compass-0.13.alpha.3 examples/compass/src/bp_layout.scss
compass-0.13.alpha.2 examples/compass/src/bp_layout.scss
compass-0.12.2 examples/compass/src/bp_layout.scss
compass-0.12.2.rc.1 examples/compass/src/bp_layout.scss