Source

elbee-elgee / layouts / less / 3-columns-fixed-sb-both.less

Diff from to

layouts/less/3-columns-fixed-sb-both.less

-/*
- @containerwidth: 960px;
- @wrapperwidth: 100%;
- @primarysbwidth: 150px;
- @footerwidth: 100%;
-*/
-#container{width:@containerwidth;margin:0 auto}
-#wrapper{float:left;width:@wrapperwidth}
-#lb-content{margin: 0 @primarysbwidth - 5px}
-#primarysb{float:left;width:@primarysbwidth;margin-left:-@containerwidth}
-#secondarysb{float:left;width:@primarysbwidth;margin-left:-@primarysbwidth}
-#footer{clear:left;width:@footerwidth}
+/* Custom mix-in for this layout only. */
+.lbmargin(@margin, @default) when (isnumber(@margin)){
+	margin: 0 (@margin - 5px);
+}
+.lbmargin(@margin, @default) when not (isnumber(@margin)){
+	margin: 0 @default;
+}
+#container{.setwidth(@containerwidth, 960px);margin:0 auto}
+#wrapper{float:left;.setwidth(@wrapperwidth, 100%)}
+#lb-content{.lbmargin(@primarysbwidth, 145px)}
+#primarysb{float:left;.setwidth(@primarysbwidth, 150px);.marginl(-@containerwidth, -960px)}
+#secondarysb{float:left;.setwidth(@primarysbwidth, 150px);.marginl(-@primarysbwidth, -150px)}
+#footer{clear:left;.setwidth(@footerwidth, 100%)}
 div#container div#allwrapper{padding-left:0;padding-right:0;}