summaryrefslogtreecommitdiffstats
path: root/public/ng/less/ui/grid.less
diff options
context:
space:
mode:
Diffstat (limited to 'public/ng/less/ui/grid.less')
-rw-r--r--public/ng/less/ui/grid.less99
1 files changed, 99 insertions, 0 deletions
diff --git a/public/ng/less/ui/grid.less b/public/ng/less/ui/grid.less
new file mode 100644
index 0000000000..2b7d004340
--- /dev/null
+++ b/public/ng/less/ui/grid.less
@@ -0,0 +1,99 @@
+@import "var";
+@import "reset";
+
+// float elements
+
+.left {
+ float: left;
+}
+
+.right {
+ float: right;
+}
+
+.clear::after {
+ clear: both;
+ content: " ";
+ width: 0;
+ height: 0;
+ display: block;
+}
+
+.hide {
+ display: none;
+}
+
+// 12 based grids
+
+.grid-1-12 {
+ width: 8.33%;
+}
+
+.grid-2-12,
+.grid-1-6 {
+ width: 16.67%;
+}
+
+.grid-3-12,
+.grid-1-4 {
+ width: 25%;
+}
+
+.grid-4-12,
+.grid-1-3 {
+ width: 33%;
+}
+
+.grid-5-12 {
+ width: 41.67%;
+}
+
+.grid-6-12,
+.grid-1-2 {
+ width: 50%;
+}
+
+.grid-7-12 {
+ width: 58.33%;
+}
+
+.grid-8-12,
+.grid-2-3 {
+ width: 66.67%;
+}
+
+.grid-9-12,
+.grid-3-4 {
+ width: 75%;
+}
+
+.grid-10-12,
+.grid-5-6 {
+ width: 83.33%;
+}
+
+.grid-11-12 {
+ width: 91.67%;
+}
+
+*[class*="grid-"] {
+ box-sizing: content-box;
+}
+
+// 5 based
+
+.grid-1-5 {
+ width: 20%;
+}
+
+.grid-2-5 {
+ width: 40%;
+}
+
+.grid-3-5 {
+ width: 60%;
+}
+
+.grid-4-5 {
+ width: 80%;
+}