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

package/docs-dev/sass/components/vignette/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/wysiwyg/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/core/breakpoint/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/">
@@ -5173,8 +5203,8 @@
 <li><strong>File:</strong> _breakpoint.scss</li>
 <li><strong>Group:</strong> breakpoint</li>
 <li><strong>Type:</strong> variable</li>
-<li><strong>Lines (comments):</strong> 9-14</li>
-<li><strong>Lines (code):</strong> 16-21</li>
+<li><strong>Lines (comments):</strong> 10-15</li>
+<li><strong>Lines (code):</strong> 17-22</li>
 </ul>
 </details>
 <h4 id="map-properties" tabindex="-1">Map Properties</h4>
@@ -5237,8 +5267,8 @@
 <li><strong>File:</strong> _breakpoint.scss</li>
 <li><strong>Group:</strong> breakpoint</li>
 <li><strong>Type:</strong> variable</li>
-<li><strong>Lines (comments):</strong> 42-46</li>
-<li><strong>Lines (code):</strong> 48-52</li>
+<li><strong>Lines (comments):</strong> 47-51</li>
+<li><strong>Lines (code):</strong> 53-57</li>
 </ul>
 </details>
 <h2 id="mixins" tabindex="-1">Mixins</h2>
@@ -5255,8 +5285,8 @@
 <li><strong>File:</strong> _breakpoint.scss</li>
 <li><strong>Group:</strong> breakpoint</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 23-26</li>
-<li><strong>Lines (code):</strong> 28-30</li>
+<li><strong>Lines (comments):</strong> 24-27</li>
+<li><strong>Lines (code):</strong> 29-31</li>
 </ul>
 </details>
 <h4 id="examples" tabindex="-1">Examples</h4>
@@ -5296,8 +5326,8 @@
 <li><strong>File:</strong> _breakpoint.scss</li>
 <li><strong>Group:</strong> breakpoint</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 54-61</li>
-<li><strong>Lines (code):</strong> 63-65</li>
+<li><strong>Lines (comments):</strong> 59-66</li>
+<li><strong>Lines (code):</strong> 68-70</li>
 </ul>
 </details>
 <h4 id="examples-1" tabindex="-1">Examples</h4>
@@ -5349,8 +5379,8 @@
 <li><strong>File:</strong> _breakpoint.scss</li>
 <li><strong>Group:</strong> breakpoint</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 103-112</li>
-<li><strong>Lines (code):</strong> 114-120</li>
+<li><strong>Lines (comments):</strong> 116-125</li>
+<li><strong>Lines (code):</strong> 127-133</li>
 </ul>
 </details>
 <h4 id="examples-2" tabindex="-1">Examples</h4>
@@ -5394,8 +5424,8 @@
 <li><strong>File:</strong> _breakpoint.scss</li>
 <li><strong>Group:</strong> breakpoint</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 122-131</li>
-<li><strong>Lines (code):</strong> 133-139</li>
+<li><strong>Lines (comments):</strong> 135-144</li>
+<li><strong>Lines (code):</strong> 146-152</li>
 </ul>
 </details>
 <h4 id="examples-3" tabindex="-1">Examples</h4>
@@ -5439,8 +5469,8 @@
 <li><strong>File:</strong> _breakpoint.scss</li>
 <li><strong>Group:</strong> breakpoint</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 141-151</li>
-<li><strong>Lines (code):</strong> 153-160</li>
+<li><strong>Lines (comments):</strong> 154-164</li>
+<li><strong>Lines (code):</strong> 166-173</li>
 </ul>
 </details>
 <h4 id="examples-4" tabindex="-1">Examples</h4>
@@ -5493,8 +5523,8 @@
 <li><strong>File:</strong> _breakpoint.scss</li>
 <li><strong>Group:</strong> breakpoint</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 162-172</li>
-<li><strong>Lines (code):</strong> 174-186</li>
+<li><strong>Lines (comments):</strong> 175-185</li>
+<li><strong>Lines (code):</strong> 187-199</li>
 </ul>
 </details>
 <h4 id="examples-5" tabindex="-1">Examples</h4>
@@ -5547,8 +5577,8 @@
 <li><strong>File:</strong> _breakpoint.scss</li>
 <li><strong>Group:</strong> breakpoint</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 188-195</li>
-<li><strong>Lines (code):</strong> 197-215</li>
+<li><strong>Lines (comments):</strong> 201-208</li>
+<li><strong>Lines (code):</strong> 210-228</li>
 </ul>
 </details>
 <h4 id="examples-6" tabindex="-1">Examples</h4>
@@ -5609,8 +5639,8 @@
 <li><strong>File:</strong> _breakpoint.scss</li>
 <li><strong>Group:</strong> breakpoint</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 217-220</li>
-<li><strong>Lines (code):</strong> 222-232</li>
+<li><strong>Lines (comments):</strong> 230-233</li>
+<li><strong>Lines (code):</strong> 235-245</li>
 </ul>
 </details>
 <h4 id="require-7" tabindex="-1">Require</h4>
@@ -5633,13 +5663,18 @@
 <li><strong>File:</strong> _breakpoint.scss</li>
 <li><strong>Group:</strong> breakpoint</li>
 <li><strong>Type:</strong> function</li>
-<li><strong>Lines (comments):</strong> 32-36</li>
-<li><strong>Lines (code):</strong> 38-40</li>
+<li><strong>Lines (comments):</strong> 33-41</li>
+<li><strong>Lines (code):</strong> 43-45</li>
 </ul>
 </details>
 <h4 id="examples-7" tabindex="-1">Examples</h4>
-<p>Get default breakpoint name</p>
-<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$default</span></span><span class="pjs-token pjs-punctuation">:</span> ulu.<span class="pjs-token pjs-function">breakpoint-get</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-string">"default"</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
+<p>Example usage</p>
+<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-selector">.test-get </span><span class="pjs-token pjs-punctuation">{</span>
+  <span class="pjs-token pjs-property">font-size</span><span class="pjs-token pjs-punctuation">:</span> ulu.<span class="pjs-token pjs-function">breakpoint-get</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-string">"base"</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
+<span class="pjs-token pjs-punctuation">}</span></code></pre>
+<pre class="language-css"><code class="language-css"><span class="pjs-token pjs-selector">.test-get</span> <span class="pjs-token pjs-punctuation">{</span>
+  <span class="pjs-token pjs-property">font-size</span><span class="pjs-token pjs-punctuation">:</span> 16px<span class="pjs-token pjs-punctuation">;</span>
+<span class="pjs-token pjs-punctuation">}</span></code></pre>
 <h4 id="parameters-7" tabindex="-1">Parameters</h4>
 <table>
 <thead>
@@ -5690,10 +5725,19 @@
 <li><strong>File:</strong> _breakpoint.scss</li>
 <li><strong>Group:</strong> breakpoint</li>
 <li><strong>Type:</strong> function</li>
-<li><strong>Lines (comments):</strong> 67-68</li>
-<li><strong>Lines (code):</strong> 70-72</li>
+<li><strong>Lines (comments):</strong> 72-81</li>
+<li><strong>Lines (code):</strong> 83-85</li>
 </ul>
 </details>
+<h4 id="examples-8" tabindex="-1">Examples</h4>
+<p>Example usage</p>
+<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-selector">.test-get </span><span class="pjs-token pjs-punctuation">{</span>
+  <span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$sizes</span></span><span class="pjs-token pjs-punctuation">:</span> ulu.<span class="pjs-token pjs-function">breakpoint-get-sizes</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-property">height</span><span class="pjs-token pjs-punctuation">:</span> map.<span class="pjs-token pjs-function">get</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-variable">$sizes</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-punctuation">}</span></code></pre>
+<pre class="language-css"><code class="language-css"><span class="pjs-token pjs-selector">.test-get</span> <span class="pjs-token pjs-punctuation">{</span>
+  <span class="pjs-token pjs-property">height</span><span class="pjs-token pjs-punctuation">:</span> 76em<span class="pjs-token pjs-punctuation">;</span>
+<span class="pjs-token pjs-punctuation">}</span></code></pre>
 <h4 id="returns-1" tabindex="-1">Returns</h4>
 <table>
 <thead>
@@ -5726,8 +5770,8 @@
 <li><strong>File:</strong> _breakpoint.scss</li>
 <li><strong>Group:</strong> breakpoint</li>
 <li><strong>Type:</strong> function</li>
-<li><strong>Lines (comments):</strong> 74-76</li>
-<li><strong>Lines (code):</strong> 77-80</li>
+<li><strong>Lines (comments):</strong> 87-89</li>
+<li><strong>Lines (code):</strong> 90-93</li>
 </ul>
 </details>
 <h4 id="parameters-8" tabindex="-1">Parameters</h4>
@@ -5780,8 +5824,8 @@
 <li><strong>File:</strong> _breakpoint.scss</li>
 <li><strong>Group:</strong> breakpoint</li>
 <li><strong>Type:</strong> function</li>
-<li><strong>Lines (comments):</strong> 82-84</li>
-<li><strong>Lines (code):</strong> 86-92</li>
+<li><strong>Lines (comments):</strong> 95-97</li>
+<li><strong>Lines (code):</strong> 99-105</li>
 </ul>
 </details>
 <h4 id="parameters-9" tabindex="-1">Parameters</h4>
@@ -5836,8 +5880,8 @@
 <li><strong>File:</strong> _breakpoint.scss</li>
 <li><strong>Group:</strong> breakpoint</li>
 <li><strong>Type:</strong> function</li>
-<li><strong>Lines (comments):</strong> 94-96</li>
-<li><strong>Lines (code):</strong> 98-101</li>
+<li><strong>Lines (comments):</strong> 107-109</li>
+<li><strong>Lines (code):</strong> 111-114</li>
 </ul>
 </details>
 <h4 id="parameters-10" tabindex="-1">Parameters</h4>