CSS: Add grid.less

refs #5543

library/Icinga/Web/StyleSheet.php

@@ -17,6 +17,7 @@ class StyleSheet
         'css/icinga/colors.less',
         'css/icinga/badges.less',
         'css/icinga/mixins.less',
+        'css/icinga/grid.less',
         'css/icinga/base.less',
         'css/icinga/nav.less',
         'css/icinga/main.less',

public/css/icinga/grid.less

@@ -0,0 +1,32 @@
+.grid {
+  .clearfix();
+}
+
+[class^="col-"],
+[class*=" col-"] {
+  .pull-left();
+}
+
+.col-1-3 {
+  width: 33.33%;
+}
+
+.col-2-3 {
+  width: 66.66%;
+}
+
+.col-3-3 {
+  width: 100%;
+}
+
+// TODO(el): Set proper breakpoints
+#layout.twocols,
+#layout.compact-layout,
+#layout.minimal-layout,
+#layout.poor-layout {
+  [class^="col-"],
+  [class*=" col-"] {
+    float: none;
+    width: 100%;
+  }
+}