Add label-rounded class and cleanup code

docs/dist/spectre.css

@@ -11,11 +11,9 @@
    ========================================================================== */
 html {
   font-family: sans-serif;
-  /* 1 */
-  line-height: 1.15;
   /* 3 */
   -webkit-text-size-adjust: 100%;
-  /* 2 */
+  /* 1 */
   -ms-text-size-adjust: 100%;
   /* 3 */
 }
@@ -423,7 +421,7 @@ h6 {
   color: inherit;
   font-weight: 500;
   line-height: 1.2;
-  margin-bottom: .5em;
+  margin-bottom: .25em;
   margin-top: 0;
 }
 .h1,
@@ -477,13 +475,13 @@ kbd {
   background: #454d5d;
   border-radius: .1rem;
   color: #fff;
-  padding: .1em .3em;
+  padding: .15rem .2rem;
 }
 mark {
   background: #ffe9b3;
   border-radius: .1rem;
   color: #454d5d;
-  padding: .1em .3em;
+  padding: .15rem .2rem;
 }
 blockquote {
   border-left: .1rem solid #e7e9ed;
@@ -1209,7 +1207,12 @@ input.disabled + .form-icon {
   color: #50596c;
   display: inline-block;
   line-height: 1;
-  padding: .1em .3em;
+  padding: .15rem .2rem;
+}
+.label.label-rounded {
+  border-radius: 5rem;
+  padding-left: .4rem;
+  padding-right: .4rem;
 }
 .label.label-primary {
   background: #5764c6;
@@ -1235,7 +1238,9 @@ code {
   background: #fdf4f4;
   border-radius: .1rem;
   color: #e06870;
-  padding: .1em .3em;
+  font-size: .65rem;
+  line-height: 1rem;
+  padding: .15rem .2rem;
 }
 .code {
   border-radius: .1rem;

docs/elements.html

@@ -1693,6 +1693,19 @@ <h3 class="s-title"><a href="#labels" class="anchor" aria-hidden="true">#</a>Lab
           <div class="docs-note">
             <p>Add the <code>label</code> class to &lt;span&gt; or &lt;small&gt; elements. You can add another class <code>label-primary</code>, <code>label-secondary</code>, <code>label-success</code>, <code>label-warning</code> and <code>label-error</code> for colored labels.</p>
           </div>
+          <div class="columns">
+            <div class="column">
+              <span class="label label-rounded">default label</span>
+              <span class="label label-rounded label-primary">primary label</span>
+              <span class="label label-rounded label-secondary">secondary label</span>
+              <span class="label label-rounded label-success">success label</span>
+              <span class="label label-rounded label-warning">warning label</span>
+              <span class="label label-rounded label-error">error label</span>
+            </div>
+          </div>
+          <div class="docs-note">
+            <p>Add the <code>label-rounded</code> class to have rounded labels.</p>
+          </div>
 
 <!-- labels example -->
 <pre class="code" data-lang="HTML"><code>&lt;<span class="tag">span</span> <span class="atn">class</span>=<span class="atv">&quot;label&quot;</span>&gt;default label&lt;<span class="tag">/span</span>&gt;

src/codes.less

@@ -1,7 +1,9 @@
 // Codes
 code {
+  font-size: .65rem;
   .label-base();
   .label-variant(@code-color, lighten(@code-color, 33%));
+  line-height: @line-height;
 }
 
 .code {

src/labels.less

@@ -5,6 +5,12 @@
   .label-variant(lighten(@body-font-color, 5%), @bg-color);
   line-height: 1;
 
+  &.label-rounded {
+    border-radius: 5rem;
+    padding-left: .4rem;
+    padding-right: .4rem; 
+  }
+
   &.label-primary {
     .label-variant(@light-color, @primary-color);
   }

src/mixins.less

@@ -34,7 +34,7 @@
 // Label base style
 .label-base() {
   border-radius: @border-radius;
-  padding: .1em .3em;
+  padding: .15rem .2rem;
 }
 
 .label-variant(@color: @light-color, @bg-color: @primary-color) {

src/normalize.less

@@ -13,7 +13,6 @@
 
 html {
   font-family: sans-serif; /* 1 */
-  line-height: 1.15; /* 2 */
   -ms-text-size-adjust: 100%; /* 3 */
   -webkit-text-size-adjust: 100%; /* 3 */
 }

src/typography.less

@@ -9,7 +9,7 @@ h6 {
   color: inherit;
   font-weight: 500;
   line-height: 1.2;
-  margin-bottom: .5em;
+  margin-bottom: .25em;
   margin-top: 0;
 }
 .h1,