Layout in columns and fix binyanom layout

Author: white-gecko

_layouts/binyan.html

@@ -24,13 +24,11 @@ <h1>{{ page.rdf | rdf_property: "rdfs:label", "en", true | join: ", " }}</h1>
 {% include filter.html %}
 
 {% assign results = page.rdf | sparql_query: word_query %}
-<div class="segment">
+<div class="segment columns he">
   <ul class="he">
     {% for row in results %}
     <li><a href="{{ row.word.page_url | prepend: site.baseurl }}">{{ row.label }}</a></li>
     {% endfor %}
-  </div>
-  <ul class="en">
-  </div>
+  </ul>
   <div class="clearfix"></div>
 </div>

css/custom.css

@@ -320,19 +320,31 @@ dt.proplabel {
 }
 
 .segment .he {
-  direction: rtl;
-  text-align: right;
   float: left;
   padding-right: 10px;
 }
 
 .segment .en {
-  direction: ltr;
-  text-align: left;
   float: right;
   padding-left: 10px;
 }
 
+.he {
+  direction: rtl;
+  text-align: right;
+}
+
+.en {
+  direction: ltr;
+  text-align: left;
+}
+
+.columns {
+  -webkit-columns: 100px 10;
+  -moz-columns: 100px 10;
+  columns: 100px 10;
+}
+
 .segment .proplabel {
   color: #333;
 }

index.html

@@ -25,11 +25,11 @@ <h2>The Roots</h2>
 {% include filter.html %}
 
 {% assign results = page.rdf | sparql_query: root_query %}
-<div class="segment">
-<ul class="he">
-{% for row in results %}
-  <li><a href="{{ row.root.page_url | prepend: site.baseurl }}">{{ row.label }}</a></li>
-{% endfor %}
-</ul>
-<div class="clearfix"></div>
+<div class="segment columns he">
+  <ul class="he">
+    {% for row in results %}
+    <li><a href="{{ row.root.page_url | prepend: site.baseurl }}">{{ row.label }}</a></li>
+    {% endfor %}
+  </ul>
+  <div class="clearfix"></div>
 </div>