installed grunt

sites/all/themes/gui/materiobasetheme/scss/old-less/layout.less

@@ -0,0 +1,101 @@
+
+/** RESPONSIVE break points */
+
+@max-480  : ~"screen and (max-width: 479px)";
+@min-480  : ~"screen and (min-width: 480px)";
+
+@480-768  : ~"screen and (min-width: 480px) and (max-width: 767px)";
+
+@max-768  : ~"screen and (max-width: 767px)";
+@min-768  : ~"screen and (min-width: 768px)";
+
+@768-980  : ~"screen and (min-width: 768px) and (max-width: 979px)";
+
+@max-980  : ~"screen and (max-width: 979px)";
+@min-980  : ~"screen and (min-width: 980px)";
+
+@980-1200  : ~"screen and (min-width: 980px) and (max-width: 1199px)";
+
+@max-1200 : ~"screen and (max-width: 1199px)";
+@min-1200 : ~"screen and (min-width: 1200px)";
+
+
+html, body{
+  // position:relative;
+  // overflow:hidden;
+  // width:100%;
+  // height:100%;
+}
+body{
+  overflow-y:scroll; top:0;
+}
+
+@rootminwidth : 320px;
+
+/** NIVEAU 0 */
+#root{
+  min-width:@rootminwidth;
+
+  .ie8 &{min-width:1024px;}
+}
+
+/** NIVEAU 1 */
+#container{ margin:0 auto; position:relative; .transition(padding-top, 0.5s, ease-out);}
+
+/** NIVEAU 2 */
+.padded(){ @p:2%; width:100%-2*@p; padding-left:@p; padding-right:@p; }
+
+@header-z-index:1000;
+#header{
+  @media @min-768{
+    position:fixed; top:0; margin:0 auto; .bgc(#fff); min-width:@rootminwidth*0.97;
+  }
+  z-index:@header-z-index;
+  .padded;
+  .editmenu-enabled &{ .mt(30px); }
+  .admin-menu &{ .mt(35px); }
+}
+
+#utilities{
+  @media @min-768{
+    html.no-touch &{
+      position:fixed; top:0; margin:0 auto; min-width:@rootminwidth*0.97;
+      .mt(60px);
+    }
+    html.no-touch .editmenu-enabled &{ .mt(80px); }
+    html.no-touch .admin-menu &{ .mt(85px); }
+  }
+  @media @max-768{
+    >.region{.pt(5px); .pb(5px);}
+  }
+  z-index:999;
+  .bgc(#fff);
+  .padded;
+
+}
+
+#main{.padded; overflow-x:hidden;}
+
+#footer{.padded;}
+
+/** NIVEAU 3 */
+
+.js #content-top{}
+
+// .js #content{ overflow-y:hidden; }
+
+
+// #container, #header-blocks, #center{.transition(width, 0.5s, ease-out); }
+
+
+.footer-block .region, .header-block{ .inlineblock();}
+
+/** NIVEAU 4 */
+#center{ padding:5px; }
+
+/** Z-INDEX */
+#block-feedback-form{z-index:1001;}
+#admin-menu{z-index:1002;}
+#admin-toolbar{z-index:1003;}
+
+