From 69e7faa404deef246843682d6d16339d8ba6ef6f Mon Sep 17 00:00:00 2001
From: reuben453 <reuben453@gmail.com>
Date: Sun, 14 May 2017 00:29:47 +0530
Subject: [PATCH] Use kramdown syntax to form a dl element in cmd.md

* Use css to hide dt elements when using foundation horizontal tabs
---
 cmd.md                  | 12 +++++++++---
 stylesheets/tessel.scss |  3 +++
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/cmd.md b/cmd.md
index f4e98f1..715b972 100644
--- a/cmd.md
+++ b/cmd.md
@@ -16,9 +16,15 @@ you will work on and save your programs.
 
 Select the operating system you are working on.
 
-<dl id="install-tabs" data-tab="" class="tabs contained three-up">
-| [OSX](#tab-osx) || [Linux](#tab-linux) || [Windows](#tab-windows) |
-</dl>
+{:.tabs.contained.three-up #install-tabs data-tab=""}
+OSX
+: {:.active} [OSX](#tab-osx)
+
+Linux
+: [Linux](#tab-linux)
+
+Windows
+: [Windows](#tab-windows)
 
 <div id="install-content" class="tabs-content">
 
diff --git a/stylesheets/tessel.scss b/stylesheets/tessel.scss
index 68a6445..7fe6adf 100644
--- a/stylesheets/tessel.scss
+++ b/stylesheets/tessel.scss
@@ -13,6 +13,9 @@ body {
     text-align: center;
     background: #008cba;
   }
+  dl.tabs[data-tab] > dt {
+    display: none;
+  }
 }
 h1 {
   letter-spacing: 0.04em;