Grid-compatible adjustable columns

2014-12-02 22:08:43 +02:00
parent 752a295ee2
commit b55bc61dc7
4 changed files with 55 additions and 20 deletions
--- a/css/jquery.uls.css
+++ b/css/jquery.uls.css
@@ -26,12 +26,30 @@
 	background-clip: padding-box;
 }

-/*
 .uls-wide {
 	min-width: 715px;
 	width: 45%;
 }
-*/
+
+.uls-medium {
+	min-width: 360px;
+	width: 30%;
+}
+
+/* Override the grid */
+.uls-medium.grid .row {
+	min-width: 300px;
+}
+
+.uls-narrow {
+	min-width: 180px;
+	width: 20%;
+}
+
+/* Override the grid */
+.uls-narrow.grid .row {
+	min-width: 150px;
+}

 .uls-title-region a {
 	padding-left: 15px;