From 9bee9f6192004e5f44d7f572bb075f82e4353d4c Mon Sep 17 00:00:00 2001
From: Dennis Eichhorn <spl1nes.com@googlemail.com>
Date: Sat, 16 Jul 2016 11:13:23 +0200
Subject: [PATCH] Attempted to implemented unit switching

Closer but still not there, yet.
---
 input.scss | 28 ++++++++++++++++------------
 styles.css | 32 +++++++++++++++++++++++++++++++-
 2 files changed, 47 insertions(+), 13 deletions(-)

diff --git a/input.scss b/input.scss
index 7e0c8c0..794f0b0 100644
--- a/input.scss
+++ b/input.scss
@@ -134,23 +134,27 @@ input[type="text"]:focus {
 }
 
 .dropdown {
-    label:hover ~ label {
+    position: relative;
+    display: inline-block;
+
+    &:hover .content{
         display: block;
     }
 
-    input:checked + label {
-        display: block;
-    }
-
-    input {
+    .content {
         display: none;
-        margin: 5px;
-        width: 100%;
+        position: absolute;
+        z-index: 2;
         background: #fff;
-    }
 
-    label {
-        display: none;
-        position: relative;
+        input {
+            display: none;
+        }
+
+        label {
+            display: block;
+            margin: 5px;
+            padding: 5px;
+        }
     }
 }
diff --git a/styles.css b/styles.css
index 6d94d2e..dc90c4c 100644
--- a/styles.css
+++ b/styles.css
@@ -96,7 +96,20 @@ pre {
   border-radius: 3px;
   background-clip: padding-box;
   border: 1px solid #b7b7b7;
-  padding: 5px; }
+  padding: 5px;
+  overflow-x: scroll;
+  counter-reset: line; }
+  pre span {
+    display: block; }
+    pre span:before {
+      counter-increment: line;
+      content: counter(line);
+      display: inline-block;
+      border-right: 1px solid #ddd;
+      padding: 0 .5em;
+      margin-right: .5em;
+      color: #888;
+      width: 30px; }
 
 article {
   background: #fff;
@@ -3286,6 +3299,23 @@ input[type="range"] {
     flex-grow: 1;
     flex-shrink: 1; }
 
+.dropdown {
+  position: relative;
+  display: inline-block; }
+  .dropdown:hover .content {
+    display: block; }
+  .dropdown .content {
+    display: none;
+    position: absolute;
+    z-index: 2;
+    background: #fff; }
+    .dropdown .content input {
+      display: none; }
+    .dropdown .content label {
+      display: block;
+      margin: 5px;
+      padding: 5px; }
+
 .ok {
   color: #5cff56; }