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

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

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 (68) hide show

package/CHANGELOG.md +11 -0
package/dist/ulu-frontend.min.css +1 -1
package/docs-dev/changelog/index.html +27 -0
package/docs-dev/demos/card/index.html +2 -2
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 +198 -175
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 +5 -2
package/scss/components/_card.scss +25 -11

package/docs-dev/sass/components/list-lines/index.html CHANGED Viewed

@@ -5166,32 +5166,32 @@
 <div class="toc">
                 <ol>
-                    <li><a href="#mixins">Mixins</a>
+                    <li><a href="#variables">Variables</a>
                 <ol>
-                    <li><a href="#mixin-set">set()</a>
-            		</li>
-                    <li><a href="#mixin-styles">styles()</a>
+                    <li><a href="#variable-config">$config</a>
             		</li>
                 </ol>
             		</li>
-                    <li><a href="#functions">Functions</a>
+                    <li><a href="#mixins">Mixins</a>
                 <ol>
-                    <li><a href="#function-get">get()</a>
+                    <li><a href="#mixin-set">set()</a>
+            		</li>
+                    <li><a href="#mixin-styles">styles()</a>
             		</li>
                 </ol>
             		</li>
-                    <li><a href="#variables">Variables</a>
+                    <li><a href="#functions">Functions</a>
                 <ol>
-                    <li><a href="#variable-config">$config</a>
+                    <li><a href="#function-get">get()</a>
             		</li>
                 </ol>
             		</li>
@@ -5209,6 +5209,95 @@
       <h1 id="list-lines" tabindex="-1">List-lines</h1>
 <div class="type-large">
 </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>
+  </div>
+</div>
+<p>Module Config</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">"border-first"</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">"border-last"</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">"margin-bottom"</span><span class="pjs-token pjs-punctuation">:</span> 1em<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"margin-top"</span><span class="pjs-token pjs-punctuation">:</span> 0<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"rule-style"</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-string">"padding-between"</span> <span class="pjs-token pjs-punctuation">:</span> 1em<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"dense-padding-between"</span> <span class="pjs-token pjs-punctuation">:</span> 0.65em<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"dense-line-height"</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> _list-lines.scss</li>
+<li><strong>Group:</strong> list-lines</li>
+<li><strong>Type:</strong> variable</li>
+<li><strong>Lines (comments):</strong> 21-29</li>
+<li><strong>Lines (code):</strong> 31-40</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">border-first</td>
+<td style="text-align:left">Boolean</td>
+<td style="text-align:left">true</td>
+<td style="text-align:left">If enabled, adds a top border to the first item in list-lines.</td>
+</tr>
+<tr>
+<td style="text-align:left">border-last</td>
+<td style="text-align:left">Boolean</td>
+<td style="text-align:left">true</td>
+<td style="text-align:left">If enabled, adds a bottom border to the last item in list-lines.</td>
+</tr>
+<tr>
+<td style="text-align:left">rule-style</td>
+<td style="text-align:left">String</td>
+<td style="text-align:left">&quot;light&quot;</td>
+<td style="text-align:left">Name of element &gt; rule style to use for divider/border</td>
+</tr>
+<tr>
+<td style="text-align:left">margin-bottom</td>
+<td style="text-align:left">Dimension</td>
+<td style="text-align:left">1em</td>
+<td style="text-align:left">Bottom margin of list.</td>
+</tr>
+<tr>
+<td style="text-align:left">margin-top</td>
+<td style="text-align:left">Dimension</td>
+<td style="text-align:left">0</td>
+<td style="text-align:left">Top margin of list.</td>
+</tr>
+<tr>
+<td style="text-align:left">padding-between</td>
+<td style="text-align:left">Dimension</td>
+<td style="text-align:left">1em</td>
+<td style="text-align:left">Padding between items in list.</td>
+</tr>
+<tr>
+<td style="text-align:left">padding-between</td>
+<td style="text-align:left">Dimension</td>
+<td style="text-align:left">1em</td>
+<td style="text-align:left">Padding between items in list when using dense modifier</td>
+</tr>
+<tr>
+<td style="text-align:left">line-height-dense</td>
+<td style="text-align:left">Dimension</td>
+<td style="text-align:left">true</td>
+<td style="text-align:left">Line height when list lines has dense modifier (defaults to typography line-height-dense)</td>
+</tr>
+</tbody>
+</table>
 <h2 id="mixins" tabindex="-1">Mixins</h2>
 <div class="sassdoc-item-header">
 <h3 id="mixin-set" tabindex="-1">set()</h3>
@@ -5314,95 +5403,6 @@
 <ul>
 <li><a href="/frontend/sass/components/accordion/#variable-config">$config</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>
-  </div>
-</div>
-<p>Module Config</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">"border-first"</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">"border-last"</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">"margin-bottom"</span><span class="pjs-token pjs-punctuation">:</span> 1em<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"margin-top"</span><span class="pjs-token pjs-punctuation">:</span> 0<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"rule-style"</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-string">"padding-between"</span> <span class="pjs-token pjs-punctuation">:</span> 1em<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"dense-padding-between"</span> <span class="pjs-token pjs-punctuation">:</span> 0.65em<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"dense-line-height"</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> _list-lines.scss</li>
-<li><strong>Group:</strong> list-lines</li>
-<li><strong>Type:</strong> variable</li>
-<li><strong>Lines (comments):</strong> 21-29</li>
-<li><strong>Lines (code):</strong> 31-40</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">border-first</td>
-<td style="text-align:left">Boolean</td>
-<td style="text-align:left">true</td>
-<td style="text-align:left">If enabled, adds a top border to the first item in list-lines.</td>
-</tr>
-<tr>
-<td style="text-align:left">border-last</td>
-<td style="text-align:left">Boolean</td>
-<td style="text-align:left">true</td>
-<td style="text-align:left">If enabled, adds a bottom border to the last item in list-lines.</td>
-</tr>
-<tr>
-<td style="text-align:left">rule-style</td>
-<td style="text-align:left">String</td>
-<td style="text-align:left">&quot;light&quot;</td>
-<td style="text-align:left">Name of element &gt; rule style to use for divider/border</td>
-</tr>
-<tr>
-<td style="text-align:left">margin-bottom</td>
-<td style="text-align:left">Dimension</td>
-<td style="text-align:left">1em</td>
-<td style="text-align:left">Bottom margin of list.</td>
-</tr>
-<tr>
-<td style="text-align:left">margin-top</td>
-<td style="text-align:left">Dimension</td>
-<td style="text-align:left">0</td>
-<td style="text-align:left">Top margin of list.</td>
-</tr>
-<tr>
-<td style="text-align:left">padding-between</td>
-<td style="text-align:left">Dimension</td>
-<td style="text-align:left">1em</td>
-<td style="text-align:left">Padding between items in list.</td>
-</tr>
-<tr>
-<td style="text-align:left">padding-between</td>
-<td style="text-align:left">Dimension</td>
-<td style="text-align:left">1em</td>
-<td style="text-align:left">Padding between items in list when using dense modifier</td>
-</tr>
-<tr>
-<td style="text-align:left">line-height-dense</td>
-<td style="text-align:left">Dimension</td>
-<td style="text-align:left">true</td>
-<td style="text-align:left">Line height when list lines has dense modifier (defaults to typography line-height-dense)</td>
-</tr>
-</tbody>
-</table>
     </div>
   </div>

package/docs-dev/sass/components/menu-stack/index.html CHANGED Viewed

@@ -5166,32 +5166,32 @@
 <div class="toc">
                 <ol>
-                    <li><a href="#mixins">Mixins</a>
+                    <li><a href="#variables">Variables</a>
                 <ol>
-                    <li><a href="#mixin-set">set()</a>
-            		</li>
-                    <li><a href="#mixin-styles">styles()</a>
+                    <li><a href="#variable-config">$config</a>
             		</li>
                 </ol>
             		</li>
-                    <li><a href="#functions">Functions</a>
+                    <li><a href="#mixins">Mixins</a>
                 <ol>
-                    <li><a href="#function-get">get()</a>
+                    <li><a href="#mixin-set">set()</a>
+            		</li>
+                    <li><a href="#mixin-styles">styles()</a>
             		</li>
                 </ol>
             		</li>
-                    <li><a href="#variables">Variables</a>
+                    <li><a href="#functions">Functions</a>
                 <ol>
-                    <li><a href="#variable-config">$config</a>
+                    <li><a href="#function-get">get()</a>
             		</li>
                 </ol>
             		</li>
@@ -5209,116 +5209,6 @@
       <h1 id="menu-stack" tabindex="-1">Menu-stack</h1>
 <div class="type-large">
 </div>
-<h2 id="mixins" tabindex="-1">Mixins</h2>
-<div class="sassdoc-item-header">
-<h3 id="mixin-set" tabindex="-1">set()</h3>
-  <div class="sassdoc-item-header__labels">
-    <span class="tag tag--primary"><strong>Mixin</strong></span>
-  </div>
-</div>
-<p>Change modules $config</p>
-<details>
-  <summary>File Information</summary>
-<ul>
-<li><strong>File:</strong> _menu-stack.scss</li>
-<li><strong>Group:</strong> menu-stack</li>
-<li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 98-101</li>
-<li><strong>Lines (code):</strong> 103-105</li>
-</ul>
-</details>
-<h4 id="examples" tabindex="-1">Examples</h4>
-<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-menu-stack-set</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-punctuation">(</span> <span class="pjs-token pjs-string">"property"</span> <span class="pjs-token pjs-punctuation">:</span> value <span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
-<h4 id="parameters" tabindex="-1">Parameters</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">$changes</td>
-<td style="text-align:left"><code>Map</code></td>
-<td style="text-align:left">Map of changes</td>
-</tr>
-</tbody>
-</table>
-<h4 id="require" tabindex="-1">Require</h4>
-<ul>
-<li><a href="/frontend/sass/components/accordion/#variable-config">$config</a></li>
-</ul>
-<div class="sassdoc-item-header">
-<h3 id="mixin-styles" tabindex="-1">styles()</h3>
-  <div class="sassdoc-item-header__labels">
-    <span class="tag tag--primary"><strong>Mixin</strong></span>
-  </div>
-</div>
-<p>Prints component styles</p>
-<details>
-  <summary>File Information</summary>
-<ul>
-<li><strong>File:</strong> _menu-stack.scss</li>
-<li><strong>Group:</strong> menu-stack</li>
-<li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 122-126</li>
-<li><strong>Lines (code):</strong> 128-261</li>
-</ul>
-</details>
-<h4 id="examples-1" tabindex="-1">Examples</h4>
-<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-menu-stack-styles</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
-<h4 id="todos" tabindex="-1">Todos</h4>
-<ul>
-<li>Colors stuff</li>
-<li>Selector prefix</li>
-</ul>
-<h4 id="require-1" tabindex="-1">Require</h4>
-<ul>
-<li><a href="/frontend/sass/components/accordion/#function-get">get()</a></li>
-</ul>
-<h2 id="functions" tabindex="-1">Functions</h2>
-<div class="sassdoc-item-header">
-<h3 id="function-get" tabindex="-1">get()</h3>
-  <div class="sassdoc-item-header__labels">
-    <span class="tag tag--primary"><strong>Function</strong></span>
-  </div>
-</div>
-<p>Get a config option</p>
-<details>
-  <summary>File Information</summary>
-<ul>
-<li><strong>File:</strong> _menu-stack.scss</li>
-<li><strong>Group:</strong> menu-stack</li>
-<li><strong>Type:</strong> function</li>
-<li><strong>Lines (comments):</strong> 107-110</li>
-<li><strong>Lines (code):</strong> 112-115</li>
-</ul>
-</details>
-<h4 id="examples-2" tabindex="-1">Examples</h4>
-<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-menu-stack-get</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-string">"property"</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
-<h4 id="parameters-1" tabindex="-1">Parameters</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">$name</td>
-<td style="text-align:left"><code>Map</code></td>
-<td style="text-align:left">Name of property</td>
-</tr>
-</tbody>
-</table>
-<h4 id="require-2" tabindex="-1">Require</h4>
-<ul>
-<li><a href="/frontend/sass/components/accordion/#variable-config">$config</a></li>
-</ul>
 <h2 id="variables" tabindex="-1">Variables</h2>
 <div class="sassdoc-item-header">
 <h3 id="variable-config" tabindex="-1">$config</h3>
@@ -5555,6 +5445,116 @@
 </tr>
 </tbody>
 </table>
+<h2 id="mixins" tabindex="-1">Mixins</h2>
+<div class="sassdoc-item-header">
+<h3 id="mixin-set" tabindex="-1">set()</h3>
+  <div class="sassdoc-item-header__labels">
+    <span class="tag tag--primary"><strong>Mixin</strong></span>
+  </div>
+</div>
+<p>Change modules $config</p>
+<details>
+  <summary>File Information</summary>
+<ul>
+<li><strong>File:</strong> _menu-stack.scss</li>
+<li><strong>Group:</strong> menu-stack</li>
+<li><strong>Type:</strong> mixin</li>
+<li><strong>Lines (comments):</strong> 98-101</li>
+<li><strong>Lines (code):</strong> 103-105</li>
+</ul>
+</details>
+<h4 id="examples" tabindex="-1">Examples</h4>
+<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-menu-stack-set</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-punctuation">(</span> <span class="pjs-token pjs-string">"property"</span> <span class="pjs-token pjs-punctuation">:</span> value <span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
+<h4 id="parameters" tabindex="-1">Parameters</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">$changes</td>
+<td style="text-align:left"><code>Map</code></td>
+<td style="text-align:left">Map of changes</td>
+</tr>
+</tbody>
+</table>
+<h4 id="require" tabindex="-1">Require</h4>
+<ul>
+<li><a href="/frontend/sass/components/accordion/#variable-config">$config</a></li>
+</ul>
+<div class="sassdoc-item-header">
+<h3 id="mixin-styles" tabindex="-1">styles()</h3>
+  <div class="sassdoc-item-header__labels">
+    <span class="tag tag--primary"><strong>Mixin</strong></span>
+  </div>
+</div>
+<p>Prints component styles</p>
+<details>
+  <summary>File Information</summary>
+<ul>
+<li><strong>File:</strong> _menu-stack.scss</li>
+<li><strong>Group:</strong> menu-stack</li>
+<li><strong>Type:</strong> mixin</li>
+<li><strong>Lines (comments):</strong> 122-126</li>
+<li><strong>Lines (code):</strong> 128-261</li>
+</ul>
+</details>
+<h4 id="examples-1" tabindex="-1">Examples</h4>
+<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-menu-stack-styles</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
+<h4 id="todos" tabindex="-1">Todos</h4>
+<ul>
+<li>Colors stuff</li>
+<li>Selector prefix</li>
+</ul>
+<h4 id="require-1" tabindex="-1">Require</h4>
+<ul>
+<li><a href="/frontend/sass/components/accordion/#function-get">get()</a></li>
+</ul>
+<h2 id="functions" tabindex="-1">Functions</h2>
+<div class="sassdoc-item-header">
+<h3 id="function-get" tabindex="-1">get()</h3>
+  <div class="sassdoc-item-header__labels">
+    <span class="tag tag--primary"><strong>Function</strong></span>
+  </div>
+</div>
+<p>Get a config option</p>
+<details>
+  <summary>File Information</summary>
+<ul>
+<li><strong>File:</strong> _menu-stack.scss</li>
+<li><strong>Group:</strong> menu-stack</li>
+<li><strong>Type:</strong> function</li>
+<li><strong>Lines (comments):</strong> 107-110</li>
+<li><strong>Lines (code):</strong> 112-115</li>
+</ul>
+</details>
+<h4 id="examples-2" tabindex="-1">Examples</h4>
+<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-menu-stack-get</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-string">"property"</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
+<h4 id="parameters-1" tabindex="-1">Parameters</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">$name</td>
+<td style="text-align:left"><code>Map</code></td>
+<td style="text-align:left">Name of property</td>
+</tr>
+</tbody>
+</table>
+<h4 id="require-2" tabindex="-1">Require</h4>
+<ul>
+<li><a href="/frontend/sass/components/accordion/#variable-config">$config</a></li>
+</ul>
     </div>
   </div>