From b988259b69b906106facefa21b3a707f99d81949 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn?= <me@tentakelfabrik.de>
Date: Sun, 18 Jul 2021 11:03:10 +0200
Subject: [PATCH] adding #16

---
 public/components.html         | 24 +++++++++++++++---------
 public/plain-ui.css            |  3 +++
 src/scss/components/_tabs.scss |  4 ++++
 3 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/public/components.html b/public/components.html
index 6a2044c..4c92746 100644
--- a/public/components.html
+++ b/public/components.html
@@ -66,7 +66,7 @@
 </code>
                 </div>
 
-                <div class="m-bottom-4">
+                <div>
                     <button class="button">
                         Default
                     </button>
@@ -84,7 +84,7 @@
                     </button>
                 </div>
 
-                <div class="m-bottom-4">
+                <div>
                     <button class="button button--danger">
                         danger
                     </button>
@@ -99,7 +99,7 @@
                     </button>
                 </div>
 
-                <div class="m-bottom-4">
+                <div>
                     <button class="button button--outline">
                         outline
                     </button>
@@ -220,12 +220,18 @@
         <div class="grid">
             <div class="col-12">
                 <h2>Loading</h2>
-                <div>
-                    <div class="loading">
-                        <span></span>
-                        <span></span>
-                        <span></span>
-                    </div>
+                <div class="content m-last-child-0 m-bottom-4">
+<code>&#x3C;div class=&#x22;loading&#x22;&#x3E;
+    &#x3C;span&#x3E;&#x3C;/span&#x3E;
+    &#x3C;span&#x3E;&#x3C;/span&#x3E;
+    &#x3C;span&#x3E;&#x3C;/span&#x3E;
+&#x3C;/div&#x3E;
+</code>
+                </div>
+                <div class="loading">
+                    <span></span>
+                    <span></span>
+                    <span></span>
                 </div>
             </div>
         </div>
diff --git a/public/plain-ui.css b/public/plain-ui.css
index 4f651bd..e052081 100644
--- a/public/plain-ui.css
+++ b/public/plain-ui.css
@@ -2454,6 +2454,9 @@ svg.field-choice__checked {
 .tabs--contrast .tabs__item--selected {
   border-color: var(--border-contrast);
 }
+.tabs--contrast .tabs__item--selected:hover {
+  border-color: var(--active);
+}
 
 /**
  *
diff --git a/src/scss/components/_tabs.scss b/src/scss/components/_tabs.scss
index ef979d0..271ab1a 100644
--- a/src/scss/components/_tabs.scss
+++ b/src/scss/components/_tabs.scss
@@ -66,6 +66,10 @@
 
         .tabs__item--selected {
             border-color: var(--border-contrast);
+
+            &:hover {
+                border-color: var(--active);
+            }
         }
     }
 }
\ No newline at end of file