-
Notifications
You must be signed in to change notification settings - Fork 3
/
_background.scss
30 lines (24 loc) · 919 Bytes
/
_background.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
// ---------------------------------------------------------------------------
// 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%;
}
}