From 568973494076984a0618cca204c2b6eba1beeefa Mon Sep 17 00:00:00 2001
From: Dennis Eichhorn <spl1nes.com@googlemail.com>
Date: Sat, 23 Feb 2019 19:09:06 +0100
Subject: [PATCH] Fix advanced input bugs

---
 input.css     |  3 ++-
 input.scss    |  1 +
 progress.css  |  8 +++-----
 progress.scss | 37 +++++++++++++++++++------------------
 styles.css    | 17 ++++++++---------
 tab.css       |  4 ++--
 tab.scss      |  4 ++--
 tooltip.css   |  2 +-
 8 files changed, 38 insertions(+), 38 deletions(-)

diff --git a/input.css b/input.css
index b0b64c1..17fad13 100644
--- a/input.css
+++ b/input.css
@@ -88,7 +88,8 @@ input[type="datetime-local"] {
 
 input ~ .dropdown {
   position: absolute;
-  display: none; }
+  display: none;
+  z-index: 3; }
 
 input:focus ~ .dropdown, input ~ .dropdown.active {
   display: inline-block; }
diff --git a/input.scss b/input.scss
index 1baae8a..5b6c666 100644
--- a/input.scss
+++ b/input.scss
@@ -46,6 +46,7 @@ input[type="datetime-local"] {
 input ~ .dropdown {
     position: absolute;
     display: none;
+    z-index: 3;
 }
 
 input:focus ~ .dropdown, input ~ .dropdown.active {
diff --git a/progress.css b/progress.css
index f2fd66f..0fe1f3e 100644
--- a/progress.css
+++ b/progress.css
@@ -59,19 +59,17 @@
     background-position: 0 0; }
   100% {
     background-position: 50px 50px; } }
-.orange > span {
+.meter.orange > span {
   background-color: #f1a165;
   background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1a165), color-stop(1, #f36d0a));
   background-image: -webkit-linear-gradient(#f1a165, #f36d0a); }
-
-.blue > span {
+.meter.blue > span {
   background-color: #96c2f1;
   background-image: -moz-linear-gradient(top, #96c2f1, #4394f3);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #96c2f1), color-stop(1, #4394f3));
   background-image: -webkit-linear-gradient(#96c2f1, #4394f3); }
-
-.red > span {
+.meter.red > span {
   background-color: #f0a3a3;
   background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0a3a3), color-stop(1, #f42323));
diff --git a/progress.scss b/progress.scss
index 6f6566b..11012e9 100644
--- a/progress.scss
+++ b/progress.scss
@@ -62,26 +62,27 @@
     }
 }
 
-.orange > span {
-    background-color: #f1a165;
-    background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
-    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
-    background-image: -webkit-linear-gradient(#f1a165, #f36d0a);
-}
+.meter {
+    &.orange > span {
+        background-color: #f1a165;
+        background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
+        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
+        background-image: -webkit-linear-gradient(#f1a165, #f36d0a);
+    }
 
-.blue > span {
-    background-color: #96c2f1;
-    background-image: -moz-linear-gradient(top, #96c2f1, #4394f3);
-    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #96c2f1),color-stop(1, #4394f3));
-    background-image: -webkit-linear-gradient(#96c2f1, #4394f3);
-}
+    &.blue > span {
+        background-color: #96c2f1;
+        background-image: -moz-linear-gradient(top, #96c2f1, #4394f3);
+        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #96c2f1),color-stop(1, #4394f3));
+        background-image: -webkit-linear-gradient(#96c2f1, #4394f3);
+    }
 
-
-.red > span {
-    background-color: #f0a3a3;
-    background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
-    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
-    background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
+    &.red > span {
+        background-color: #f0a3a3;
+        background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
+        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
+        background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
+    }
 }
 
 .noanimation > span > span, .noanimation > span:after {
diff --git a/styles.css b/styles.css
index 010ef02..c215fad 100644
--- a/styles.css
+++ b/styles.css
@@ -3386,7 +3386,7 @@ p {
 /* pre */
 /* tag */
 .tooltip > i {
-  font-size: 0.9rem;
+  font-size: 0.85rem;
   position: relative;
   z-index: 2;
   cursor: pointer; }
@@ -3810,7 +3810,8 @@ input[type="datetime-local"] {
 
 input ~ .dropdown {
   position: absolute;
-  display: none; }
+  display: none;
+  z-index: 3; }
 
 input:focus ~ .dropdown, input ~ .dropdown.active {
   display: inline-block; }
@@ -4660,19 +4661,17 @@ main {
     background-position: 0 0; }
   100% {
     background-position: 50px 50px; } }
-.orange > span {
+.meter.orange > span {
   background-color: #f1a165;
   background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1a165), color-stop(1, #f36d0a));
   background-image: -webkit-linear-gradient(#f1a165, #f36d0a); }
-
-.blue > span {
+.meter.blue > span {
   background-color: #96c2f1;
   background-image: -moz-linear-gradient(top, #96c2f1, #4394f3);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #96c2f1), color-stop(1, #4394f3));
   background-image: -webkit-linear-gradient(#96c2f1, #4394f3); }
-
-.red > span {
+.meter.red > span {
   background-color: #f0a3a3;
   background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0a3a3), color-stop(1, #f42323));
@@ -4896,9 +4895,9 @@ section > h2 {
     display: inline-block; }
 .tabview .tab-content > input {
   display: none; }
-.tabview .tab-content input + div {
+.tabview .tab-content > input + div {
   display: none; }
-.tabview .tab-content input:checked + div {
+.tabview .tab-content > input:checked + div {
   display: inherit; }
 
 .tab-1 .tab-links {
diff --git a/tab.css b/tab.css
index a062ecc..46c9cd4 100644
--- a/tab.css
+++ b/tab.css
@@ -30,9 +30,9 @@
     display: inline-block; }
 .tabview .tab-content > input {
   display: none; }
-.tabview .tab-content input + div {
+.tabview .tab-content > input + div {
   display: none; }
-.tabview .tab-content input:checked + div {
+.tabview .tab-content > input:checked + div {
   display: inherit; }
 
 .tab-1 .tab-links {
diff --git a/tab.scss b/tab.scss
index 777329c..d3c515b 100644
--- a/tab.scss
+++ b/tab.scss
@@ -24,11 +24,11 @@
             display: none;
         }
 
-        input + div {
+        > input + div {
             display: none;
         }
 
-        input:checked + div {
+        > input:checked + div {
             display: inherit;
         }
     }
diff --git a/tooltip.css b/tooltip.css
index fabbf3a..078edee 100644
--- a/tooltip.css
+++ b/tooltip.css
@@ -19,7 +19,7 @@
 /* pre */
 /* tag */
 .tooltip > i {
-  font-size: 0.9rem;
+  font-size: 0.85rem;
   position: relative;
   z-index: 2;
   cursor: pointer; }