npm - @ulu/frontend - Versions diffs - 0.1.0-beta.42 → 0.1.0-beta.43 - Mend

@ulu/frontend 0.1.0-beta.42 → 0.1.0-beta.43

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (69) hide show

package/CHANGELOG.md +5 -0
package/dist/ulu-frontend.min.css +1 -1
package/docs-dev/changelog/index.html +16 -0
package/docs-dev/demos/card/index.html +16 -16
package/docs-dev/demos/data-table/index.html +100 -100
package/docs-dev/demos/popovers/index.html +5453 -0
package/docs-dev/sass/base/elements/index.html +70 -70
package/docs-dev/sass/base/index/index.html +56 -56
package/docs-dev/sass/base/layout/index.html +63 -63
package/docs-dev/sass/components/accordion/index.html +118 -118
package/docs-dev/sass/components/adaptive-spacing/index.html +124 -124
package/docs-dev/sass/components/badge/index.html +96 -96
package/docs-dev/sass/components/basic-hero/index.html +62 -62
package/docs-dev/sass/components/button/index.html +49 -49
package/docs-dev/sass/components/button-verbose/index.html +128 -128
package/docs-dev/sass/components/callout/index.html +163 -163
package/docs-dev/sass/components/captioned-figure/index.html +114 -114
package/docs-dev/sass/components/card/index.html +170 -170
package/docs-dev/sass/components/card-grid/index.html +70 -70
package/docs-dev/sass/components/counter-list/index.html +119 -119
package/docs-dev/sass/components/css-icon/index.html +140 -140
package/docs-dev/sass/components/data-grid/index.html +166 -166
package/docs-dev/sass/components/data-table/index.html +114 -114
package/docs-dev/sass/components/flipcard/index.html +162 -162
package/docs-dev/sass/components/flipcard-grid/index.html +57 -57
package/docs-dev/sass/components/form-theme/index.html +265 -265
package/docs-dev/sass/components/hero/index.html +107 -107
package/docs-dev/sass/components/horizontal-rule/index.html +56 -56
package/docs-dev/sass/components/image-grid/index.html +63 -63
package/docs-dev/sass/components/index/index.html +95 -95
package/docs-dev/sass/components/list-inline/index.html +77 -77
package/docs-dev/sass/components/list-lines/index.html +98 -98
package/docs-dev/sass/components/menu-stack/index.html +119 -119
package/docs-dev/sass/components/modal/index.html +114 -114
package/docs-dev/sass/components/nav-strip/index.html +114 -114
package/docs-dev/sass/components/overlay-section/index.html +101 -101
package/docs-dev/sass/components/pager/index.html +114 -114
package/docs-dev/sass/components/placeholder-block/index.html +114 -114
package/docs-dev/sass/components/popover/index.html +114 -114
package/docs-dev/sass/components/pull-quote/index.html +114 -114
package/docs-dev/sass/components/ratio-box/index.html +60 -60
package/docs-dev/sass/components/rule/index.html +63 -63
package/docs-dev/sass/components/scroll-slider/index.html +114 -114
package/docs-dev/sass/components/skip-link/index.html +34 -34
package/docs-dev/sass/components/slider/index.html +114 -114
package/docs-dev/sass/components/spoke-spinner/index.html +56 -56
package/docs-dev/sass/components/sticky-list/index.html +145 -145
package/docs-dev/sass/components/tabs/index.html +114 -114
package/docs-dev/sass/components/tag/index.html +161 -161
package/docs-dev/sass/components/tile-button/index.html +101 -101
package/docs-dev/sass/components/tile-grid/index.html +142 -142
package/docs-dev/sass/components/tile-grid-overlay/index.html +37 -37
package/docs-dev/sass/components/vignette/index.html +56 -56
package/docs-dev/sass/components/wysiwyg/index.html +65 -65
package/docs-dev/sass/core/breakpoint/index.html +100 -100
package/docs-dev/sass/core/button/index.html +535 -535
package/docs-dev/sass/core/color/index.html +157 -157
package/docs-dev/sass/core/cssvar/index.html +49 -49
package/docs-dev/sass/core/element/index.html +504 -504
package/docs-dev/sass/core/layout/index.html +107 -107
package/docs-dev/sass/core/path/index.html +32 -32
package/docs-dev/sass/core/selector/index.html +49 -49
package/docs-dev/sass/core/typography/index.html +265 -265
package/docs-dev/sass/core/units/index.html +81 -81
package/docs-dev/sass/core/utils/index.html +70 -70
package/docs-dev/sass/helpers/index/index.html +53 -53
package/docs-dev/sass/helpers/units/index.html +47 -47
package/package.json +1 -1
package/scss/components/_card.scss +9 -6

package/docs-dev/sass/core/color/index.html CHANGED Viewed

@@ -5166,6 +5166,21 @@
 <div class="toc">
                 <ol>
+                    <li><a href="#variables">Variables</a>
+                <ol>
+                    <li><a href="#variable-palette">$palette</a>
+            		</li>
+                    <li><a href="#variable-contexts">$contexts</a>
+            		</li>
+                    <li><a href="#variable-color-classes">$color-classes</a>
+            		</li>
+                </ol>
+            		</li>
                     <li><a href="#mixins">Mixins</a>
                 <ol>
@@ -5211,21 +5226,6 @@
                     <li><a href="#function-shade">shade()</a>
             		</li>
-                </ol>
-            		</li>
-                    <li><a href="#variables">Variables</a>
-                <ol>
-                    <li><a href="#variable-palette">$palette</a>
-            		</li>
-                    <li><a href="#variable-contexts">$contexts</a>
-            		</li>
-                    <li><a href="#variable-color-classes">$color-classes</a>
-            		</li>
                 </ol>
             		</li>
                 </ol>
@@ -5242,6 +5242,148 @@
       <h1 id="color" tabindex="-1">Color</h1>
 <div class="type-large">
 </div>
+<h2 id="variables" tabindex="-1">Variables</h2>
+<div class="sassdoc-item-header">
+<h3 id="variable-palette" tabindex="-1">$palette</h3>
+  <div class="sassdoc-item-header__labels">
+    <span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: map</span>
+  </div>
+</div>
+<p>The color palette map, can be extended or modified with set() and accessed with get()</p>
+<ul>
+<li>Note do not use names that start with &quot;var(&quot; which are reserved for custom properties. Also do not use &quot;inherit&quot; or &quot;transparent&quot; as those are reserved.</li>
+<li>The default palette color names are used throughout the system</li>
+</ul>
+<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$palette</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
+  <span class="pjs-token pjs-string">"black"</span>                   <span class="pjs-token pjs-punctuation">:</span> black<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"white"</span>                   <span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"type"</span>                    <span class="pjs-token pjs-punctuation">:</span> black<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"type-secondary"</span>          <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">rgb</span><span class="pjs-token pjs-punctuation">(</span>82<span class="pjs-token pjs-punctuation">,</span> 82<span class="pjs-token pjs-punctuation">,</span> 82<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"type-tertiary"</span>           <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">rgb</span><span class="pjs-token pjs-punctuation">(</span>157<span class="pjs-token pjs-punctuation">,</span> 157<span class="pjs-token pjs-punctuation">,</span> 157<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"headline"</span>                <span class="pjs-token pjs-punctuation">:</span> inherit<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"background"</span>              <span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"background-gray"</span>         <span class="pjs-token pjs-punctuation">:</span> #F7F8F7<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"focus"</span>                   <span class="pjs-token pjs-punctuation">:</span> blue<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"accent"</span>                  <span class="pjs-token pjs-punctuation">:</span> orange<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"info"</span>                    <span class="pjs-token pjs-punctuation">:</span> #00bde3<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"success"</span>                 <span class="pjs-token pjs-punctuation">:</span> #00a91c<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"warning"</span>                 <span class="pjs-token pjs-punctuation">:</span> #ffbe2e<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"danger"</span>                  <span class="pjs-token pjs-punctuation">:</span> #d54309<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"info-background"</span>         <span class="pjs-token pjs-punctuation">:</span> #e7f6f8<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"success-background"</span>      <span class="pjs-token pjs-punctuation">:</span> #ecf3ec<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"warning-background"</span>      <span class="pjs-token pjs-punctuation">:</span> #faf3d1<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"danger-background"</span>       <span class="pjs-token pjs-punctuation">:</span> #f4e3db<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"selected"</span>                <span class="pjs-token pjs-punctuation">:</span> green<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"box-shadow"</span>              <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">rgba</span><span class="pjs-token pjs-punctuation">(</span>0<span class="pjs-token pjs-punctuation">,</span> 0<span class="pjs-token pjs-punctuation">,</span> 0<span class="pjs-token pjs-punctuation">,</span> 0.349<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"box-shadow-hover"</span>        <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">rgba</span><span class="pjs-token pjs-punctuation">(</span>0<span class="pjs-token pjs-punctuation">,</span> 0<span class="pjs-token pjs-punctuation">,</span> 0<span class="pjs-token pjs-punctuation">,</span> 0.5<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"rule"</span>                    <span class="pjs-token pjs-punctuation">:</span> gray<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"rule-light"</span>              <span class="pjs-token pjs-punctuation">:</span> lightgray<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"link"</span>                    <span class="pjs-token pjs-punctuation">:</span> blue<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"link-hover"</span>              <span class="pjs-token pjs-punctuation">:</span> darkblue<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"link-active"</span>             <span class="pjs-token pjs-punctuation">:</span> darkblue<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"link-visited"</span>            <span class="pjs-token pjs-punctuation">:</span> purple<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"bullet"</span>                  <span class="pjs-token pjs-punctuation">:</span> inherit<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"control"</span>                 <span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"control-hover"</span>           <span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"control-active"</span>           <span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"control-border"</span>          <span class="pjs-token pjs-punctuation">:</span> purple<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"control-border-hover"</span>       <span class="pjs-token pjs-punctuation">:</span> blue<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"control-border-active"</span>       <span class="pjs-token pjs-punctuation">:</span> orange<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"control-background"</span>      <span class="pjs-token pjs-punctuation">:</span> purple<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"control-background-hover"</span><span class="pjs-token pjs-punctuation">:</span> blue<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"control-background-active"</span><span class="pjs-token pjs-punctuation">:</span> orange<span class="pjs-token pjs-punctuation">,</span>
+<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
+<details>
+  <summary>File Information</summary>
+<ul>
+<li><strong>File:</strong> _color.scss</li>
+<li><strong>Group:</strong> color</li>
+<li><strong>Type:</strong> variable</li>
+<li><strong>Lines (comments):</strong> 13-16</li>
+<li><strong>Lines (code):</strong> 18-56</li>
+</ul>
+</details>
+<div class="sassdoc-item-header">
+<h3 id="variable-contexts" tabindex="-1">$contexts</h3>
+  <div class="sassdoc-item-header__labels">
+    <span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: map</span>
+  </div>
+</div>
+<p>Pairs of background-color and color definitions</p>
+<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$contexts</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
+  <span class="pjs-token pjs-string">"dark"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
+    <span class="pjs-token pjs-string">"background-color"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"black"</span><span class="pjs-token pjs-punctuation">,</span>
+    <span class="pjs-token pjs-string">"color"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"white"</span><span class="pjs-token pjs-punctuation">,</span>
+    <span class="pjs-token pjs-string">"base-class"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span>
+  <span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"light"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
+    <span class="pjs-token pjs-string">"background-color"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"white"</span><span class="pjs-token pjs-punctuation">,</span>
+    <span class="pjs-token pjs-string">"color"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"black"</span><span class="pjs-token pjs-punctuation">,</span>
+    <span class="pjs-token pjs-string">"base-class"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span>
+  <span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
+<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
+<details>
+  <summary>File Information</summary>
+<ul>
+<li><strong>File:</strong> _color.scss</li>
+<li><strong>Group:</strong> color</li>
+<li><strong>Type:</strong> variable</li>
+<li><strong>Lines (comments):</strong> 58-62</li>
+<li><strong>Lines (code):</strong> 64-75</li>
+</ul>
+</details>
+<h4 id="map-properties" tabindex="-1">Map Properties</h4>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Type</th>
+<th style="text-align:left">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left">$contexts.name.background-color</td>
+<td style="text-align:left">Number</td>
+<td style="text-align:left">String</td>
+</tr>
+<tr>
+<td style="text-align:left">$contexts.name.color</td>
+<td style="text-align:left">Number</td>
+<td style="text-align:left">String</td>
+</tr>
+<tr>
+<td style="text-align:left">$contexts.name.base-class</td>
+<td style="text-align:left">Boolean</td>
+<td style="text-align:left">Print this value in the base module as a class (if base prints)</td>
+</tr>
+</tbody>
+</table>
+<div class="sassdoc-item-header">
+<h3 id="variable-color-classes" tabindex="-1">$color-classes</h3>
+  <div class="sassdoc-item-header__labels">
+    <span class="tag tag--primary"><strong>Variable</strong></span>
+  </div>
+</div>
+<p>Palette entries that are output as classes when using all-color-class-styles</p>
+<ul>
+<li>Use set-color-classes mixin to alter this map</li>
+</ul>
+<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$color-classes</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
+  <span class="pjs-token pjs-string">"black"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span><span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"white"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span><span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"type"</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span>
+<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
+<details>
+  <summary>File Information</summary>
+<ul>
+<li><strong>File:</strong> _color.scss</li>
+<li><strong>Group:</strong> color</li>
+<li><strong>Type:</strong> variable</li>
+<li><strong>Lines (comments):</strong> 77-78</li>
+<li><strong>Lines (code):</strong> 79-83</li>
+</ul>
+</details>
 <h2 id="mixins" tabindex="-1">Mixins</h2>
 <div class="sassdoc-item-header">
 <h3 id="mixin-set" tabindex="-1">set()</h3>
@@ -5814,148 +5956,6 @@
 <ul>
 <li><a href="/frontend/sass/core/breakpoint/#function-get">get()</a></li>
 </ul>
-<h2 id="variables" tabindex="-1">Variables</h2>
-<div class="sassdoc-item-header">
-<h3 id="variable-palette" tabindex="-1">$palette</h3>
-  <div class="sassdoc-item-header__labels">
-    <span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: map</span>
-  </div>
-</div>
-<p>The color palette map, can be extended or modified with set() and accessed with get()</p>
-<ul>
-<li>Note do not use names that start with &quot;var(&quot; which are reserved for custom properties. Also do not use &quot;inherit&quot; or &quot;transparent&quot; as those are reserved.</li>
-<li>The default palette color names are used throughout the system</li>
-</ul>
-<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$palette</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
-  <span class="pjs-token pjs-string">"black"</span>                   <span class="pjs-token pjs-punctuation">:</span> black<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"white"</span>                   <span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"type"</span>                    <span class="pjs-token pjs-punctuation">:</span> black<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"type-secondary"</span>          <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">rgb</span><span class="pjs-token pjs-punctuation">(</span>82<span class="pjs-token pjs-punctuation">,</span> 82<span class="pjs-token pjs-punctuation">,</span> 82<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"type-tertiary"</span>           <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">rgb</span><span class="pjs-token pjs-punctuation">(</span>157<span class="pjs-token pjs-punctuation">,</span> 157<span class="pjs-token pjs-punctuation">,</span> 157<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"headline"</span>                <span class="pjs-token pjs-punctuation">:</span> inherit<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"background"</span>              <span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"background-gray"</span>         <span class="pjs-token pjs-punctuation">:</span> #F7F8F7<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"focus"</span>                   <span class="pjs-token pjs-punctuation">:</span> blue<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"accent"</span>                  <span class="pjs-token pjs-punctuation">:</span> orange<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"info"</span>                    <span class="pjs-token pjs-punctuation">:</span> #00bde3<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"success"</span>                 <span class="pjs-token pjs-punctuation">:</span> #00a91c<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"warning"</span>                 <span class="pjs-token pjs-punctuation">:</span> #ffbe2e<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"danger"</span>                  <span class="pjs-token pjs-punctuation">:</span> #d54309<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"info-background"</span>         <span class="pjs-token pjs-punctuation">:</span> #e7f6f8<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"success-background"</span>      <span class="pjs-token pjs-punctuation">:</span> #ecf3ec<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"warning-background"</span>      <span class="pjs-token pjs-punctuation">:</span> #faf3d1<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"danger-background"</span>       <span class="pjs-token pjs-punctuation">:</span> #f4e3db<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"selected"</span>                <span class="pjs-token pjs-punctuation">:</span> green<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"box-shadow"</span>              <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">rgba</span><span class="pjs-token pjs-punctuation">(</span>0<span class="pjs-token pjs-punctuation">,</span> 0<span class="pjs-token pjs-punctuation">,</span> 0<span class="pjs-token pjs-punctuation">,</span> 0.349<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"box-shadow-hover"</span>        <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">rgba</span><span class="pjs-token pjs-punctuation">(</span>0<span class="pjs-token pjs-punctuation">,</span> 0<span class="pjs-token pjs-punctuation">,</span> 0<span class="pjs-token pjs-punctuation">,</span> 0.5<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"rule"</span>                    <span class="pjs-token pjs-punctuation">:</span> gray<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"rule-light"</span>              <span class="pjs-token pjs-punctuation">:</span> lightgray<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"link"</span>                    <span class="pjs-token pjs-punctuation">:</span> blue<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"link-hover"</span>              <span class="pjs-token pjs-punctuation">:</span> darkblue<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"link-active"</span>             <span class="pjs-token pjs-punctuation">:</span> darkblue<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"link-visited"</span>            <span class="pjs-token pjs-punctuation">:</span> purple<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"bullet"</span>                  <span class="pjs-token pjs-punctuation">:</span> inherit<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"control"</span>                 <span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"control-hover"</span>           <span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"control-active"</span>           <span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"control-border"</span>          <span class="pjs-token pjs-punctuation">:</span> purple<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"control-border-hover"</span>       <span class="pjs-token pjs-punctuation">:</span> blue<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"control-border-active"</span>       <span class="pjs-token pjs-punctuation">:</span> orange<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"control-background"</span>      <span class="pjs-token pjs-punctuation">:</span> purple<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"control-background-hover"</span><span class="pjs-token pjs-punctuation">:</span> blue<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"control-background-active"</span><span class="pjs-token pjs-punctuation">:</span> orange<span class="pjs-token pjs-punctuation">,</span>
-<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
-<details>
-  <summary>File Information</summary>
-<ul>
-<li><strong>File:</strong> _color.scss</li>
-<li><strong>Group:</strong> color</li>
-<li><strong>Type:</strong> variable</li>
-<li><strong>Lines (comments):</strong> 13-16</li>
-<li><strong>Lines (code):</strong> 18-56</li>
-</ul>
-</details>
-<div class="sassdoc-item-header">
-<h3 id="variable-contexts" tabindex="-1">$contexts</h3>
-  <div class="sassdoc-item-header__labels">
-    <span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: map</span>
-  </div>
-</div>
-<p>Pairs of background-color and color definitions</p>
-<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$contexts</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
-  <span class="pjs-token pjs-string">"dark"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
-    <span class="pjs-token pjs-string">"background-color"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"black"</span><span class="pjs-token pjs-punctuation">,</span>
-    <span class="pjs-token pjs-string">"color"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"white"</span><span class="pjs-token pjs-punctuation">,</span>
-    <span class="pjs-token pjs-string">"base-class"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span>
-  <span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"light"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
-    <span class="pjs-token pjs-string">"background-color"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"white"</span><span class="pjs-token pjs-punctuation">,</span>
-    <span class="pjs-token pjs-string">"color"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"black"</span><span class="pjs-token pjs-punctuation">,</span>
-    <span class="pjs-token pjs-string">"base-class"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span>
-  <span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
-<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
-<details>
-  <summary>File Information</summary>
-<ul>
-<li><strong>File:</strong> _color.scss</li>
-<li><strong>Group:</strong> color</li>
-<li><strong>Type:</strong> variable</li>
-<li><strong>Lines (comments):</strong> 58-62</li>
-<li><strong>Lines (code):</strong> 64-75</li>
-</ul>
-</details>
-<h4 id="map-properties" tabindex="-1">Map Properties</h4>
-<table>
-<thead>
-<tr>
-<th style="text-align:left">Name</th>
-<th style="text-align:left">Type</th>
-<th style="text-align:left">Description</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td style="text-align:left">$contexts.name.background-color</td>
-<td style="text-align:left">Number</td>
-<td style="text-align:left">String</td>
-</tr>
-<tr>
-<td style="text-align:left">$contexts.name.color</td>
-<td style="text-align:left">Number</td>
-<td style="text-align:left">String</td>
-</tr>
-<tr>
-<td style="text-align:left">$contexts.name.base-class</td>
-<td style="text-align:left">Boolean</td>
-<td style="text-align:left">Print this value in the base module as a class (if base prints)</td>
-</tr>
-</tbody>
-</table>
-<div class="sassdoc-item-header">
-<h3 id="variable-color-classes" tabindex="-1">$color-classes</h3>
-  <div class="sassdoc-item-header__labels">
-    <span class="tag tag--primary"><strong>Variable</strong></span>
-  </div>
-</div>
-<p>Palette entries that are output as classes when using all-color-class-styles</p>
-<ul>
-<li>Use set-color-classes mixin to alter this map</li>
-</ul>
-<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$color-classes</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
-  <span class="pjs-token pjs-string">"black"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span><span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"white"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span><span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"type"</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span>
-<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
-<details>
-  <summary>File Information</summary>
-<ul>
-<li><strong>File:</strong> _color.scss</li>
-<li><strong>Group:</strong> color</li>
-<li><strong>Type:</strong> variable</li>
-<li><strong>Lines (comments):</strong> 77-78</li>
-<li><strong>Lines (code):</strong> 79-83</li>
-</ul>
-</details>
     </div>
   </div>

package/docs-dev/sass/core/cssvar/index.html CHANGED Viewed

@@ -5166,6 +5166,15 @@
 <div class="toc">
                 <ol>
+                    <li><a href="#variables">Variables</a>
+                <ol>
+                    <li><a href="#variable-config">$config</a>
+            		</li>
+                </ol>
+            		</li>
                     <li><a href="#mixins">Mixins</a>
                 <ol>
@@ -5211,15 +5220,6 @@
                     <li><a href="#function-subtract">subtract()</a>
             		</li>
-                </ol>
-            		</li>
-                    <li><a href="#variables">Variables</a>
-                <ol>
-                    <li><a href="#variable-config">$config</a>
-            		</li>
                 </ol>
             		</li>
                 </ol>
@@ -5237,6 +5237,46 @@
 <div class="type-large">
 <p>Provides support for custom-properties implementations</p>
 </div>
+<h2 id="variables" tabindex="-1">Variables</h2>
+<div class="sassdoc-item-header">
+<h3 id="variable-config" tabindex="-1">$config</h3>
+  <div class="sassdoc-item-header__labels">
+    <span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: Map</span>
+  </div>
+</div>
+<p>Module Settings</p>
+<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$config</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
+  <span class="pjs-token pjs-string">"prefix"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">""</span>
+<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
+<details>
+  <summary>File Information</summary>
+<ul>
+<li><strong>File:</strong> _cssvar.scss</li>
+<li><strong>Group:</strong> cssvar</li>
+<li><strong>Type:</strong> variable</li>
+<li><strong>Lines (comments):</strong> 14-16</li>
+<li><strong>Lines (code):</strong> 18-20</li>
+</ul>
+</details>
+<h4 id="map-properties" tabindex="-1">Map Properties</h4>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Type</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left">prefix</td>
+<td style="text-align:left">String</td>
+<td style="text-align:left">&quot;&quot;</td>
+<td style="text-align:left">Default prefix, will be added to all custom properties when using mixin or functions, unless overridden, set to empty quotes to disable</td>
+</tr>
+</tbody>
+</table>
 <h2 id="mixins" tabindex="-1">Mixins</h2>
 <div class="sassdoc-item-header">
 <h3 id="mixin-set" tabindex="-1">set()</h3>
@@ -5934,46 +5974,6 @@
 <ul>
 <li><a href="/frontend/sass/core/cssvar/#function-join">join()</a></li>
 </ul>
-<h2 id="variables" tabindex="-1">Variables</h2>
-<div class="sassdoc-item-header">
-<h3 id="variable-config" tabindex="-1">$config</h3>
-  <div class="sassdoc-item-header__labels">
-    <span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: Map</span>
-  </div>
-</div>
-<p>Module Settings</p>
-<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$config</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
-  <span class="pjs-token pjs-string">"prefix"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">""</span>
-<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
-<details>
-  <summary>File Information</summary>
-<ul>
-<li><strong>File:</strong> _cssvar.scss</li>
-<li><strong>Group:</strong> cssvar</li>
-<li><strong>Type:</strong> variable</li>
-<li><strong>Lines (comments):</strong> 14-16</li>
-<li><strong>Lines (code):</strong> 18-20</li>
-</ul>
-</details>
-<h4 id="map-properties" tabindex="-1">Map Properties</h4>
-<table>
-<thead>
-<tr>
-<th style="text-align:left">Name</th>
-<th style="text-align:left">Type</th>
-<th style="text-align:left">Default</th>
-<th style="text-align:left">Description</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td style="text-align:left">prefix</td>
-<td style="text-align:left">String</td>
-<td style="text-align:left">&quot;&quot;</td>
-<td style="text-align:left">Default prefix, will be added to all custom properties when using mixin or functions, unless overridden, set to empty quotes to disable</td>
-</tr>
-</tbody>
-</table>
     </div>
   </div>