@ulu/frontend 0.1.0-beta.83 → 0.1.0-beta.84

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

@@ -226,6 +226,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/button-group/">
+          
+    
+    <span class="nav-tree__text">
+      Button Group
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/button-verbose/">
@@ -421,6 +436,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/headline-label/">
+          
+    
+    <span class="nav-tree__text">
+      Headline Label
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/hero/">
@@ -541,6 +571,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/panel/">
+          
+    
+    <span class="nav-tree__text">
+      Panel
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/popovers/">
@@ -586,6 +631,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/rail/">
+          
+    
+    <span class="nav-tree__text">
+      Rail
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/rule/">
@@ -1290,6 +1350,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/button-group/">
+          
+    
+    <span class="nav-tree__text">
+      Button-group
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/button-verbose/">
@@ -1485,6 +1560,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/headline-label/">
+          
+    
+    <span class="nav-tree__text">
+      Headline-label
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/hero/">
@@ -1695,6 +1785,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/panel/">
+          
+    
+    <span class="nav-tree__text">
+      Panel
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/placeholder-block/">
@@ -1740,6 +1845,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/rail/">
+          
+    
+    <span class="nav-tree__text">
+      Rail
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/ratio-box/">
@@ -2787,6 +2907,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/button-group/">
+          
+    
+    <span class="nav-tree__text">
+      Button Group
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/button-verbose/">
@@ -2982,6 +3117,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/headline-label/">
+          
+    
+    <span class="nav-tree__text">
+      Headline Label
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/hero/">
@@ -3102,6 +3252,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/panel/">
+          
+    
+    <span class="nav-tree__text">
+      Panel
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/popovers/">
@@ -3147,6 +3312,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/rail/">
+          
+    
+    <span class="nav-tree__text">
+      Rail
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/rule/">
@@ -3851,6 +4031,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/button-group/">
+          
+    
+    <span class="nav-tree__text">
+      Button-group
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/button-verbose/">
@@ -4046,6 +4241,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/headline-label/">
+          
+    
+    <span class="nav-tree__text">
+      Headline-label
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/hero/">
@@ -4256,6 +4466,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/panel/">
+          
+    
+    <span class="nav-tree__text">
+      Panel
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/placeholder-block/">
@@ -4301,6 +4526,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/rail/">
+          
+    
+    <span class="nav-tree__text">
+      Rail
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/ratio-box/">
@@ -5536,7 +5776,7 @@
 </ul>
 <pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$sizes</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
   <span class="pjs-token pjs-string">"small"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
-    <span class="pjs-token pjs-string">"padding"</span><span class="pjs-token pjs-punctuation">:</span>        <span class="pjs-token pjs-punctuation">(</span>0.35em 1.5em<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
+    <span class="pjs-token pjs-string">"padding"</span><span class="pjs-token pjs-punctuation">:</span>        <span class="pjs-token pjs-punctuation">(</span>0.35em 1em<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
     <span class="pjs-token pjs-string">"min-width"</span><span class="pjs-token pjs-punctuation">:</span>      0<span class="pjs-token pjs-punctuation">,</span>
     <span class="pjs-token pjs-string">"icon-size"</span><span class="pjs-token pjs-punctuation">:</span>      2rem<span class="pjs-token pjs-punctuation">,</span>
     <span class="pjs-token pjs-string">"icon-font-size"</span><span class="pjs-token pjs-punctuation">:</span> 1rem
@@ -5575,9 +5815,9 @@
     <span class="pjs-token pjs-string">"border-color"</span> <span class="pjs-token pjs-punctuation">:</span> transparent<span class="pjs-token pjs-punctuation">,</span>
     <span class="pjs-token pjs-string">"box-shadow"</span> <span class="pjs-token pjs-punctuation">:</span> none<span class="pjs-token pjs-punctuation">,</span>
     <span class="pjs-token pjs-string">"hover"</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> inherit<span class="pjs-token pjs-punctuation">,</span>
-      <span class="pjs-token pjs-string">"border-color"</span> <span class="pjs-token pjs-punctuation">:</span> transparent<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">"control-background"</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">"control"</span><span class="pjs-token pjs-punctuation">,</span>
+      <span class="pjs-token pjs-string">"border-color"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"control-border"</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>
   <span class="pjs-token pjs-string">"outline"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
@@ -5586,7 +5826,9 @@
     <span class="pjs-token pjs-string">"border-color"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"rule-light"</span><span class="pjs-token pjs-punctuation">,</span>
     <span class="pjs-token pjs-string">"box-shadow"</span> <span class="pjs-token pjs-punctuation">:</span> none<span class="pjs-token pjs-punctuation">,</span>
     <span class="pjs-token pjs-string">"hover"</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">"background-color"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"control-background"</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">"control"</span><span class="pjs-token pjs-punctuation">,</span>
+      <span class="pjs-token pjs-string">"border-color"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"control-border"</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>
 <span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
@@ -5597,7 +5839,7 @@
 <li><strong>Group:</strong> button</li>
 <li><strong>Type:</strong> variable</li>
 <li><strong>Lines (comments):</strong> 109-112</li>
-<li><strong>Lines (code):</strong> 114-135</li>
+<li><strong>Lines (code):</strong> 114-137</li>
 </ul>
 </details>
 <h2 id="mixins" tabindex="-1">Mixins</h2>
@@ -5614,8 +5856,8 @@
 <li><strong>File:</strong> _button.scss</li>
 <li><strong>Group:</strong> button</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 137-140</li>
-<li><strong>Lines (code):</strong> 142-144</li>
+<li><strong>Lines (comments):</strong> 139-142</li>
+<li><strong>Lines (code):</strong> 144-146</li>
 </ul>
 </details>
 <h4 id="examples" tabindex="-1">Examples</h4>
@@ -5658,8 +5900,8 @@
 <li><strong>File:</strong> _button.scss</li>
 <li><strong>Group:</strong> button</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 156-159</li>
-<li><strong>Lines (code):</strong> 161-163</li>
+<li><strong>Lines (comments):</strong> 158-161</li>
+<li><strong>Lines (code):</strong> 163-165</li>
 </ul>
 </details>
 <h4 id="parameters-1" tabindex="-1">Parameters</h4>
@@ -5705,8 +5947,8 @@
 <li><strong>File:</strong> _button.scss</li>
 <li><strong>Group:</strong> button</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 165-168</li>
-<li><strong>Lines (code):</strong> 170-172</li>
+<li><strong>Lines (comments):</strong> 167-170</li>
+<li><strong>Lines (code):</strong> 172-174</li>
 </ul>
 </details>
 <h4 id="parameters-2" tabindex="-1">Parameters</h4>
@@ -5749,8 +5991,8 @@
 <li><strong>File:</strong> _button.scss</li>
 <li><strong>Group:</strong> button</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 174-174</li>
-<li><strong>Lines (code):</strong> 176-187</li>
+<li><strong>Lines (comments):</strong> 176-176</li>
+<li><strong>Lines (code):</strong> 178-189</li>
 </ul>
 </details>
 <div class="sassdoc-item-header">
@@ -5766,8 +6008,8 @@
 <li><strong>File:</strong> _button.scss</li>
 <li><strong>Group:</strong> button</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 189-190</li>
-<li><strong>Lines (code):</strong> 192-249</li>
+<li><strong>Lines (comments):</strong> 191-192</li>
+<li><strong>Lines (code):</strong> 194-251</li>
 </ul>
 </details>
 <h4 id="parameters-3" tabindex="-1">Parameters</h4>
@@ -5811,8 +6053,8 @@
 <li><strong>File:</strong> _button.scss</li>
 <li><strong>Group:</strong> button</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 251-259</li>
-<li><strong>Lines (code):</strong> 261-265</li>
+<li><strong>Lines (comments):</strong> 253-261</li>
+<li><strong>Lines (code):</strong> 263-267</li>
 </ul>
 </details>
 <h4 id="examples-1" tabindex="-1">Examples</h4>
@@ -5839,8 +6081,8 @@
 <li><strong>File:</strong> _button.scss</li>
 <li><strong>Group:</strong> button</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 267-270</li>
-<li><strong>Lines (code):</strong> 272-282</li>
+<li><strong>Lines (comments):</strong> 269-272</li>
+<li><strong>Lines (code):</strong> 274-284</li>
 </ul>
 </details>
 <h4 id="parameters-4" tabindex="-1">Parameters</h4>
@@ -5888,8 +6130,8 @@
 <li><strong>File:</strong> _button.scss</li>
 <li><strong>Group:</strong> button</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 314-319</li>
-<li><strong>Lines (code):</strong> 321-332</li>
+<li><strong>Lines (comments):</strong> 316-321</li>
+<li><strong>Lines (code):</strong> 323-334</li>
 </ul>
 </details>
 <h4 id="parameters-5" tabindex="-1">Parameters</h4>
@@ -5935,8 +6177,8 @@
 <li><strong>File:</strong> _button.scss</li>
 <li><strong>Group:</strong> button</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 334-339</li>
-<li><strong>Lines (code):</strong> 341-347</li>
+<li><strong>Lines (comments):</strong> 336-341</li>
+<li><strong>Lines (code):</strong> 343-349</li>
 </ul>
 </details>
 <h4 id="parameters-6" tabindex="-1">Parameters</h4>
@@ -5985,8 +6227,8 @@ or other areas that apply automatic links styling for example. (param below to o
 <li><strong>File:</strong> _button.scss</li>
 <li><strong>Group:</strong> button</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 357-366</li>
-<li><strong>Lines (code):</strong> 368-384</li>
+<li><strong>Lines (comments):</strong> 359-368</li>
+<li><strong>Lines (code):</strong> 370-386</li>
 </ul>
 </details>
 <h4 id="parameters-7" tabindex="-1">Parameters</h4>
@@ -6039,8 +6281,8 @@ or other areas that apply automatic links styling for example. (param below to o
 <li><strong>File:</strong> _button.scss</li>
 <li><strong>Group:</strong> button</li>
 <li><strong>Type:</strong> function</li>
-<li><strong>Lines (comments):</strong> 146-149</li>
-<li><strong>Lines (code):</strong> 151-154</li>
+<li><strong>Lines (comments):</strong> 148-151</li>
+<li><strong>Lines (code):</strong> 153-156</li>
 </ul>
 </details>
 <h4 id="examples-2" tabindex="-1">Examples</h4>
@@ -6082,8 +6324,8 @@ or other areas that apply automatic links styling for example. (param below to o
 <li><strong>File:</strong> _button.scss</li>
 <li><strong>Group:</strong> button</li>
 <li><strong>Type:</strong> function</li>
-<li><strong>Lines (comments):</strong> 284-288</li>
-<li><strong>Lines (code):</strong> 290-312</li>
+<li><strong>Lines (comments):</strong> 286-290</li>
+<li><strong>Lines (code):</strong> 292-314</li>
 </ul>
 </details>
 <h4 id="parameters-9" tabindex="-1">Parameters</h4>