FIX: fix style.less

data/interfaces/default/css/config.less

@@ -10,9 +10,16 @@
 @msg-bg:					#FFF6A9;
 @msg-bg-success:			#D3FFD7;
 @msg-bg-error:				#FFD3D3;
+@brand-color:				#4F4F4F;
+@caption-color:				#999999;
+
+@gradient-color-1:			#FAFAFA;
+@gradient-color-2:			#E7E7E7;
+
+@heading-input-radius:		5px;
 
 /* Mixins */
-.rounded(@radius: 5px) {	
+.rounded(@radius: 5px) {
 	-moz-border-radius: @radius;
 	-webkit-border-radius: @radius;
 	border-radius: @radius;
@@ -75,3 +82,32 @@
 	opacity:@opacity_percent / 100 !important;
 }
 
+
+/*
+	COLUMNS STUFF
+	https://css-tricks.com/guide-responsive-friendly-css-columns/
+*/
+.columnWidth(@width) {
+	-webkit-column-width: @width;
+	   -moz-column-width: @width;
+	        column-width: @width;
+}
+.columnCount(@count) {
+	-webkit-columns: @count;
+	   -moz-columns: @count;
+	        columns: @count;
+}
+.columnGap(@width) {
+	-webkit-column-gap: @width;
+	   -moz-column-gap: @width;
+	        column-gap: @width;
+}
+.columnRule(@border) {
+	-webkit-column-rule: @border;
+	   -moz-column-rule: @border;
+	        column-rule: @border;
+}
+.columnSpan(@what) {
+	-webkit-column-span: @what;
+	        column-span: @what;
+}