@ulu/frontend 0.1.0-beta.30 → 0.1.0-beta.32

package/docs-dev/sass/components/form-theme/index.html

@@ -5361,73 +5361,73 @@
 <td style="text-align:left">text-input-margin-bottom</td>
 <td style="text-align:left">Dimension</td>
 <td style="text-align:left">0.5em</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Bottom margin for the label.</td>
 </tr>
 <tr>
 <td style="text-align:left">text-input-margin-top</td>
 <td style="text-align:left">Dimension</td>
 <td style="text-align:left">1em</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Top margin for the label.</td>
 </tr>
 <tr>
 <td style="text-align:left">warning-color</td>
 <td style="text-align:left">Color</td>
 <td style="text-align:left">&quot;warning&quot;</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">The warning text color.</td>
 </tr>
 <tr>
 <td style="text-align:left">warning-highlight-color</td>
 <td style="text-align:left">Color</td>
 <td style="text-align:left">rgb(255, 249, 237)</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Outline color of the warning.</td>
 </tr>
 <tr>
 <td style="text-align:left">warning-selector</td>
 <td style="text-align:left">String</td>
 <td style="text-align:left">&quot;.is-warning&quot;</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Selector for adding warning styles.</td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-color</td>
 <td style="text-align:left">Color</td>
 <td style="text-align:left">currentColor</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">@joe-check unused</td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-size</td>
 <td style="text-align:left">Dimension</td>
 <td style="text-align:left">1.15em</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Size of input box.</td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-touch-size</td>
 <td style="text-align:left">Dimension</td>
 <td style="text-align:left">2em</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Touchable size of the input box.</td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-background-color</td>
 <td style="text-align:left">Color</td>
 <td style="text-align:left">white</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Background color for the check input.</td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-background-color-checked</td>
 <td style="text-align:left">Color</td>
 <td style="text-align:left">white</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Background color for the check input when checked.</td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-background-color-hover</td>
 <td style="text-align:left">Color</td>
 <td style="text-align:left">white</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Background color for the check input when hovered or focused.</td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-background-color-indeterminate</td>
 <td style="text-align:left">Color</td>
 <td style="text-align:left">white</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Background color for the indeterminate check input.</td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-border</td>
@@ -5439,149 +5439,149 @@
 <td style="text-align:left">check-input-border-color-hover</td>
 <td style="text-align:left">Color</td>
 <td style="text-align:left">null</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Check input border color.</td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-border-color-checked</td>
 <td style="text-align:left">Color</td>
 <td style="text-align:left">null</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Check input border color when checked.</td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-border-color-indeterminate</td>
 <td style="text-align:left">Color</td>
 <td style="text-align:left">null</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Indeterminate check input border color.</td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-border-color-focus</td>
 <td style="text-align:left">Color</td>
 <td style="text-align:left">null</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Check input border color when hovered or focused.</td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-outline</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">CssValue</td>
 <td style="text-align:left">null</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Check input outline.</td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-outline-hover</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">CssValue</td>
 <td style="text-align:left">null</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-outline-checked</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">CssValue</td>
 <td style="text-align:left">null</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-outline-focus</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">CssValue</td>
 <td style="text-align:left">1px solid white</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-touch-color-hover</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Color</td>
 <td style="text-align:left">#e8e8e8</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-touch-color-focus</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Color</td>
 <td style="text-align:left">null</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-radio-size</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Dimension</td>
 <td style="text-align:left">0.3em</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-checkmark-width</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Dimension</td>
 <td style="text-align:left">0.38em</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-checkmark-height</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Dimension</td>
 <td style="text-align:left">0.68em</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-checkmark-offset-y</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Dimension</td>
 <td style="text-align:left">-0.2em</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-checkmark-stroke-size</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Dimension</td>
 <td style="text-align:left">0.18em</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-mark-color</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Color</td>
 <td style="text-align:left">currentColor</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-mark-color-hover</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Color</td>
 <td style="text-align:left">null</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-mark-color-focus</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Color</td>
 <td style="text-align:left">null</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-mark-color-checked</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Color</td>
 <td style="text-align:left">null</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-mark-color-indeterminate</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Color</td>
 <td style="text-align:left">null</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-disabled-opacity</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Number</td>
 <td style="text-align:left">0.6</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-border-radius</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Dimension</td>
 <td style="text-align:left">null</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">description-color</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Color</td>
 <td style="text-align:left">false</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">description-margin</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">CssValue</td>
 <td style="text-align:left">(0.25em 0)</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">description-max-width</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Dimension</td>
 <td style="text-align:left">25em</td>
 <td style="text-align:left"></td>
 </tr>
@@ -5593,127 +5593,127 @@
 </tr>
 <tr>
 <td style="text-align:left">fieldset-background</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Color</td>
 <td style="text-align:left">transparent</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">fieldset-border</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">CssValue</td>
 <td style="text-align:left">none</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">fieldset-margin-bottom</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Dimension</td>
 <td style="text-align:left">1rem</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">fieldset-margin-top</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Dimension</td>
 <td style="text-align:left">1rem</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">fieldset-padding</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Dimension</td>
 <td style="text-align:left">0</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">fieldset-margin-compact</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Dimension</td>
 <td style="text-align:left">0</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">fieldset-border-bottom</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Dimension</td>
 <td style="text-align:left">0</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">fieldset-border-radius</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Dimension</td>
 <td style="text-align:left">0</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">fieldset-legend-color</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Color</td>
 <td style="text-align:left">inherit</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">fieldset-legend-border-bottom</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Dimension</td>
 <td style="text-align:left">null</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">fieldset-legend-padding-bottom</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Dimension</td>
 <td style="text-align:left">null</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">select-border-radius</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Dimension</td>
 <td style="text-align:left">4px</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">select-background-color</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Color</td>
 <td style="text-align:left">null</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">select-border</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">CssValue</td>
 <td style="text-align:left">null</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">select-padding-x</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Dimension</td>
 <td style="text-align:left">null</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">select-padding-y</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Dimension</td>
 <td style="text-align:left">null</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">select-image</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">CssValue</td>
 <td style="text-align:left">null</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">select-image-size</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Dimension</td>
 <td style="text-align:left">0.9em</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">select-image-offset</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Dimension</td>
 <td style="text-align:left">0.7em</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">select-image-margin</td>
-<td style="text-align:left">Map</td>
+<td style="text-align:left">Dimension</td>
 <td style="text-align:left">0.65em</td>
 <td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">inline-gap</td>
-<td style="text-align:left">Unit</td>
+<td style="text-align:left">Dimension</td>
 <td style="text-align:left">1em</td>
 <td style="text-align:left">Gap between items that are inline like checkboxes</td>
 </tr>

package/docs-dev/sass/components/hero/index.html

@@ -5116,8 +5116,8 @@
 <li><strong>File:</strong> _hero.scss</li>
 <li><strong>Group:</strong> hero</li>
 <li><strong>Type:</strong> variable</li>
-<li><strong>Lines (comments):</strong> 15-25</li>
-<li><strong>Lines (code):</strong> 27-40</li>
+<li><strong>Lines (comments):</strong> 16-26</li>
+<li><strong>Lines (code):</strong> 28-41</li>
 </ul>
 </details>
 <h4 id="map-properties" tabindex="-1">Map Properties</h4>
@@ -5201,8 +5201,8 @@
 <li><strong>File:</strong> _hero.scss</li>
 <li><strong>Group:</strong> hero</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 42-45</li>
-<li><strong>Lines (code):</strong> 47-49</li>
+<li><strong>Lines (comments):</strong> 43-46</li>
+<li><strong>Lines (code):</strong> 48-50</li>
 </ul>
 </details>
 <h4 id="examples" tabindex="-1">Examples</h4>
@@ -5241,8 +5241,8 @@
 <li><strong>File:</strong> _hero.scss</li>
 <li><strong>Group:</strong> hero</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 60-62</li>
-<li><strong>Lines (code):</strong> 64-192</li>
+<li><strong>Lines (comments):</strong> 61-63</li>
+<li><strong>Lines (code):</strong> 65-185</li>
 </ul>
 </details>
 <h4 id="examples-1" tabindex="-1">Examples</h4>
@@ -5265,8 +5265,8 @@
 <li><strong>File:</strong> _hero.scss</li>
 <li><strong>Group:</strong> hero</li>
 <li><strong>Type:</strong> function</li>
-<li><strong>Lines (comments):</strong> 51-54</li>
-<li><strong>Lines (code):</strong> 56-58</li>
+<li><strong>Lines (comments):</strong> 52-55</li>
+<li><strong>Lines (code):</strong> 57-59</li>
 </ul>
 </details>
 <h4 id="examples-2" tabindex="-1">Examples</h4>

package/docs-dev/sass/components/overlay-section/index.html

@@ -5122,8 +5122,8 @@
 <li><strong>File:</strong> _overlay-section.scss</li>
 <li><strong>Group:</strong> overlay-section</li>
 <li><strong>Type:</strong> variable</li>
-<li><strong>Lines (comments):</strong> 13-21</li>
-<li><strong>Lines (code):</strong> 23-41</li>
+<li><strong>Lines (comments):</strong> 14-22</li>
+<li><strong>Lines (code):</strong> 24-42</li>
 </ul>
 </details>
 <h4 id="map-properties" tabindex="-1">Map Properties</h4>
@@ -5195,8 +5195,8 @@
 <li><strong>File:</strong> _overlay-section.scss</li>
 <li><strong>Group:</strong> overlay-section</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 43-46</li>
-<li><strong>Lines (code):</strong> 48-50</li>
+<li><strong>Lines (comments):</strong> 44-47</li>
+<li><strong>Lines (code):</strong> 49-51</li>
 </ul>
 </details>
 <h4 id="examples" tabindex="-1">Examples</h4>
@@ -5235,8 +5235,8 @@
 <li><strong>File:</strong> _overlay-section.scss</li>
 <li><strong>Group:</strong> overlay-section</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 61-63</li>
-<li><strong>Lines (code):</strong> 65-122</li>
+<li><strong>Lines (comments):</strong> 62-64</li>
+<li><strong>Lines (code):</strong> 66-119</li>
 </ul>
 </details>
 <h4 id="examples-1" tabindex="-1">Examples</h4>
@@ -5259,8 +5259,8 @@
 <li><strong>File:</strong> _overlay-section.scss</li>
 <li><strong>Group:</strong> overlay-section</li>
 <li><strong>Type:</strong> function</li>
-<li><strong>Lines (comments):</strong> 52-55</li>
-<li><strong>Lines (code):</strong> 57-59</li>
+<li><strong>Lines (comments):</strong> 53-56</li>
+<li><strong>Lines (code):</strong> 58-60</li>
 </ul>
 </details>
 <h4 id="examples-2" tabindex="-1">Examples</h4>

package/docs-dev/sass/components/ratio-box/index.html

@@ -5112,8 +5112,8 @@
 <li><strong>File:</strong> _ratio-box.scss</li>
 <li><strong>Group:</strong> ratio-box</li>
 <li><strong>Type:</strong> variable</li>
-<li><strong>Lines (comments):</strong> 9-12</li>
-<li><strong>Lines (code):</strong> 14-21</li>
+<li><strong>Lines (comments):</strong> 10-13</li>
+<li><strong>Lines (code):</strong> 15-22</li>
 </ul>
 </details>
 <h4 id="map-properties" tabindex="-1">Map Properties</h4>
@@ -5155,8 +5155,8 @@
 <li><strong>File:</strong> _ratio-box.scss</li>
 <li><strong>Group:</strong> ratio-box</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 23-26</li>
-<li><strong>Lines (code):</strong> 28-30</li>
+<li><strong>Lines (comments):</strong> 24-27</li>
+<li><strong>Lines (code):</strong> 29-31</li>
 </ul>
 </details>
 <h4 id="examples" tabindex="-1">Examples</h4>
@@ -5195,8 +5195,8 @@
 <li><strong>File:</strong> _ratio-box.scss</li>
 <li><strong>Group:</strong> ratio-box</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 41-43</li>
-<li><strong>Lines (code):</strong> 45-64</li>
+<li><strong>Lines (comments):</strong> 42-44</li>
+<li><strong>Lines (code):</strong> 46-61</li>
 </ul>
 </details>
 <h4 id="examples-1" tabindex="-1">Examples</h4>
@@ -5219,8 +5219,8 @@
 <li><strong>File:</strong> _ratio-box.scss</li>
 <li><strong>Group:</strong> ratio-box</li>
 <li><strong>Type:</strong> function</li>
-<li><strong>Lines (comments):</strong> 32-35</li>
-<li><strong>Lines (code):</strong> 37-39</li>
+<li><strong>Lines (comments):</strong> 33-36</li>
+<li><strong>Lines (code):</strong> 38-40</li>
 </ul>
 </details>
 <h4 id="examples-2" tabindex="-1">Examples</h4>

package/docs-dev/sass/components/vignette/index.html

@@ -5108,8 +5108,8 @@
 <li><strong>File:</strong> _vignette.scss</li>
 <li><strong>Group:</strong> vignette</li>
 <li><strong>Type:</strong> variable</li>
-<li><strong>Lines (comments):</strong> 12-15</li>
-<li><strong>Lines (code):</strong> 17-20</li>
+<li><strong>Lines (comments):</strong> 13-16</li>
+<li><strong>Lines (code):</strong> 18-21</li>
 </ul>
 </details>
 <h4 id="map-properties" tabindex="-1">Map Properties</h4>
@@ -5151,8 +5151,8 @@
 <li><strong>File:</strong> _vignette.scss</li>
 <li><strong>Group:</strong> vignette</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 22-25</li>
-<li><strong>Lines (code):</strong> 27-29</li>
+<li><strong>Lines (comments):</strong> 23-26</li>
+<li><strong>Lines (code):</strong> 28-30</li>
 </ul>
 </details>
 <h4 id="examples" tabindex="-1">Examples</h4>
@@ -5191,8 +5191,8 @@
 <li><strong>File:</strong> _vignette.scss</li>
 <li><strong>Group:</strong> vignette</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 40-42</li>
-<li><strong>Lines (code):</strong> 44-66</li>
+<li><strong>Lines (comments):</strong> 41-43</li>
+<li><strong>Lines (code):</strong> 45-63</li>
 </ul>
 </details>
 <h4 id="examples-1" tabindex="-1">Examples</h4>
@@ -5215,8 +5215,8 @@
 <li><strong>File:</strong> _vignette.scss</li>
 <li><strong>Group:</strong> vignette</li>
 <li><strong>Type:</strong> function</li>
-<li><strong>Lines (comments):</strong> 31-34</li>
-<li><strong>Lines (code):</strong> 36-38</li>
+<li><strong>Lines (comments):</strong> 32-35</li>
+<li><strong>Lines (code):</strong> 37-39</li>
 </ul>
 </details>
 <h4 id="examples-2" tabindex="-1">Examples</h4>

package/docs-dev/sass/core/layout/index.html

@@ -5493,7 +5493,7 @@ side (x) + the padding. This accounts for the containers max-width to give an ab
 <li><strong>Group:</strong> layout</li>
 <li><strong>Type:</strong> mixin</li>
 <li><strong>Lines (comments):</strong> 209-211</li>
-<li><strong>Lines (code):</strong> 213-241</li>
+<li><strong>Lines (code):</strong> 213-238</li>
 </ul>
 </details>
 <h4 id="parameters-5" tabindex="-1">Parameters</h4>
@@ -5537,8 +5537,8 @@ side (x) + the padding. This accounts for the containers max-width to give an ab
 <li><strong>File:</strong> _layout.scss</li>
 <li><strong>Group:</strong> layout</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 243-243</li>
-<li><strong>Lines (code):</strong> 245-256</li>
+<li><strong>Lines (comments):</strong> 240-240</li>
+<li><strong>Lines (code):</strong> 242-253</li>
 </ul>
 </details>
 <div class="sassdoc-item-header">
@@ -5554,8 +5554,8 @@ side (x) + the padding. This accounts for the containers max-width to give an ab
 <li><strong>File:</strong> _layout.scss</li>
 <li><strong>Group:</strong> layout</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 258-258</li>
-<li><strong>Lines (code):</strong> 259-265</li>
+<li><strong>Lines (comments):</strong> 255-255</li>
+<li><strong>Lines (code):</strong> 256-262</li>
 </ul>
 </details>
 <div class="sassdoc-item-header">
@@ -5575,8 +5575,8 @@ so they are identical for compression</li>
 <li><strong>File:</strong> _layout.scss</li>
 <li><strong>Group:</strong> layout</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 267-269</li>
-<li><strong>Lines (code):</strong> 270-281</li>
+<li><strong>Lines (comments):</strong> 264-266</li>
+<li><strong>Lines (code):</strong> 267-278</li>
 </ul>
 </details>
 <h2 id="functions" tabindex="-1">Functions</h2>