diff --git a/dist/shoelace.css b/dist/shoelace.css
index b0ce07398..b53694727 100644
--- a/dist/shoelace.css
+++ b/dist/shoelace.css
@@ -1,5 +1,5 @@
 /*!
-  Shoelace.css 1.0.0-beta6
+  Shoelace.css 1.0.0-beta7
   (c) A Beautiful Site, LLC
 
   Released under the MIT license
@@ -28,4 +28,4 @@
 
 /*! Tables */table{width:100%;border-collapse:collapse;margin-bottom:1rem}table caption{caption-side:bottom;font-size:var(--font-size-small);color:var(--text-muted);text-align:center;padding-top:var(--table-spacing-y)}table th{text-align:left;background:var(--table-header-bg-color);border-bottom:solid calc(var(--table-border-width) * 2) var(--table-border-color)}table td,table th{padding:var(--table-spacing-y) var(--table-spacing-x)}table td{border-bottom:solid var(--table-border-width) var(--table-border-color)}table.table-striped tr:nth-child(odd) td{background-color:var(--table-stripe-bg-color)}table.table-bordered{border:solid var(--table-border-width) var(--table-border-color)}table.table-bordered td{border:var(--table-border-width) solid var(--table-border-color)}
 
-/*! Utilties */.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.float-left{float:left!important}.float-right{float:right!important}.width-0{width:0!important}.width-5{width:5%!important}.width-10{width:10%!important}.width-15{width:15%!important}.width-20{width:20%!important}.width-25{width:25%!important}.width-30{width:30%!important}.width-35{width:35%!important}.width-40{width:40%!important}.width-45{width:45%!important}.width-50{width:50%!important}.width-55{width:55%!important}.width-60{width:60%!important}.width-65{width:65%!important}.width-70{width:70%!important}.width-75{width:75%!important}.width-80{width:80%!important}.width-85{width:85%!important}.width-90{width:90%!important}.width-95{width:95%!important}.width-100{width:100%!important}.height-0{height:0%!important}.height-5{height:5%!important}.height-10{height:10%!important}.height-15{height:15%!important}.height-20{height:20%!important}.height-25{height:25%!important}.height-30{height:30%!important}.height-35{height:35%!important}.height-40{height:40%!important}.height-45{height:45%!important}.height-50{height:50%!important}.height-55{height:55%!important}.height-60{height:60%!important}.height-65{height:65%!important}.height-70{height:70%!important}.height-75{height:75%!important}.height-80{height:80%!important}.height-85{height:85%!important}.height-90{height:90%!important}.height-95{height:95%!important}.height-100{height:100%!important}.padding-none{padding:0!important}.padding-x-none{padding-left:0!important;padding-right:0!important}.padding-y-none{padding-bottom:0!important}.padding-t-none,.padding-y-none{padding-top:0!important}.padding-r-none{padding-right:0!important}.padding-b-none{padding-bottom:0!important}.padding-l-none{padding-left:0!important}.padding-small{padding:var(--spacing-small)!important}.padding-x-small{padding-left:var(--spacing-small)!important;padding-right:var(--spacing-small)!important}.padding-y-small{padding-bottom:var(--spacing-small)!important}.padding-t-small,.padding-y-small{padding-top:var(--spacing-small)!important}.padding-r-small{padding-right:var(--spacing-small)!important}.padding-b-small{padding-bottom:var(--spacing-small)!important}.padding-l-small{padding-left:var(--spacing-small)!important}.padding-medium{padding:var(--spacing-medium)!important}.padding-x-medium{padding-left:var(--spacing-medium)!important;padding-right:var(--spacing-medium)!important}.padding-y-medium{padding-bottom:var(--spacing-medium)!important}.padding-t-medium,.padding-y-medium{padding-top:var(--spacing-medium)!important}.padding-r-medium{padding-right:var(--spacing-medium)!important}.padding-b-medium{padding-bottom:var(--spacing-medium)!important}.padding-l-medium{padding-left:var(--spacing-medium)!important}.padding-big{padding:var(--spacing-big)!important}.padding-x-big{padding-left:var(--spacing-big)!important;padding-right:var(--spacing-big)!important}.padding-y-big{padding-bottom:var(--spacing-big)!important}.padding-t-big,.padding-y-big{padding-top:var(--spacing-big)!important}.padding-r-big{padding-right:var(--spacing-big)!important}.padding-b-big{padding-bottom:var(--spacing-big)!important}.padding-l-big{padding-left:var(--spacing-big)!important}.margin-none{margin:0!important}.margin-x-none{margin-left:0!important;margin-right:0!important}.margin-y-none{margin-bottom:0!important}.margin-t-none,.margin-y-none{margin-top:0!important}.margin-r-none{margin-right:0!important}.margin-b-none{margin-bottom:0!important}.margin-l-none{margin-left:0!important}.margin-small{margin:var(--spacing-small)!important}.margin-x-small{margin-left:var(--spacing-small)!important;margin-right:var(--spacing-small)!important}.margin-y-small{margin-bottom:var(--spacing-small)!important}.margin-t-small,.margin-y-small{margin-top:var(--spacing-small)!important}.margin-r-small{margin-right:var(--spacing-small)!important}.margin-b-small{margin-bottom:var(--spacing-small)!important}.margin-l-small{margin-left:var(--spacing-small)!important}.margin-medium{margin:var(--spacing-medium)!important}.margin-x-medium{margin-left:var(--spacing-medium)!important;margin-right:var(--spacing-medium)!important}.margin-y-medium{margin-bottom:var(--spacing-medium)!important}.margin-t-medium,.margin-y-medium{margin-top:var(--spacing-medium)!important}.margin-r-medium{margin-right:var(--spacing-medium)!important}.margin-b-medium{margin-bottom:var(--spacing-medium)!important}.margin-l-medium{margin-left:var(--spacing-medium)!important}.margin-big{margin:var(--spacing-big)!important}.margin-x-big{margin-left:var(--spacing-big)!important;margin-right:var(--spacing-big)!important}.margin-y-big{margin-bottom:var(--spacing-big)!important}.margin-t-big,.margin-y-big{margin-top:var(--spacing-big)!important}.margin-r-big{margin-right:var(--spacing-big)!important}.margin-b-big{margin-bottom:var(--spacing-big)!important}.margin-l-big{margin-left:var(--spacing-big)!important}.margin-x-auto{margin-left:auto!important;margin-right:auto!important}.margin-y-auto{margin-top:auto!important;margin-bottom:auto!important}.margin-xy-auto{margin:auto!important}.text-success{color:var(--state-success)!important}.text-info{color:var(--state-info)!important}.text-warning{color:var(--state-warning)!important}.text-danger{color:var(--state-danger)!important}.text-muted{color:var(--text-muted)!important}.text-small{font-size:var(--font-size-small)!important}.text-bold{font-weight:var(--font-weight-bold)!important}.text-italic{font-style:italic!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-justify{text-align:justify!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-nowrap{white-space:nowrap!important}
\ No newline at end of file
+/*! Utilties */.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.float-left{float:left!important}.float-right{float:right!important}.width-0{width:0!important}.width-5{width:5%!important}.width-10{width:10%!important}.width-15{width:15%!important}.width-20{width:20%!important}.width-25{width:25%!important}.width-30{width:30%!important}.width-35{width:35%!important}.width-40{width:40%!important}.width-45{width:45%!important}.width-50{width:50%!important}.width-55{width:55%!important}.width-60{width:60%!important}.width-65{width:65%!important}.width-70{width:70%!important}.width-75{width:75%!important}.width-80{width:80%!important}.width-85{width:85%!important}.width-90{width:90%!important}.width-95{width:95%!important}.width-100{width:100%!important}.height-0{height:0%!important}.height-5{height:5%!important}.height-10{height:10%!important}.height-15{height:15%!important}.height-20{height:20%!important}.height-25{height:25%!important}.height-30{height:30%!important}.height-35{height:35%!important}.height-40{height:40%!important}.height-45{height:45%!important}.height-50{height:50%!important}.height-55{height:55%!important}.height-60{height:60%!important}.height-65{height:65%!important}.height-70{height:70%!important}.height-75{height:75%!important}.height-80{height:80%!important}.height-85{height:85%!important}.height-90{height:90%!important}.height-95{height:95%!important}.height-100{height:100%!important}.padding-none{padding:0!important}.padding-x-none{padding-left:0!important;padding-right:0!important}.padding-y-none{padding-bottom:0!important}.padding-top-none,.padding-y-none{padding-top:0!important}.padding-right-none{padding-right:0!important}.padding-bottom-none{padding-bottom:0!important}.padding-left-none{padding-left:0!important}.padding-small{padding:var(--spacing-small)!important}.padding-x-small{padding-left:var(--spacing-small)!important;padding-right:var(--spacing-small)!important}.padding-y-small{padding-bottom:var(--spacing-small)!important}.padding-top-small,.padding-y-small{padding-top:var(--spacing-small)!important}.padding-right-small{padding-right:var(--spacing-small)!important}.padding-bottom-small{padding-bottom:var(--spacing-small)!important}.padding-left-small{padding-left:var(--spacing-small)!important}.padding-medium{padding:var(--spacing-medium)!important}.padding-x-medium{padding-left:var(--spacing-medium)!important;padding-right:var(--spacing-medium)!important}.padding-y-medium{padding-bottom:var(--spacing-medium)!important}.padding-top-medium,.padding-y-medium{padding-top:var(--spacing-medium)!important}.padding-right-medium{padding-right:var(--spacing-medium)!important}.padding-bottom-medium{padding-bottom:var(--spacing-medium)!important}.padding-left-medium{padding-left:var(--spacing-medium)!important}.padding-big{padding:var(--spacing-big)!important}.padding-x-big{padding-left:var(--spacing-big)!important;padding-right:var(--spacing-big)!important}.padding-y-big{padding-bottom:var(--spacing-big)!important}.padding-top-big,.padding-y-big{padding-top:var(--spacing-big)!important}.padding-right-big{padding-right:var(--spacing-big)!important}.padding-bottom-big{padding-bottom:var(--spacing-big)!important}.padding-left-big{padding-left:var(--spacing-big)!important}.margin-none{margin:0!important}.margin-x-none{margin-left:0!important;margin-right:0!important}.margin-y-none{margin-bottom:0!important}.margin-top-none,.margin-y-none{margin-top:0!important}.margin-right-none{margin-right:0!important}.margin-bottom-none{margin-bottom:0!important}.margin-left-none{margin-left:0!important}.margin-small{margin:var(--spacing-small)!important}.margin-x-small{margin-left:var(--spacing-small)!important;margin-right:var(--spacing-small)!important}.margin-y-small{margin-bottom:var(--spacing-small)!important}.margin-top-small,.margin-y-small{margin-top:var(--spacing-small)!important}.margin-right-small{margin-right:var(--spacing-small)!important}.margin-bottom-small{margin-bottom:var(--spacing-small)!important}.margin-left-small{margin-left:var(--spacing-small)!important}.margin-medium{margin:var(--spacing-medium)!important}.margin-x-medium{margin-left:var(--spacing-medium)!important;margin-right:var(--spacing-medium)!important}.margin-y-medium{margin-bottom:var(--spacing-medium)!important}.margin-top-medium,.margin-y-medium{margin-top:var(--spacing-medium)!important}.margin-right-medium{margin-right:var(--spacing-medium)!important}.margin-bottom-medium{margin-bottom:var(--spacing-medium)!important}.margin-left-medium{margin-left:var(--spacing-medium)!important}.margin-big{margin:var(--spacing-big)!important}.margin-x-big{margin-left:var(--spacing-big)!important;margin-right:var(--spacing-big)!important}.margin-y-big{margin-bottom:var(--spacing-big)!important}.margin-top-big,.margin-y-big{margin-top:var(--spacing-big)!important}.margin-right-big{margin-right:var(--spacing-big)!important}.margin-bottom-big{margin-bottom:var(--spacing-big)!important}.margin-left-big{margin-left:var(--spacing-big)!important}.margin-x-auto{margin-left:auto!important;margin-right:auto!important}.margin-y-auto{margin-top:auto!important;margin-bottom:auto!important}.margin-xy-auto{margin:auto!important}.text-success{color:var(--state-success)!important}.text-info{color:var(--state-info)!important}.text-warning{color:var(--state-warning)!important}.text-danger{color:var(--state-danger)!important}.text-muted{color:var(--text-muted)!important}.text-small{font-size:var(--font-size-small)!important}.text-bold{font-weight:var(--font-weight-bold)!important}.text-italic{font-style:italic!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-justify{text-align:justify!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-nowrap{white-space:nowrap!important}
\ No newline at end of file
diff --git a/index.html b/index.html
index 663c7bb35..77c6e9032 100644
--- a/index.html
+++ b/index.html
@@ -31,7 +31,7 @@
     <p>
       Shoelace is highly customizable through CSS variables. It doesn’t require Less, Sass, or any
       preprocessing at all. The minified version is only
-      <span data-minifiedSize>32.0KB</span> and much smaller when gzipped.
+      <span data-minifiedSize>32.1KB</span> and much smaller when gzipped.
     </p>
     <p>
       Just link to <code>shoelace.css</code> and add customizations to your stylesheet.
@@ -60,7 +60,7 @@
       <a href="https://paypal.me/claviska" class="button button-success" style="margin-bottom: 1.2rem;">Donate</a>
     </p>
     <p class="text-small text-muted text-center">
-      Version <span data-version>1.0.0-beta6</span>
+      Version <span data-version>1.0.0-beta7</span>
     </p>
 
     <!--********************************************************************************************
@@ -111,8 +111,8 @@
       at <a href="https://www.keycdn.com/">KeyCDN</a>.
     </p>
 <pre>
-&lt;link rel=&quot;preload&quot; href=&quot;https://cdn.shoelace.style/<span data-version>1.0.0-beta6</span>/shoelace.css&quot; as=&quot;style&quot; crossorigin&gt;
-&lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.shoelace.style/<span data-version>1.0.0-beta6</span>/shoelace.css&quot;&gt;
+&lt;link rel=&quot;preload&quot; href=&quot;https://cdn.shoelace.style/<span data-version>1.0.0-beta7</span>/shoelace.css&quot; as=&quot;style&quot; crossorigin&gt;
+&lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.shoelace.style/<span data-version>1.0.0-beta7</span>/shoelace.css&quot;&gt;
 </pre>
     <p>
       Note that the first <code>&lt;link&gt;</code> is optional but can improve performance in
@@ -1535,7 +1535,7 @@ Example: &lt;div class=&quot;padding-left-medium margin-bottom-none&quot;&gt;
         <img src="source/img/wordmark.svg" alt="Shoelace logo">
       </p>
       <p class="text-small text-muted">
-        Shoelace.css <span data-version>1.0.0-beta6</span> &middot;
+        Shoelace.css <span data-version>1.0.0-beta7</span> &middot;
         &copy; A Beautiful Site, LLC
       </p>
       <p class="text-small text-muted">
diff --git a/package.json b/package.json
index fcfa54707..d6479d38d 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "shoelace-css",
   "description": "A back to the basics CSS starter kit.",
-  "version": "1.0.0-beta6",
+  "version": "1.0.0-beta7",
   "author": "Cory LaViska",
   "homepage": "https://shoelace.style/",
   "license": "MIT",