Use kramdown syntax to form a dl element in cmd.md

* Use css to hide dt elements when using foundation horizontal tabs
276linesofCode · May 13, 2017 · 69e7faa · 69e7faa
1 parent 2154955
commit 69e7faa
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git 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
@@ -13,6 +13,9 @@ body {
     text-align: center;
     background: #008cba;
   }
+  dl.tabs[data-tab] > dt {
+    display: none;
+  }
 }
 h1 {
   letter-spacing: 0.04em;