Triple column type

opensensorsdata · Jun 22, 2016 · a161f0f · a161f0f
1 parent ec7b7af
commit a161f0f
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 22 deletions.
diff --git a/index.html b/index.html
@@ -74,27 +74,12 @@ <h2>Latin and Cyrillic List Bullets</h2>
 		</ul>
 	</section>
 	<section class="slide">
-		<h2>Paragraph Columns</h2>
+		<h2>Two Columns</h2>
 		<p class="double">Echo Park 8-bit sustainable umami deep v Kickstarter. DIY cliche typewriter brunch, Odd Future sriracha pickled aesthetic. Farm-to-table bespoke fingerstache, kale chips umami brunch American Apparel letterpress. Whatever authentic disrupt, you probably haven't heard of them direct trade mlkshk Etsy. Gluten-free roof party plaid American Apparel four loko quinoa. Echo Park 8-bit sustainable.</p>
 	</section>
 	<section class="slide">
-		<h2>List Columns</h2>
-		<ul class="double">
-			<li>Occupy locavore blog</li>
-			<li>Mustache you haven't heard of</li>
-			<li>Skateboard pork belly</li>
-			<li>Aesthetic hoodie selfies brunch</li>
-			<li>Food truck gluten-free</li>
-			<li>Disrupt Portland</li>
-			<li>Helvetica narwhal</li>
-			<li>Drinking vinegar chillwave</li>
-			<li>Post-ironic ennui</li>
-			<li>Cray pug paleo retro</li>
-			<li>Echo Park narwhal Wes Anderson</li>
-			<li>Disrupt Williamsburg fixie</li>
-			<li>Shabby chic</li>
-			<li>Bicycle rights</li>
-		</ul>
+		<h2>Three Columns</h2>
+		<p class="triple">Echo Park 8-bit sustainable umami deep v Kickstarter. DIY cliche typewriter brunch, Odd Future sriracha pickled aesthetic. Farm-to-table bespoke fingerstache, kale chips umami brunch American Apparel letterpress. Whatever authentic disrupt, you probably haven't heard of them direct trade mlkshk Etsy. Gluten-free roof party plaid American Apparel four loko quinoa. Echo Park 8-bit sustainable.</p>
 	</section>
 	<section class="slide">
 		<h2>Simple Table</h2>

diff --git a/styles/slide/elements/double.scss → styles/slide/elements/columns.scss b/styles/slide/elements/double.scss → styles/slide/elements/columns.scss
@@ -1,8 +1,15 @@
 // ------------------------------------------------------------------
-// Double
+// Columns
 // ------------------------------------------------------------------
 
-.double {
-	columns:2;
+.double,
+.triple {
 	column-gap:48px;
+	hyphens:auto;
+	}
+.double {
+	column-count:2;
+	}
+.triple {
+	column-count:3;
 	}
diff --git a/styles/slide/slide.scss b/styles/slide/slide.scss
@@ -51,7 +51,7 @@
 	// Elements
 
 	@import
-		'elements/double',
+		'elements/columns',
 		'elements/shout',
 		'elements/cover',
 		'elements/place';