Fix/divide (#3362)

* Use custom divide function

* Add docs spacing table styles

* Update changelog

docs/_includes/components/spacing-table.html

@@ -3,7 +3,7 @@
     <tr>
       <th>Property</th>
       <th>Shortcut</th>
-      <th colspan="7">Classes ↓</th>
+      <th colspan="8">Classes ↓</th>
     </tr>
   </thead>
   <tfoot>

docs/_sass/components/spacing-table.scss

@@ -0,0 +1,38 @@
+.bd-spacing-table {
+  &:hover {
+    color: $border;
+    code {
+      background: none;
+      color: $border;
+    }
+  }
+  .bd-current-row {
+    background-color: $background;
+    &:first-child {
+      background-color: $danger-light;
+      color: $text-strong;
+      code {
+        background-color: $danger;
+        color: $danger-invert;
+      }
+    }
+    &.bd-current-column {
+      background-color: $primary-light;
+      color: $text-strong;
+      code {
+        background-color: $primary;
+        color: $primary-invert;
+      }
+    }
+  }
+  .bd-current-column {
+    background-color: $background;
+  }
+  .bd-current-value {
+    background-color: $danger-light;
+    code {
+      background-color: $danger;
+      color: $danger-invert;
+    }
+  }
+}

docs/_sass/old/focus.sass

@@ -36,7 +36,7 @@ $focus-delay: 1s
   animation-timing-function: $cubic-less-dramatic
   transform-origin: center center
 
-$delay-subtitle: $delay / 2
+$delay-subtitle: $delay * 0.5
 
 // Intro
 .intro-title

docs/bulma-docs.scss

@@ -219,6 +219,7 @@ $navbar-breakpoint: $tablet;
 @import './_sass/components/book';
 @import './_sass/components/native';
 @import './_sass/components/fortyfour';
+@import './_sass/components/spacing-table';
 
 @import './_sass/pages/index';
 @import './_sass/pages/docs';

docs/css/bulma-docs.css

@@ -3261,8 +3261,8 @@ fieldset[disabled] .button {
 
 .button.is-loading::after {
   position: absolute;
-  left: calc(50% - (1em / 2));
-  top: calc(50% - (1em / 2));
+  left: calc(50% - (1em * 0.5));
+  top: calc(50% - (1em * 0.5));
   position: absolute !important;
 }
 
@@ -14541,6 +14541,10 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
   font-style: italic !important;
 }
 
+.is-underlined {
+  text-decoration: underline !important;
+}
+
 .has-text-weight-light {
   font-weight: 300 !important;
 }
@@ -19400,6 +19404,52 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
   color: var(--primary-invert) !important;
 }
 
+.bd-spacing-table:hover {
+  color: #dbdbdb;
+}
+
+.bd-spacing-table:hover code {
+  background: none;
+  color: #dbdbdb;
+}
+
+.bd-spacing-table .bd-current-row {
+  background-color: whitesmoke;
+}
+
+.bd-spacing-table .bd-current-row:first-child {
+  background-color: #feecf0;
+  color: #363636;
+}
+
+.bd-spacing-table .bd-current-row:first-child code {
+  background-color: #f14668;
+  color: #fff;
+}
+
+.bd-spacing-table .bd-current-row.bd-current-column {
+  background-color: #ebfffc;
+  color: #363636;
+}
+
+.bd-spacing-table .bd-current-row.bd-current-column code {
+  background-color: #00d1b2;
+  color: #fff;
+}
+
+.bd-spacing-table .bd-current-column {
+  background-color: whitesmoke;
+}
+
+.bd-spacing-table .bd-current-value {
+  background-color: #feecf0;
+}
+
+.bd-spacing-table .bd-current-value code {
+  background-color: #f14668;
+  color: #fff;
+}
+
 :root {
   --bd-index-vertical: 1.5rem;
   --bd-index-gap: 3rem;

docs/documentation/helpers/spacing-helpers.html

@@ -27,6 +27,7 @@ values:
   4: 1rem
   5: 1.5rem
   6: 3rem
+  auto: auto
 customShortcuts:
   margin: mg
 customHorizontal: h
@@ -96,7 +97,7 @@ customValues:
 {% include elements/anchor.html name="List of all spacing helpers" %}
 
 <p class="block">
-  There are <strong>98 spacing helpers</strong> to choose from:
+  There are <strong>112 spacing helpers</strong> to choose from:
 </p>
 
 {% include
@@ -180,5 +181,5 @@ $spacing-values: ("small": 10px, "medium": 30px, "large": 60px);
 %}
 
 <p>
-  By customizing the output, you've narrowed down the list of spacing helpers from 98 to only <strong>18</strong>.
+  By customizing the output, you've narrowed down the list of spacing helpers from 112 to only <strong>18</strong>.
 </p>