2015-02-24 09:38:30 -05:00
|
|
|
.l-left {
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.l-right {
|
|
|
|
float: right;
|
2015-02-25 10:15:46 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Margins & Spacing
|
|
|
|
*
|
|
|
|
*/
|
|
|
|
|
|
|
|
.l-offset-nav {
|
|
|
|
padding-top: 56px;
|
|
|
|
}
|
|
|
|
|
2015-02-26 09:45:32 -05:00
|
|
|
.l-offset-side-nav {
|
|
|
|
padding-left: 224px;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
2015-02-25 10:15:46 -05:00
|
|
|
.l-content {
|
|
|
|
padding: ($unit * 8) ($unit * 12);
|
|
|
|
}
|
|
|
|
|
2015-02-26 09:45:32 -05:00
|
|
|
.l-content-block {
|
|
|
|
margin: 0px 0px ($unit * 8) 0px;
|
|
|
|
}
|
|
|
|
|
2015-02-25 10:15:46 -05:00
|
|
|
/*
|
|
|
|
* Pinned Layouts (fixed)
|
|
|
|
*
|
|
|
|
*/
|
|
|
|
|
|
|
|
.l-pinned-top {
|
|
|
|
position: fixed;
|
|
|
|
top: 0px;
|
|
|
|
left: 0px;
|
|
|
|
right: 0px;
|
|
|
|
}
|
|
|
|
|
2015-02-26 09:45:32 -05:00
|
|
|
.l-pinned-left {
|
|
|
|
position: fixed;
|
|
|
|
top: 0px;
|
|
|
|
left: 0px;
|
|
|
|
bottom: 0px;
|
|
|
|
}
|
|
|
|
|
2015-02-25 10:15:46 -05:00
|
|
|
|
|
|
|
/*
|
|
|
|
* Layer Order (z-index)
|
|
|
|
*
|
|
|
|
*/
|
|
|
|
|
|
|
|
.l-layer-1 {
|
|
|
|
z-index: $layer-1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.l-layer-2 {
|
|
|
|
z-index: $layer-2;
|
|
|
|
}
|
|
|
|
|
|
|
|
.l-layer-3 {
|
|
|
|
z-index: $layer-3;
|
|
|
|
}
|
|
|
|
|
|
|
|
.l-layer-4 {
|
|
|
|
z-index: $layer-4;
|
|
|
|
}
|
|
|
|
|
|
|
|
.l-layer-5 {
|
|
|
|
z-index: $layer-5;
|
|
|
|
}
|
|
|
|
|
|
|
|
.l-layer-6 {
|
|
|
|
z-index: $layer-6;
|
|
|
|
}
|
|
|
|
|
|
|
|
.l-layer-7 {
|
|
|
|
z-index: $layer-7;
|
|
|
|
}
|
|
|
|
|
|
|
|
.l-layer-8 {
|
|
|
|
z-index: $layer-8;
|
|
|
|
}
|
|
|
|
|
|
|
|
.l-layer-9 {
|
|
|
|
z-index: $layer-9;
|
|
|
|
}
|
|
|
|
|
|
|
|
.l-layer-10 {
|
|
|
|
z-index: $layer-10;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|