Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
31 lines (24 sloc) 919 Bytes
// ---------------------------------------------------------------------------
// Grid Background
//
// A wrapper for the compass "column-grid-background" mixin
// This is the only place where Salsa depends on compass
@import "compass/layout/grid-background";
@import "compass/css3/transition";
// Apply this to your container to get a visible grid background generated
// on-the-fly using css3 gradients. These can be used for testing your elements
// positioning on the grid.
@mixin salsa-background {
$space : $gutter-width / 2;
$column: $container-width / $columns - $gutter-width;
@include column-grid-background($columns, $column, $gutter-width, $space, #ccea7e, #e6ffa8, true);
// Grid toggler (as in Sasson)
background-repeat: repeat-x;
@include transition(background-size 0.5s);
.grid-hidden & {
background-size: 100% 0;
}
.grid-visible & {
background-size: 100% 100%;
}
}