add default auto column styles to Bootstrap and Decision

thexerteproject · Jun 29, 2022 · 7ec1542 · 7ec1542
1 parent 2f818bf
commit 7ec1542
Show file tree

Hide file tree

Showing 3 changed files with 65 additions and 1 deletion.
diff --git a/modules/decision/parent_templates/decision/common/css/styles.css b/modules/decision/parent_templates/decision/common/css/styles.css
@@ -438,4 +438,36 @@ table td, table th {
 .featherlight iframe {
 	height: 90vh;
 	width: 90vw;
+}
+
+.autocolumns2{
+	-webkit-columns: 2 250px;
+	-moz-columns: 2 250px;
+	columns: 2 250px;
+	column-gap: 4em;
+	column-rule: 4px solid lightgrey;
+}
+.autocolumns3{
+	-webkit-columns: 3 250px;
+	-moz-columns: 3 250px;
+	columns: 3 250px;
+	column-gap: 4em;
+	column-rule: 4px solid lightgrey;
+}
+.autocolumns4{
+	-webkit-columns: 4 200px;
+	-moz-columns: 4 200px;
+	columns: 4 200px;
+	column-gap: 4em;
+	column-rule: 4px solid lightgrey;
+}
+.autocolumns5{
+	-webkit-columns: 4 150px;
+	-moz-columns: 4 150px;
+	columns: 4 150px;
+	column-gap: 4em;
+	column-rule: 4px solid lightgrey;
+}
+.autocolumnsruler{
+	column-rule: 4px solid lightgrey;
 }
diff --git a/modules/site/parent_templates/site/common/css/custom.css b/modules/site/parent_templates/site/common/css/custom.css
@@ -690,6 +690,38 @@ img.centre {
     margin-top: 30px;
 }
 
+.autocolumns2{
+    -webkit-columns: 2 250px;
+    -moz-columns: 2 250px;
+    columns: 2 250px;
+    column-gap: 4em;
+    column-rule: 4px solid lightgrey;
+}
+.autocolumns3{
+    -webkit-columns: 3 250px;
+    -moz-columns: 3 250px;
+    columns: 3 250px;
+    column-gap: 4em;
+    column-rule: 4px solid lightgrey;
+}
+.autocolumns4{
+    -webkit-columns: 4 200px;
+    -moz-columns: 4 200px;
+    columns: 4 200px;
+    column-gap: 4em;
+    column-rule: 4px solid lightgrey;
+}
+.autocolumns5{
+    -webkit-columns: 4 150px;
+    -moz-columns: 4 150px;
+    columns: 4 150px;
+    column-gap: 4em;
+    column-rule: 4px solid lightgrey;
+}
+.autocolumnsruler{
+    column-rule: 4px solid lightgrey;
+}
+
 @media only screen
 and (max-width :600px) {
     /*change logo position when viewed portrait on mobile*/

diff --git a/modules/xerte/parent_templates/Nottingham/common_html5/css/desktopStyles.css b/modules/xerte/parent_templates/Nottingham/common_html5/css/desktopStyles.css
@@ -120,7 +120,7 @@
 	-moz-columns: 3 250px;
 	columns: 3 250px;
 	column-gap: 4em;
-	/*column-rule: 4px solid lightgrey;*/
+	column-rule: 4px solid lightgrey;
 }
 .autocolumns4{
 	-webkit-columns: 4 200px;