From 43a38216256a51f9c30e02a5ddf3fa9dc8ee2712 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn?= <me@tentakelfabrik.de>
Date: Mon, 12 Jul 2021 23:45:12 +0200
Subject: [PATCH] adding

---
 dist/index.html             | 13 +++++++++++--
 dist/plain-ui.css           |  4 ++--
 src/scss/core/_heading.scss |  4 ++--
 3 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/dist/index.html b/dist/index.html
index d886920..15a1b02 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -50,9 +50,18 @@
         <div class="grid">
             <div class="col-12 col-md-8">
                 <div class="content">
+                    <div class="panel panel--border-highlight border-color-danger m-bottom-4">
+                        <div class="panel__body">
+                            <div class="content marginless-last-child">
+                                <p>
+                                    The Class "content" will trigger a few styles for
+                                </p>
+                            </div>
+                        </div>
+                    </div>
                     <p>
                         <span class="bold">Plain UI</span> is a simple UI Framework. The first Idea to create this was
-                        a simple Solution to build Prototypes. But while i was working on this, 
+                        a simple Solution to build Prototypes. But while i was working on this,
                     </p>
                     <p>
 
@@ -167,7 +176,7 @@
                 <h3 class="highlight">
                     Content
                 </h3>
-                <div class="panel panel--border-highlight border-color-success m-bottom-4">
+                <div class="panel panel--border-highlight border-color-info m-bottom-4">
                     <div class="panel__body">
                         <div class="content marginless-last-child">
                             <p>
diff --git a/dist/plain-ui.css b/dist/plain-ui.css
index fa4f404..5097952 100644
--- a/dist/plain-ui.css
+++ b/dist/plain-ui.css
@@ -2010,7 +2010,7 @@ h6, .h6 {
   font-family: "IBM Plex Mono", sans-serif;
   font-weight: bold;
   line-height: 1.2;
-  margin: 0 0 1.2rem;
+  margin: 0.6rem 0 1.2rem;
 }
 @media only screen and (min-width: 992px) {
   h1, .h1,
@@ -2019,7 +2019,7 @@ h3, .h3,
 h4, .h4,
 h5, .h5,
 h6, .h6 {
-    margin: 0 0 1.4rem;
+    margin: 0.7rem 0 1.4rem;
   }
 }
 h1.highlight, .h1.highlight,
diff --git a/src/scss/core/_heading.scss b/src/scss/core/_heading.scss
index 8c3d5af..bf8b87d 100644
--- a/src/scss/core/_heading.scss
+++ b/src/scss/core/_heading.scss
@@ -26,9 +26,9 @@ $plain-ui__heading__font-family: $plain-ui__font-family !default;
 
 $plain-ui__heading__line-height: 1.2 !default;
 
-$plain-ui__heading__margin: 0 0 1.2rem !default;
+$plain-ui__heading__margin: 0.6rem 0 1.2rem !default;
 $plain-ui__heading__margin-breakpoints: (
-    $plain-ui__md: 0 0 1.4rem
+    $plain-ui__md: 0.7rem 0 1.4rem
 ) !default;
 
 h1, .h1,