add new button style and tag to website 💄

docs/index.html

@@ -18,7 +18,7 @@
     <div class="hero is-full-screen">
       <div class="logo is-center is-vertical-align">
         <img src="./logo.svg" alt="">
-        <h3>A <strong>small</strong> (3kb) CSS framework.</h3>
+        <h3>A <strong>small</strong> (<3kb) CSS framework.</h3>
       </div>
       <nav class="tabs is-center">
         <a href="#features">features</a>
@@ -78,6 +78,7 @@
 :root {
   --primary-color: #1a9f60;
   --lightGrey-color: #ddd;
+  --darkGrey-color: #888;
   --grid-maxWidth: 120rem;
   --grid-gutter: 1.5rem;
   --font-family: "Helvetica Neue", sans-serif;
@@ -104,10 +105,11 @@
         <div class="col is-right">
           <nav class="tabs">
             <a href="#grid">grid</a>
-          <a href="#buttons">buttons</a>
-          <a href="#nav">nav</a>
-          <a href="#card">card</a>
-          <a href="#utilities">utilities</a>
+            <a href="#buttons">buttons</a>
+            <a href="#nav">nav</a>
+            <a href="#card">card</a>
+            <a href="#tag">tag</a>
+            <a href="#utilities">utilities</a>
           </nav>
         </div>
       </div>
@@ -119,6 +121,8 @@
       <br>
       {% include card.html %}
       <br>
+      {% include tag.html %}
+      <br>
       {% include utilities.html %}
       <br>
       <p class="is-center">