adding

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>

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,

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,