@ulu/frontend 0.1.0-beta.37 → 0.1.0-beta.39

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

@@ -181,6 +181,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/breakpoints-manager/">
+          
+    
+    <span class="nav-tree__text">
+      Breakpoint Manager
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -1973,21 +1988,6 @@
         </li>
       
 
-        <li class="nav-tree__item  ">
-          
-        <a class="nav-tree__link  " href="/frontend/sass/helpers/print/">
-          
-    
-    <span class="nav-tree__text">
-      Print
-    </span>
-  
-        </a>
-      
-          
-        </li>
-      
-
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/helpers/typography/">
@@ -2453,6 +2453,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-css/">
+          
+    
+    <span class="nav-tree__text">
+      utils/css
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/utils-dom/">
@@ -2682,6 +2697,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/breakpoints-manager/">
+          
+    
+    <span class="nav-tree__text">
+      Breakpoint Manager
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -4474,21 +4504,6 @@
         </li>
       
 
-        <li class="nav-tree__item  ">
-          
-        <a class="nav-tree__link  " href="/frontend/sass/helpers/print/">
-          
-    
-    <span class="nav-tree__text">
-      Print
-    </span>
-  
-        </a>
-      
-          
-        </li>
-      
-
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/helpers/typography/">
@@ -4954,6 +4969,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-css/">
+          
+    
+    <span class="nav-tree__text">
+      utils/css
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/utils-dom/">
@@ -5613,7 +5643,7 @@
 <li><strong>Group:</strong> card</li>
 <li><strong>Type:</strong> mixin</li>
 <li><strong>Lines (comments):</strong> 194-198</li>
-<li><strong>Lines (code):</strong> 200-481</li>
+<li><strong>Lines (code):</strong> 200-482</li>
 </ul>
 </details>
 <div class="callout callout--demo crop-margins">

package/docs-dev/sass/components/card-grid/index.html

@@ -181,6 +181,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/breakpoints-manager/">
+          
+    
+    <span class="nav-tree__text">
+      Breakpoint Manager
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -1973,21 +1988,6 @@
         </li>
       
 
-        <li class="nav-tree__item  ">
-          
-        <a class="nav-tree__link  " href="/frontend/sass/helpers/print/">
-          
-    
-    <span class="nav-tree__text">
-      Print
-    </span>
-  
-        </a>
-      
-          
-        </li>
-      
-
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/helpers/typography/">
@@ -2453,6 +2453,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-css/">
+          
+    
+    <span class="nav-tree__text">
+      utils/css
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/utils-dom/">
@@ -2682,6 +2697,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/breakpoints-manager/">
+          
+    
+    <span class="nav-tree__text">
+      Breakpoint Manager
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -4474,21 +4504,6 @@
         </li>
       
 
-        <li class="nav-tree__item  ">
-          
-        <a class="nav-tree__link  " href="/frontend/sass/helpers/print/">
-          
-    
-    <span class="nav-tree__text">
-      Print
-    </span>
-  
-        </a>
-      
-          
-        </li>
-      
-
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/helpers/typography/">
@@ -4954,6 +4969,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-css/">
+          
+    
+    <span class="nav-tree__text">
+      utils/css
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/utils-dom/">

package/docs-dev/sass/components/css-icon/index.html

@@ -181,6 +181,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/breakpoints-manager/">
+          
+    
+    <span class="nav-tree__text">
+      Breakpoint Manager
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -1973,21 +1988,6 @@
         </li>
       
 
-        <li class="nav-tree__item  ">
-          
-        <a class="nav-tree__link  " href="/frontend/sass/helpers/print/">
-          
-    
-    <span class="nav-tree__text">
-      Print
-    </span>
-  
-        </a>
-      
-          
-        </li>
-      
-
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/helpers/typography/">
@@ -2453,6 +2453,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-css/">
+          
+    
+    <span class="nav-tree__text">
+      utils/css
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/utils-dom/">
@@ -2682,6 +2697,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/breakpoints-manager/">
+          
+    
+    <span class="nav-tree__text">
+      Breakpoint Manager
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -4474,21 +4504,6 @@
         </li>
       
 
-        <li class="nav-tree__item  ">
-          
-        <a class="nav-tree__link  " href="/frontend/sass/helpers/print/">
-          
-    
-    <span class="nav-tree__text">
-      Print
-    </span>
-  
-        </a>
-      
-          
-        </li>
-      
-
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/helpers/typography/">
@@ -4954,6 +4969,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-css/">
+          
+    
+    <span class="nav-tree__text">
+      utils/css
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/utils-dom/">

package/docs-dev/sass/components/data-grid/index.html

@@ -181,6 +181,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/breakpoints-manager/">
+          
+    
+    <span class="nav-tree__text">
+      Breakpoint Manager
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -1973,21 +1988,6 @@
         </li>
       
 
-        <li class="nav-tree__item  ">
-          
-        <a class="nav-tree__link  " href="/frontend/sass/helpers/print/">
-          
-    
-    <span class="nav-tree__text">
-      Print
-    </span>
-  
-        </a>
-      
-          
-        </li>
-      
-
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/helpers/typography/">
@@ -2453,6 +2453,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-css/">
+          
+    
+    <span class="nav-tree__text">
+      utils/css
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/utils-dom/">
@@ -2682,6 +2697,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/breakpoints-manager/">
+          
+    
+    <span class="nav-tree__text">
+      Breakpoint Manager
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -4474,21 +4504,6 @@
         </li>
       
 
-        <li class="nav-tree__item  ">
-          
-        <a class="nav-tree__link  " href="/frontend/sass/helpers/print/">
-          
-    
-    <span class="nav-tree__text">
-      Print
-    </span>
-  
-        </a>
-      
-          
-        </li>
-      
-
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/helpers/typography/">
@@ -4954,6 +4969,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-css/">
+          
+    
+    <span class="nav-tree__text">
+      utils/css
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/utils-dom/">
@@ -5140,6 +5170,7 @@
 <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">"attribute"</span><span class="pjs-token pjs-punctuation">:</span>           <span class="pjs-token pjs-string">"data-grid"</span><span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"attribute-container"</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"data-grid-container"</span><span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"attribute-init"</span><span class="pjs-token pjs-punctuation">:</span>      <span class="pjs-token pjs-string">"data-grid-init"</span><span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"breakpoint"</span><span class="pjs-token pjs-punctuation">:</span>          <span class="pjs-token pjs-boolean">false</span><span class="pjs-token pjs-punctuation">,</span>                   <span class="pjs-token pjs-comment">// Fallback to default</span>
   <span class="pjs-token pjs-string">"columns"</span><span class="pjs-token pjs-punctuation">:</span>             12<span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"gutter"</span><span class="pjs-token pjs-punctuation">:</span>              14px<span class="pjs-token pjs-punctuation">,</span>
@@ -5151,6 +5182,7 @@
   <span class="pjs-token pjs-string">"sticky-top"</span><span class="pjs-token pjs-punctuation">:</span>                  <span class="pjs-token pjs-function">var</span><span class="pjs-token pjs-punctuation">(</span>--ulu-sticky-top-offset<span class="pjs-token pjs-punctuation">,</span> 0<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"rule-color"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"rule"</span><span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"rule-size"</span> <span class="pjs-token pjs-punctuation">:</span> 1px<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"rule-fade-duration"</span> <span class="pjs-token pjs-punctuation">:</span> 400ms<span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"extra-breakpoints"</span><span class="pjs-token pjs-punctuation">:</span>   <span class="pjs-token pjs-punctuation">(</span>
     <span class="pjs-token pjs-string">"medium"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
       <span class="pjs-token pjs-string">"breakpoint"</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"medium"</span><span class="pjs-token pjs-punctuation">,</span>
@@ -5178,7 +5210,7 @@
 <li><strong>Group:</strong> data-grid</li>
 <li><strong>Type:</strong> variable</li>
 <li><strong>Lines (comments):</strong> 20-36</li>
-<li><strong>Lines (code):</strong> 38-71</li>
+<li><strong>Lines (code):</strong> 38-73</li>
 </ul>
 </details>
 <h4 id="map-properties" tabindex="-1">Map Properties</h4>
@@ -5298,8 +5330,8 @@
 <li><strong>File:</strong> _data-grid.scss</li>
 <li><strong>Group:</strong> data-grid</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 74-77</li>
-<li><strong>Lines (code):</strong> 79-81</li>
+<li><strong>Lines (comments):</strong> 76-79</li>
+<li><strong>Lines (code):</strong> 81-83</li>
 </ul>
 </details>
 <h4 id="examples" tabindex="-1">Examples</h4>
@@ -5338,8 +5370,8 @@
 <li><strong>File:</strong> _data-grid.scss</li>
 <li><strong>Group:</strong> data-grid</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 117-120</li>
-<li><strong>Lines (code):</strong> 122-124</li>
+<li><strong>Lines (comments):</strong> 119-122</li>
+<li><strong>Lines (code):</strong> 124-126</li>
 </ul>
 </details>
 <div class="callout callout--demo crop-margins">
@@ -5368,8 +5400,8 @@
 <li><strong>File:</strong> _data-grid.scss</li>
 <li><strong>Group:</strong> data-grid</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 126-136</li>
-<li><strong>Lines (code):</strong> 138-583</li>
+<li><strong>Lines (comments):</strong> 128-139</li>
+<li><strong>Lines (code):</strong> 141-612</li>
 </ul>
 </details>
 <h4 id="parameters-1" tabindex="-1">Parameters</h4>
@@ -5427,6 +5459,11 @@
 <td style="text-align:left"><code>Map</code></td>
 <td style="text-align:left">Attribute to use for selecting grid and children. Children attribute get's &quot;-item&quot; as a suffix (&quot;ie. data-grid, data-grid-item&quot;)</td>
 </tr>
+<tr>
+<td style="text-align:left">$rule-fade-duration</td>
+<td style="text-align:left"><code>CssDuration</code></td>
+<td style="text-align:left">The amount of time for rules to fade in (after init, script positioning), set to falsey value to disable rule fade in (rules will always be shown)</td>
+</tr>
 </tbody>
 </table>
 <h4 id="require-2" tabindex="-1">Require</h4>
@@ -5447,8 +5484,8 @@
 <li><strong>File:</strong> _data-grid.scss</li>
 <li><strong>Group:</strong> data-grid</li>
 <li><strong>Type:</strong> function</li>
-<li><strong>Lines (comments):</strong> 83-86</li>
-<li><strong>Lines (code):</strong> 88-90</li>
+<li><strong>Lines (comments):</strong> 85-88</li>
+<li><strong>Lines (code):</strong> 90-92</li>
 </ul>
 </details>
 <h4 id="examples-2" tabindex="-1">Examples</h4>
@@ -5487,8 +5524,8 @@
 <li><strong>File:</strong> _data-grid.scss</li>
 <li><strong>Group:</strong> data-grid</li>
 <li><strong>Type:</strong> function</li>
-<li><strong>Lines (comments):</strong> 92-94</li>
-<li><strong>Lines (code):</strong> 96-104</li>
+<li><strong>Lines (comments):</strong> 94-96</li>
+<li><strong>Lines (code):</strong> 98-106</li>
 </ul>
 </details>
 <h4 id="examples-3" tabindex="-1">Examples</h4>
@@ -5510,8 +5547,8 @@
 <li><strong>File:</strong> _data-grid.scss</li>
 <li><strong>Group:</strong> data-grid</li>
 <li><strong>Type:</strong> function</li>
-<li><strong>Lines (comments):</strong> 106-106</li>
-<li><strong>Lines (code):</strong> 108-115</li>
+<li><strong>Lines (comments):</strong> 108-108</li>
+<li><strong>Lines (code):</strong> 110-117</li>
 </ul>
 </details>
 <h4 id="require-5" tabindex="-1">Require</h4>