@ulu/frontend 0.1.0-beta.65 → 0.1.0-beta.67
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.
- package/CHANGELOG.md +11 -0
- package/README.dev.md +2 -2
- package/README.md +6 -0
- package/dist/ulu-frontend.min.css +1 -1
- package/docs-dev/changelog/index.html +23 -0
- package/docs-dev/demos/card/index.html +16 -16
- package/docs-dev/demos/counter-list/index.html +16 -0
- package/docs-dev/demos/data-table/index.html +100 -100
- package/docs-dev/sass/components/counter-list/index.html +9 -8
- package/docs-dev/sass/core/breakpoint/index.html +66 -28
- package/docs-dev/sass/core/utils/index.html +440 -193
- package/package.json +1 -1
- package/scss/_breakpoint.scss +28 -7
- package/scss/_utils.scss +140 -11
- package/scss/components/_counter-list.scss +21 -7
- package/scss/components/_data-grid.scss +17 -0
|
@@ -5218,6 +5218,9 @@
|
|
|
5218
5218
|
<li><a href="#function-add-unit">add-unit()</a>
|
|
5219
5219
|
</li>
|
|
5220
5220
|
|
|
5221
|
+
<li><a href="#function-units-match">units-match()</a>
|
|
5222
|
+
</li>
|
|
5223
|
+
|
|
5221
5224
|
<li><a href="#function-map-merge">map-merge()</a>
|
|
5222
5225
|
</li>
|
|
5223
5226
|
|
|
@@ -5313,15 +5316,6 @@
|
|
|
5313
5316
|
|
|
5314
5317
|
<li><a href="#function-is-side">is-side()</a>
|
|
5315
5318
|
</li>
|
|
5316
|
-
</ol>
|
|
5317
|
-
</li>
|
|
5318
|
-
|
|
5319
|
-
<li><a href="#css">CSS</a>
|
|
5320
|
-
|
|
5321
|
-
<ol>
|
|
5322
|
-
|
|
5323
|
-
<li><a href="#%2F%2F-could-be-made-into-multiple-arguments-in-future-if-needed">// Could be made into multiple arguments in future if needed</a>
|
|
5324
|
-
</li>
|
|
5325
5319
|
</ol>
|
|
5326
5320
|
</li>
|
|
5327
5321
|
</ol>
|
|
@@ -5455,8 +5449,8 @@
|
|
|
5455
5449
|
<li><strong>File:</strong> _utils.scss</li>
|
|
5456
5450
|
<li><strong>Group:</strong> utils</li>
|
|
5457
5451
|
<li><strong>Type:</strong> mixin</li>
|
|
5458
|
-
<li><strong>Lines (comments):</strong>
|
|
5459
|
-
<li><strong>Lines (code):</strong>
|
|
5452
|
+
<li><strong>Lines (comments):</strong> 71-75</li>
|
|
5453
|
+
<li><strong>Lines (code):</strong> 77-87</li>
|
|
5460
5454
|
</ul>
|
|
5461
5455
|
</details>
|
|
5462
5456
|
<h4 id="parameters-1" tabindex="-1">Parameters</h4>
|
|
@@ -5504,8 +5498,8 @@
|
|
|
5504
5498
|
<li><strong>File:</strong> _utils.scss</li>
|
|
5505
5499
|
<li><strong>Group:</strong> utils</li>
|
|
5506
5500
|
<li><strong>Type:</strong> mixin</li>
|
|
5507
|
-
<li><strong>Lines (comments):</strong>
|
|
5508
|
-
<li><strong>Lines (code):</strong>
|
|
5501
|
+
<li><strong>Lines (comments):</strong> 89-93</li>
|
|
5502
|
+
<li><strong>Lines (code):</strong> 95-99</li>
|
|
5509
5503
|
</ul>
|
|
5510
5504
|
</details>
|
|
5511
5505
|
<h4 id="parameters-2" tabindex="-1">Parameters</h4>
|
|
@@ -5557,8 +5551,8 @@
|
|
|
5557
5551
|
<li><strong>File:</strong> _utils.scss</li>
|
|
5558
5552
|
<li><strong>Group:</strong> utils</li>
|
|
5559
5553
|
<li><strong>Type:</strong> mixin</li>
|
|
5560
|
-
<li><strong>Lines (comments):</strong>
|
|
5561
|
-
<li><strong>Lines (code):</strong>
|
|
5554
|
+
<li><strong>Lines (comments):</strong> 125-127</li>
|
|
5555
|
+
<li><strong>Lines (code):</strong> 129-137</li>
|
|
5562
5556
|
</ul>
|
|
5563
5557
|
</details>
|
|
5564
5558
|
<h4 id="parameters-3" tabindex="-1">Parameters</h4>
|
|
@@ -5596,8 +5590,8 @@
|
|
|
5596
5590
|
<li><strong>File:</strong> _utils.scss</li>
|
|
5597
5591
|
<li><strong>Group:</strong> utils</li>
|
|
5598
5592
|
<li><strong>Type:</strong> mixin</li>
|
|
5599
|
-
<li><strong>Lines (comments):</strong>
|
|
5600
|
-
<li><strong>Lines (code):</strong>
|
|
5593
|
+
<li><strong>Lines (comments):</strong> 655-658</li>
|
|
5594
|
+
<li><strong>Lines (code):</strong> 660-667</li>
|
|
5601
5595
|
</ul>
|
|
5602
5596
|
</details>
|
|
5603
5597
|
<h4 id="parameters-4" tabindex="-1">Parameters</h4>
|
|
@@ -5641,8 +5635,8 @@
|
|
|
5641
5635
|
<li><strong>File:</strong> _utils.scss</li>
|
|
5642
5636
|
<li><strong>Group:</strong> utils</li>
|
|
5643
5637
|
<li><strong>Type:</strong> function</li>
|
|
5644
|
-
<li><strong>Lines (comments):</strong> 35-
|
|
5645
|
-
<li><strong>Lines (code):</strong>
|
|
5638
|
+
<li><strong>Lines (comments):</strong> 35-41</li>
|
|
5639
|
+
<li><strong>Lines (code):</strong> 43-45</li>
|
|
5646
5640
|
</ul>
|
|
5647
5641
|
</details>
|
|
5648
5642
|
<h4 id="examples-1" tabindex="-1">Examples</h4>
|
|
@@ -5670,6 +5664,19 @@
|
|
|
5670
5664
|
</tr>
|
|
5671
5665
|
</tbody>
|
|
5672
5666
|
</table>
|
|
5667
|
+
<h4 id="returns" tabindex="-1">Returns</h4>
|
|
5668
|
+
<table>
|
|
5669
|
+
<thead>
|
|
5670
|
+
<tr>
|
|
5671
|
+
<th style="text-align:left">Type</th>
|
|
5672
|
+
</tr>
|
|
5673
|
+
</thead>
|
|
5674
|
+
<tbody>
|
|
5675
|
+
<tr>
|
|
5676
|
+
<td style="text-align:left">Dimension</td>
|
|
5677
|
+
</tr>
|
|
5678
|
+
</tbody>
|
|
5679
|
+
</table>
|
|
5673
5680
|
<h4 id="require-2" tabindex="-1">Require</h4>
|
|
5674
5681
|
<ul>
|
|
5675
5682
|
<li><a href="/frontend/sass/core/utils/#function-require-map-get">require-map-get()</a></li>
|
|
@@ -5691,8 +5698,8 @@
|
|
|
5691
5698
|
<li><strong>File:</strong> _utils.scss</li>
|
|
5692
5699
|
<li><strong>Group:</strong> utils</li>
|
|
5693
5700
|
<li><strong>Type:</strong> function</li>
|
|
5694
|
-
<li><strong>Lines (comments):</strong>
|
|
5695
|
-
<li><strong>Lines (code):</strong>
|
|
5701
|
+
<li><strong>Lines (comments):</strong> 47-57</li>
|
|
5702
|
+
<li><strong>Lines (code):</strong> 59-69</li>
|
|
5696
5703
|
</ul>
|
|
5697
5704
|
</details>
|
|
5698
5705
|
<h4 id="examples-2" tabindex="-1">Examples</h4>
|
|
@@ -5731,7 +5738,7 @@
|
|
|
5731
5738
|
</tr>
|
|
5732
5739
|
</tbody>
|
|
5733
5740
|
</table>
|
|
5734
|
-
<h4 id="returns" tabindex="-1">Returns</h4>
|
|
5741
|
+
<h4 id="returns-1" tabindex="-1">Returns</h4>
|
|
5735
5742
|
<table>
|
|
5736
5743
|
<thead>
|
|
5737
5744
|
<tr>
|
|
@@ -5767,10 +5774,29 @@
|
|
|
5767
5774
|
<li><strong>File:</strong> _utils.scss</li>
|
|
5768
5775
|
<li><strong>Group:</strong> utils</li>
|
|
5769
5776
|
<li><strong>Type:</strong> function</li>
|
|
5770
|
-
<li><strong>Lines (comments):</strong>
|
|
5771
|
-
<li><strong>Lines (code):</strong>
|
|
5777
|
+
<li><strong>Lines (comments):</strong> 101-118</li>
|
|
5778
|
+
<li><strong>Lines (code):</strong> 120-123</li>
|
|
5772
5779
|
</ul>
|
|
5773
5780
|
</details>
|
|
5781
|
+
<h4 id="examples-3" tabindex="-1">Examples</h4>
|
|
5782
|
+
<p>Example usage</p>
|
|
5783
|
+
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$include-styles</span></span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
|
|
5784
|
+
<span class="pjs-token pjs-string">"h2"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5785
|
+
<span class="pjs-token pjs-string">"h3"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">false</span>
|
|
5786
|
+
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
5787
|
+
<span class="pjs-token pjs-keyword">@if</span><span class="pjs-token pjs-punctuation">(</span>ulu.<span class="pjs-token pjs-function">utils-included</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-string">"h2"</span><span class="pjs-token pjs-punctuation">,</span> <span class="pjs-token pjs-variable">$include-styles</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">)</span> <span class="pjs-token pjs-punctuation">{</span>
|
|
5788
|
+
<span class="pjs-token pjs-selector">h2 </span><span class="pjs-token pjs-punctuation">{</span>
|
|
5789
|
+
<span class="pjs-token pjs-property">font-size</span><span class="pjs-token pjs-punctuation">:</span> 24px<span class="pjs-token pjs-punctuation">;</span>
|
|
5790
|
+
<span class="pjs-token pjs-punctuation">}</span>
|
|
5791
|
+
<span class="pjs-token pjs-punctuation">}</span>
|
|
5792
|
+
<span class="pjs-token pjs-keyword">@if</span><span class="pjs-token pjs-punctuation">(</span>ulu.<span class="pjs-token pjs-function">utils-included</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-string">"h3"</span><span class="pjs-token pjs-punctuation">,</span> <span class="pjs-token pjs-variable">$include-styles</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">)</span> <span class="pjs-token pjs-punctuation">{</span>
|
|
5793
|
+
<span class="pjs-token pjs-selector">h3 </span><span class="pjs-token pjs-punctuation">{</span>
|
|
5794
|
+
<span class="pjs-token pjs-property">font-size</span><span class="pjs-token pjs-punctuation">:</span> 18px<span class="pjs-token pjs-punctuation">;</span>
|
|
5795
|
+
<span class="pjs-token pjs-punctuation">}</span>
|
|
5796
|
+
<span class="pjs-token pjs-punctuation">}</span></code></pre>
|
|
5797
|
+
<pre class="language-css"><code class="language-css"><span class="pjs-token pjs-selector">h2</span> <span class="pjs-token pjs-punctuation">{</span>
|
|
5798
|
+
<span class="pjs-token pjs-property">font-size</span><span class="pjs-token pjs-punctuation">:</span> 24px<span class="pjs-token pjs-punctuation">;</span>
|
|
5799
|
+
<span class="pjs-token pjs-punctuation">}</span></code></pre>
|
|
5774
5800
|
<h4 id="parameters-7" tabindex="-1">Parameters</h4>
|
|
5775
5801
|
<table>
|
|
5776
5802
|
<thead>
|
|
@@ -5803,16 +5829,35 @@
|
|
|
5803
5829
|
<span class="tag tag--primary"><strong>Function</strong></span>
|
|
5804
5830
|
</div>
|
|
5805
5831
|
</div>
|
|
5832
|
+
<p>Provide a default when value type is not correct</p>
|
|
5806
5833
|
<details>
|
|
5807
5834
|
<summary>File Information</summary>
|
|
5808
5835
|
<ul>
|
|
5809
5836
|
<li><strong>File:</strong> _utils.scss</li>
|
|
5810
5837
|
<li><strong>Group:</strong> utils</li>
|
|
5811
5838
|
<li><strong>Type:</strong> function</li>
|
|
5812
|
-
<li><strong>Lines (comments):</strong>
|
|
5813
|
-
<li><strong>Lines (code):</strong>
|
|
5839
|
+
<li><strong>Lines (comments):</strong> 139-153</li>
|
|
5840
|
+
<li><strong>Lines (code):</strong> 155-161</li>
|
|
5814
5841
|
</ul>
|
|
5815
5842
|
</details>
|
|
5843
|
+
<h4 id="examples-4" tabindex="-1">Examples</h4>
|
|
5844
|
+
<p>Example usage</p>
|
|
5845
|
+
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$user-accent-color</span></span><span class="pjs-token pjs-punctuation">:</span> #FE5F55<span class="pjs-token pjs-punctuation">;</span>
|
|
5846
|
+
<span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$user-error-color</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"##C6ECAE"</span><span class="pjs-token pjs-punctuation">;</span>
|
|
5847
|
+
<span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$default-color</span></span><span class="pjs-token pjs-punctuation">:</span> #777DA7<span class="pjs-token pjs-punctuation">;</span>
|
|
5848
|
+
<span class="pjs-token pjs-selector">.accent-color </span><span class="pjs-token pjs-punctuation">{</span>
|
|
5849
|
+
<span class="pjs-token pjs-property">background-color</span><span class="pjs-token pjs-punctuation">:</span> ulu.<span class="pjs-token pjs-function">utils-if-type</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-variable">$user-accent-color</span><span class="pjs-token pjs-punctuation">,</span> <span class="pjs-token pjs-variable">$default-color</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
5850
|
+
<span class="pjs-token pjs-punctuation">}</span>
|
|
5851
|
+
<span class="pjs-token pjs-selector">.error-color </span><span class="pjs-token pjs-punctuation">{</span>
|
|
5852
|
+
<span class="pjs-token pjs-property">background-color</span><span class="pjs-token pjs-punctuation">:</span> ulu.<span class="pjs-token pjs-function">utils-if-type</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-variable">$user-error-color</span><span class="pjs-token pjs-punctuation">,</span> <span class="pjs-token pjs-variable">$default-color</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
5853
|
+
<span class="pjs-token pjs-punctuation">}</span></code></pre>
|
|
5854
|
+
<pre class="language-css"><code class="language-css"><span class="pjs-token pjs-selector">.accent-color</span> <span class="pjs-token pjs-punctuation">{</span>
|
|
5855
|
+
<span class="pjs-token pjs-property">background-color</span><span class="pjs-token pjs-punctuation">:</span> #FE5F55<span class="pjs-token pjs-punctuation">;</span>
|
|
5856
|
+
<span class="pjs-token pjs-punctuation">}</span>
|
|
5857
|
+
|
|
5858
|
+
<span class="pjs-token pjs-selector">.error-color</span> <span class="pjs-token pjs-punctuation">{</span>
|
|
5859
|
+
<span class="pjs-token pjs-property">background-color</span><span class="pjs-token pjs-punctuation">:</span> #777DA7<span class="pjs-token pjs-punctuation">;</span>
|
|
5860
|
+
<span class="pjs-token pjs-punctuation">}</span></code></pre>
|
|
5816
5861
|
<h4 id="parameters-8" tabindex="-1">Parameters</h4>
|
|
5817
5862
|
<table>
|
|
5818
5863
|
<thead>
|
|
@@ -5840,22 +5885,55 @@
|
|
|
5840
5885
|
</tr>
|
|
5841
5886
|
</tbody>
|
|
5842
5887
|
</table>
|
|
5888
|
+
<h4 id="returns-2" tabindex="-1">Returns</h4>
|
|
5889
|
+
<table>
|
|
5890
|
+
<thead>
|
|
5891
|
+
<tr>
|
|
5892
|
+
<th style="text-align:left">Type</th>
|
|
5893
|
+
<th style="text-align:left">Description</th>
|
|
5894
|
+
</tr>
|
|
5895
|
+
</thead>
|
|
5896
|
+
<tbody>
|
|
5897
|
+
<tr>
|
|
5898
|
+
<td style="text-align:left">CssValue</td>
|
|
5899
|
+
<td style="text-align:left">Returns the value or the fallback.</td>
|
|
5900
|
+
</tr>
|
|
5901
|
+
</tbody>
|
|
5902
|
+
</table>
|
|
5843
5903
|
<div class="sassdoc-item-header">
|
|
5844
5904
|
<h3 id="function-number-info" tabindex="-1">number-info()</h3>
|
|
5845
5905
|
<div class="sassdoc-item-header__labels">
|
|
5846
5906
|
<span class="tag tag--primary"><strong>Function</strong></span>
|
|
5847
5907
|
</div>
|
|
5848
5908
|
</div>
|
|
5909
|
+
<p>Returns number unit info, and strips the unit</p>
|
|
5849
5910
|
<details>
|
|
5850
5911
|
<summary>File Information</summary>
|
|
5851
5912
|
<ul>
|
|
5852
5913
|
<li><strong>File:</strong> _utils.scss</li>
|
|
5853
5914
|
<li><strong>Group:</strong> utils</li>
|
|
5854
5915
|
<li><strong>Type:</strong> function</li>
|
|
5855
|
-
<li><strong>Lines (comments):</strong>
|
|
5856
|
-
<li><strong>Lines (code):</strong>
|
|
5916
|
+
<li><strong>Lines (comments):</strong> 163-175</li>
|
|
5917
|
+
<li><strong>Lines (code):</strong> 177-197</li>
|
|
5857
5918
|
</ul>
|
|
5858
5919
|
</details>
|
|
5920
|
+
<h4 id="examples-5" tabindex="-1">Examples</h4>
|
|
5921
|
+
<p>Example usage</p>
|
|
5922
|
+
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$size-info</span></span><span class="pjs-token pjs-punctuation">:</span> ulu.<span class="pjs-token pjs-function">utils-number-info</span><span class="pjs-token pjs-punctuation">(</span>24px<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
5923
|
+
<span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$size-info-invalid</span></span><span class="pjs-token pjs-punctuation">:</span> ulu.<span class="pjs-token pjs-function">utils-number-info</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-string">"Twenty Four Pixels"</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
5924
|
+
<span class="pjs-token pjs-selector">.number-info-result </span><span class="pjs-token pjs-punctuation">{</span>
|
|
5925
|
+
<span class="pjs-token pjs-property">content</span><span class="pjs-token pjs-punctuation">:</span> meta.<span class="pjs-token pjs-function">inspect</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-variable">$size-info</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
5926
|
+
<span class="pjs-token pjs-punctuation">}</span>
|
|
5927
|
+
<span class="pjs-token pjs-selector">.number-info-invalid-result </span><span class="pjs-token pjs-punctuation">{</span>
|
|
5928
|
+
<span class="pjs-token pjs-property">content</span><span class="pjs-token pjs-punctuation">:</span> meta.<span class="pjs-token pjs-function">inspect</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-variable">$size-info-invalid</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
5929
|
+
<span class="pjs-token pjs-punctuation">}</span></code></pre>
|
|
5930
|
+
<pre class="language-css"><code class="language-css"><span class="pjs-token pjs-selector">.number-info-result</span> <span class="pjs-token pjs-punctuation">{</span>
|
|
5931
|
+
<span class="pjs-token pjs-property">content</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-string">"unit"</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"px"</span><span class="pjs-token pjs-punctuation">,</span> <span class="pjs-token pjs-string">"value"</span><span class="pjs-token pjs-punctuation">:</span> 24<span class="pjs-token pjs-punctuation">,</span> <span class="pjs-token pjs-string">"invalid"</span><span class="pjs-token pjs-punctuation">:</span> false<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
5932
|
+
<span class="pjs-token pjs-punctuation">}</span>
|
|
5933
|
+
|
|
5934
|
+
<span class="pjs-token pjs-selector">.number-info-invalid-result</span> <span class="pjs-token pjs-punctuation">{</span>
|
|
5935
|
+
<span class="pjs-token pjs-property">content</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-string">"unit"</span><span class="pjs-token pjs-punctuation">:</span> null<span class="pjs-token pjs-punctuation">,</span> <span class="pjs-token pjs-string">"value"</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"Twenty Four Pixels"</span><span class="pjs-token pjs-punctuation">,</span> <span class="pjs-token pjs-string">"invalid"</span><span class="pjs-token pjs-punctuation">:</span> true<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
5936
|
+
<span class="pjs-token pjs-punctuation">}</span></code></pre>
|
|
5859
5937
|
<h4 id="parameters-9" tabindex="-1">Parameters</h4>
|
|
5860
5938
|
<table>
|
|
5861
5939
|
<thead>
|
|
@@ -5873,7 +5951,7 @@
|
|
|
5873
5951
|
</tr>
|
|
5874
5952
|
</tbody>
|
|
5875
5953
|
</table>
|
|
5876
|
-
<h4 id="returns-
|
|
5954
|
+
<h4 id="returns-3" tabindex="-1">Returns</h4>
|
|
5877
5955
|
<table>
|
|
5878
5956
|
<thead>
|
|
5879
5957
|
<tr>
|
|
@@ -5909,10 +5987,21 @@
|
|
|
5909
5987
|
<li><strong>File:</strong> _utils.scss</li>
|
|
5910
5988
|
<li><strong>Group:</strong> utils</li>
|
|
5911
5989
|
<li><strong>Type:</strong> function</li>
|
|
5912
|
-
<li><strong>Lines (comments):</strong>
|
|
5913
|
-
<li><strong>Lines (code):</strong>
|
|
5990
|
+
<li><strong>Lines (comments):</strong> 199-210</li>
|
|
5991
|
+
<li><strong>Lines (code):</strong> 212-214</li>
|
|
5914
5992
|
</ul>
|
|
5915
5993
|
</details>
|
|
5994
|
+
<h4 id="examples-6" tabindex="-1">Examples</h4>
|
|
5995
|
+
<p>Example usage</p>
|
|
5996
|
+
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$number</span></span><span class="pjs-token pjs-punctuation">:</span> 12<span class="pjs-token pjs-punctuation">;</span>
|
|
5997
|
+
<span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$unit</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"px"</span><span class="pjs-token pjs-punctuation">;</span>
|
|
5998
|
+
<span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$number-with-unit</span></span><span class="pjs-token pjs-punctuation">:</span> ulu.<span class="pjs-token pjs-function">utils-add-unit</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-variable">$number</span><span class="pjs-token pjs-punctuation">,</span> <span class="pjs-token pjs-variable">$unit</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
5999
|
+
<span class="pjs-token pjs-selector">.add-unit-result </span><span class="pjs-token pjs-punctuation">{</span>
|
|
6000
|
+
<span class="pjs-token pjs-property">content</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-variable">$number-with-unit</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6001
|
+
<span class="pjs-token pjs-punctuation">}</span></code></pre>
|
|
6002
|
+
<pre class="language-css"><code class="language-css"><span class="pjs-token pjs-selector">.add-unit-result</span> <span class="pjs-token pjs-punctuation">{</span>
|
|
6003
|
+
<span class="pjs-token pjs-property">content</span><span class="pjs-token pjs-punctuation">:</span> 12px<span class="pjs-token pjs-punctuation">;</span>
|
|
6004
|
+
<span class="pjs-token pjs-punctuation">}</span></code></pre>
|
|
5916
6005
|
<h4 id="parameters-10" tabindex="-1">Parameters</h4>
|
|
5917
6006
|
<table>
|
|
5918
6007
|
<thead>
|
|
@@ -5935,7 +6024,7 @@
|
|
|
5935
6024
|
</tr>
|
|
5936
6025
|
</tbody>
|
|
5937
6026
|
</table>
|
|
5938
|
-
<h4 id="returns-
|
|
6027
|
+
<h4 id="returns-4" tabindex="-1">Returns</h4>
|
|
5939
6028
|
<table>
|
|
5940
6029
|
<thead>
|
|
5941
6030
|
<tr>
|
|
@@ -5951,61 +6040,158 @@
|
|
|
5951
6040
|
</tbody>
|
|
5952
6041
|
</table>
|
|
5953
6042
|
<div class="sassdoc-item-header">
|
|
5954
|
-
<h3 id="function-
|
|
6043
|
+
<h3 id="function-units-match" tabindex="-1">units-match()</h3>
|
|
5955
6044
|
<div class="sassdoc-item-header__labels">
|
|
5956
6045
|
<span class="tag tag--primary"><strong>Function</strong></span>
|
|
5957
6046
|
</div>
|
|
5958
6047
|
</div>
|
|
5959
|
-
<p>
|
|
6048
|
+
<p>Checks if two numbers are the same unit</p>
|
|
5960
6049
|
<details>
|
|
5961
6050
|
<summary>File Information</summary>
|
|
5962
6051
|
<ul>
|
|
5963
6052
|
<li><strong>File:</strong> _utils.scss</li>
|
|
5964
6053
|
<li><strong>Group:</strong> utils</li>
|
|
5965
6054
|
<li><strong>Type:</strong> function</li>
|
|
5966
|
-
<li><strong>Lines (comments):</strong>
|
|
5967
|
-
<li><strong>Lines (code):</strong>
|
|
6055
|
+
<li><strong>Lines (comments):</strong> 216-231</li>
|
|
6056
|
+
<li><strong>Lines (code):</strong> 233-235</li>
|
|
5968
6057
|
</ul>
|
|
5969
6058
|
</details>
|
|
6059
|
+
<h4 id="examples-7" tabindex="-1">Examples</h4>
|
|
6060
|
+
<p>Example usage</p>
|
|
6061
|
+
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$number-1</span></span><span class="pjs-token pjs-punctuation">:</span> 12px<span class="pjs-token pjs-punctuation">;</span>
|
|
6062
|
+
<span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$number-2</span></span><span class="pjs-token pjs-punctuation">:</span> 12px<span class="pjs-token pjs-punctuation">;</span>
|
|
6063
|
+
<span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$number-3</span></span><span class="pjs-token pjs-punctuation">:</span> 12rem<span class="pjs-token pjs-punctuation">;</span>
|
|
6064
|
+
<span class="pjs-token pjs-selector">.positive-result </span><span class="pjs-token pjs-punctuation">{</span>
|
|
6065
|
+
<span class="pjs-token pjs-property">content</span><span class="pjs-token pjs-punctuation">:</span> ulu.<span class="pjs-token pjs-function">utils-units-match</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-variable">$number-1</span><span class="pjs-token pjs-punctuation">,</span> <span class="pjs-token pjs-variable">$number-2</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6066
|
+
<span class="pjs-token pjs-punctuation">}</span>
|
|
6067
|
+
<span class="pjs-token pjs-selector">.negative-result </span><span class="pjs-token pjs-punctuation">{</span>
|
|
6068
|
+
<span class="pjs-token pjs-property">content</span><span class="pjs-token pjs-punctuation">:</span> ulu.<span class="pjs-token pjs-function">utils-units-match</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-variable">$number-1</span><span class="pjs-token pjs-punctuation">,</span> <span class="pjs-token pjs-variable">$number-3</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6069
|
+
<span class="pjs-token pjs-punctuation">}</span></code></pre>
|
|
6070
|
+
<pre class="language-css"><code class="language-css"><span class="pjs-token pjs-selector">.positive-result</span> <span class="pjs-token pjs-punctuation">{</span>
|
|
6071
|
+
<span class="pjs-token pjs-property">content</span><span class="pjs-token pjs-punctuation">:</span> true<span class="pjs-token pjs-punctuation">;</span>
|
|
6072
|
+
<span class="pjs-token pjs-punctuation">}</span>
|
|
6073
|
+
|
|
6074
|
+
<span class="pjs-token pjs-selector">.negative-result</span> <span class="pjs-token pjs-punctuation">{</span>
|
|
6075
|
+
<span class="pjs-token pjs-property">content</span><span class="pjs-token pjs-punctuation">:</span> false<span class="pjs-token pjs-punctuation">;</span>
|
|
6076
|
+
<span class="pjs-token pjs-punctuation">}</span></code></pre>
|
|
5970
6077
|
<h4 id="parameters-11" tabindex="-1">Parameters</h4>
|
|
5971
6078
|
<table>
|
|
5972
6079
|
<thead>
|
|
5973
6080
|
<tr>
|
|
5974
6081
|
<th style="text-align:left">Name</th>
|
|
5975
6082
|
<th style="text-align:left">Type</th>
|
|
5976
|
-
<th style="text-align:left">Description</th>
|
|
5977
6083
|
</tr>
|
|
5978
6084
|
</thead>
|
|
5979
6085
|
<tbody>
|
|
5980
6086
|
<tr>
|
|
5981
|
-
<td style="text-align:left">$
|
|
5982
|
-
<td style="text-align:left"><code>
|
|
5983
|
-
<td style="text-align:left">Source map</td>
|
|
6087
|
+
<td style="text-align:left">$number</td>
|
|
6088
|
+
<td style="text-align:left"><code>Number</code></td>
|
|
5984
6089
|
</tr>
|
|
5985
6090
|
<tr>
|
|
5986
|
-
<td style="text-align:left">$
|
|
5987
|
-
<td style="text-align:left"><code>
|
|
5988
|
-
<td style="text-align:left">Changes to merge into source map</td>
|
|
6091
|
+
<td style="text-align:left">$other-number</td>
|
|
6092
|
+
<td style="text-align:left"><code>String</code></td>
|
|
5989
6093
|
</tr>
|
|
6094
|
+
</tbody>
|
|
6095
|
+
</table>
|
|
6096
|
+
<h4 id="returns-5" tabindex="-1">Returns</h4>
|
|
6097
|
+
<table>
|
|
6098
|
+
<thead>
|
|
5990
6099
|
<tr>
|
|
5991
|
-
<
|
|
5992
|
-
<
|
|
5993
|
-
|
|
6100
|
+
<th style="text-align:left">Type</th>
|
|
6101
|
+
<th style="text-align:left">Description</th>
|
|
6102
|
+
</tr>
|
|
6103
|
+
</thead>
|
|
6104
|
+
<tbody>
|
|
6105
|
+
<tr>
|
|
6106
|
+
<td style="text-align:left">Boolean</td>
|
|
6107
|
+
<td style="text-align:left">Whether they have the same unit type</td>
|
|
6108
|
+
</tr>
|
|
6109
|
+
<tr>
|
|
6110
|
+
<td style="text-align:left">Could be made into multiple arguments in future if needed</td>
|
|
6111
|
+
<td style="text-align:left"></td>
|
|
5994
6112
|
</tr>
|
|
5995
6113
|
</tbody>
|
|
5996
6114
|
</table>
|
|
5997
|
-
<
|
|
6115
|
+
<div class="sassdoc-item-header">
|
|
6116
|
+
<h3 id="function-map-merge" tabindex="-1">map-merge()</h3>
|
|
6117
|
+
<div class="sassdoc-item-header__labels">
|
|
6118
|
+
<span class="tag tag--primary"><strong>Function</strong></span>
|
|
6119
|
+
</div>
|
|
6120
|
+
</div>
|
|
6121
|
+
<p>Reusable merge method</p>
|
|
6122
|
+
<details>
|
|
6123
|
+
<summary>File Information</summary>
|
|
6124
|
+
<ul>
|
|
6125
|
+
<li><strong>File:</strong> _utils.scss</li>
|
|
6126
|
+
<li><strong>Group:</strong> utils</li>
|
|
6127
|
+
<li><strong>Type:</strong> function</li>
|
|
6128
|
+
<li><strong>Lines (comments):</strong> 237-268</li>
|
|
6129
|
+
<li><strong>Lines (code):</strong> 270-278</li>
|
|
6130
|
+
</ul>
|
|
6131
|
+
</details>
|
|
6132
|
+
<h4 id="examples-8" tabindex="-1">Examples</h4>
|
|
6133
|
+
<p>Example usage</p>
|
|
6134
|
+
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$map-1</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
|
|
6135
|
+
<span class="pjs-token pjs-string">"inner-map"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
|
|
6136
|
+
<span class="pjs-token pjs-string">"color"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"green"</span><span class="pjs-token pjs-punctuation">,</span>
|
|
6137
|
+
<span class="pjs-token pjs-string">"secondary-color"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"green"</span>
|
|
6138
|
+
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
|
|
6139
|
+
<span class="pjs-token pjs-string">"color"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"green"</span><span class="pjs-token pjs-punctuation">,</span>
|
|
6140
|
+
<span class="pjs-token pjs-string">"secondary-color"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"green"</span>
|
|
6141
|
+
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6142
|
+
<span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$map-2</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
|
|
6143
|
+
<span class="pjs-token pjs-string">"inner-map"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
|
|
6144
|
+
<span class="pjs-token pjs-string">"color"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"red"</span>
|
|
6145
|
+
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
|
|
6146
|
+
<span class="pjs-token pjs-string">"color"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"red"</span><span class="pjs-token pjs-punctuation">,</span>
|
|
6147
|
+
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6148
|
+
<span class="pjs-token pjs-selector">.result-default </span><span class="pjs-token pjs-punctuation">{</span>
|
|
6149
|
+
<span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$merged-map</span></span><span class="pjs-token pjs-punctuation">:</span> ulu.<span class="pjs-token pjs-function">utils-map-merge</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-variable">$map-1</span><span class="pjs-token pjs-punctuation">,</span> <span class="pjs-token pjs-variable">$map-2</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6150
|
+
<span class="pjs-token pjs-property">content</span><span class="pjs-token pjs-punctuation">:</span> meta.<span class="pjs-token pjs-function">inspect</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-variable">$merged-map</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6151
|
+
<span class="pjs-token pjs-punctuation">}</span>
|
|
6152
|
+
<span class="pjs-token pjs-selector">.result-deep </span><span class="pjs-token pjs-punctuation">{</span>
|
|
6153
|
+
<span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$merged-map-deep</span></span><span class="pjs-token pjs-punctuation">:</span> ulu.<span class="pjs-token pjs-function">utils-map-merge</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-variable">$map-1</span><span class="pjs-token pjs-punctuation">,</span> <span class="pjs-token pjs-variable">$map-2</span><span class="pjs-token pjs-punctuation">,</span> <span class="pjs-token pjs-string">"deep"</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6154
|
+
<span class="pjs-token pjs-property">content</span><span class="pjs-token pjs-punctuation">:</span> meta.<span class="pjs-token pjs-function">inspect</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-variable">$merged-map-deep</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6155
|
+
<span class="pjs-token pjs-punctuation">}</span>
|
|
6156
|
+
<span class="pjs-token pjs-selector">.result-overwrite </span><span class="pjs-token pjs-punctuation">{</span>
|
|
6157
|
+
<span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$merged-map-overwrite</span></span><span class="pjs-token pjs-punctuation">:</span> ulu.<span class="pjs-token pjs-function">utils-map-merge</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-variable">$map-1</span><span class="pjs-token pjs-punctuation">,</span> <span class="pjs-token pjs-variable">$map-2</span><span class="pjs-token pjs-punctuation">,</span> <span class="pjs-token pjs-string">"overwrite"</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6158
|
+
<span class="pjs-token pjs-property">content</span><span class="pjs-token pjs-punctuation">:</span> meta.<span class="pjs-token pjs-function">inspect</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-variable">$merged-map-overwrite</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6159
|
+
<span class="pjs-token pjs-punctuation">}</span></code></pre>
|
|
6160
|
+
<pre class="language-css"><code class="language-css"><span class="pjs-token pjs-selector">.result-default</span> <span class="pjs-token pjs-punctuation">{</span>
|
|
6161
|
+
<span class="pjs-token pjs-property">content</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-string">"inner-map"</span><span class="pjs-token pjs-punctuation">:</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">"red"</span><span class="pjs-token pjs-punctuation">)</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">"red"</span><span class="pjs-token pjs-punctuation">,</span> <span class="pjs-token pjs-string">"secondary-color"</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"green"</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6162
|
+
<span class="pjs-token pjs-punctuation">}</span>
|
|
6163
|
+
|
|
6164
|
+
<span class="pjs-token pjs-selector">.result-deep</span> <span class="pjs-token pjs-punctuation">{</span>
|
|
6165
|
+
<span class="pjs-token pjs-property">content</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-string">"inner-map"</span><span class="pjs-token pjs-punctuation">:</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">"red"</span><span class="pjs-token pjs-punctuation">,</span> <span class="pjs-token pjs-string">"secondary-color"</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"green"</span><span class="pjs-token pjs-punctuation">)</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">"red"</span><span class="pjs-token pjs-punctuation">,</span> <span class="pjs-token pjs-string">"secondary-color"</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"green"</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6166
|
+
<span class="pjs-token pjs-punctuation">}</span>
|
|
6167
|
+
|
|
6168
|
+
<span class="pjs-token pjs-selector">.result-overwrite</span> <span class="pjs-token pjs-punctuation">{</span>
|
|
6169
|
+
<span class="pjs-token pjs-property">content</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-string">"inner-map"</span><span class="pjs-token pjs-punctuation">:</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">"red"</span><span class="pjs-token pjs-punctuation">)</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">"red"</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6170
|
+
<span class="pjs-token pjs-punctuation">}</span></code></pre>
|
|
6171
|
+
<h4 id="parameters-12" tabindex="-1">Parameters</h4>
|
|
5998
6172
|
<table>
|
|
5999
6173
|
<thead>
|
|
6000
6174
|
<tr>
|
|
6175
|
+
<th style="text-align:left">Name</th>
|
|
6001
6176
|
<th style="text-align:left">Type</th>
|
|
6002
6177
|
<th style="text-align:left">Description</th>
|
|
6003
6178
|
</tr>
|
|
6004
6179
|
</thead>
|
|
6005
6180
|
<tbody>
|
|
6006
6181
|
<tr>
|
|
6007
|
-
<td style="text-align:left"
|
|
6008
|
-
<td style="text-align:left">
|
|
6182
|
+
<td style="text-align:left">$original</td>
|
|
6183
|
+
<td style="text-align:left"><code>Map</code></td>
|
|
6184
|
+
<td style="text-align:left">Source map</td>
|
|
6185
|
+
</tr>
|
|
6186
|
+
<tr>
|
|
6187
|
+
<td style="text-align:left">$changes</td>
|
|
6188
|
+
<td style="text-align:left"><code>Map</code></td>
|
|
6189
|
+
<td style="text-align:left">Changes to merge into source map</td>
|
|
6190
|
+
</tr>
|
|
6191
|
+
<tr>
|
|
6192
|
+
<td style="text-align:left">$mode</td>
|
|
6193
|
+
<td style="text-align:left"><code>String</code></td>
|
|
6194
|
+
<td style="text-align:left">How to merge changes (merge [defualt], deep, or overwrite)</td>
|
|
6009
6195
|
</tr>
|
|
6010
6196
|
</tbody>
|
|
6011
6197
|
</table>
|
|
@@ -6022,11 +6208,32 @@
|
|
|
6022
6208
|
<li><strong>File:</strong> _utils.scss</li>
|
|
6023
6209
|
<li><strong>Group:</strong> utils</li>
|
|
6024
6210
|
<li><strong>Type:</strong> function</li>
|
|
6025
|
-
<li><strong>Lines (comments):</strong>
|
|
6026
|
-
<li><strong>Lines (code):</strong>
|
|
6211
|
+
<li><strong>Lines (comments):</strong> 280-297</li>
|
|
6212
|
+
<li><strong>Lines (code):</strong> 299-304</li>
|
|
6027
6213
|
</ul>
|
|
6028
6214
|
</details>
|
|
6029
|
-
<h4 id="
|
|
6215
|
+
<h4 id="examples-9" tabindex="-1">Examples</h4>
|
|
6216
|
+
<p>Example usage</p>
|
|
6217
|
+
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$map-1</span></span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
|
|
6218
|
+
<span class="pjs-token pjs-string">"has-key"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span>
|
|
6219
|
+
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6220
|
+
<span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$map-2</span></span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
|
|
6221
|
+
<span class="pjs-token pjs-string">"missing-key"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span>
|
|
6222
|
+
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6223
|
+
<span class="pjs-token pjs-selector">.map-1 </span><span class="pjs-token pjs-punctuation">{</span>
|
|
6224
|
+
<span class="pjs-token pjs-property">content</span><span class="pjs-token pjs-punctuation">:</span> ulu.<span class="pjs-token pjs-function">utils-map-has</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-variable">$map-1</span><span class="pjs-token pjs-punctuation">,</span> <span class="pjs-token pjs-string">"has-key"</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6225
|
+
<span class="pjs-token pjs-punctuation">}</span>
|
|
6226
|
+
<span class="pjs-token pjs-selector">.map-2 </span><span class="pjs-token pjs-punctuation">{</span>
|
|
6227
|
+
<span class="pjs-token pjs-property">content</span><span class="pjs-token pjs-punctuation">:</span> ulu.<span class="pjs-token pjs-function">utils-map-has</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-variable">$map-2</span><span class="pjs-token pjs-punctuation">,</span> <span class="pjs-token pjs-string">"has-key"</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6228
|
+
<span class="pjs-token pjs-punctuation">}</span></code></pre>
|
|
6229
|
+
<pre class="language-css"><code class="language-css"><span class="pjs-token pjs-selector">.map-1</span> <span class="pjs-token pjs-punctuation">{</span>
|
|
6230
|
+
<span class="pjs-token pjs-property">content</span><span class="pjs-token pjs-punctuation">:</span> true<span class="pjs-token pjs-punctuation">;</span>
|
|
6231
|
+
<span class="pjs-token pjs-punctuation">}</span>
|
|
6232
|
+
|
|
6233
|
+
<span class="pjs-token pjs-selector">.map-2</span> <span class="pjs-token pjs-punctuation">{</span>
|
|
6234
|
+
<span class="pjs-token pjs-property">content</span><span class="pjs-token pjs-punctuation">:</span> false<span class="pjs-token pjs-punctuation">;</span>
|
|
6235
|
+
<span class="pjs-token pjs-punctuation">}</span></code></pre>
|
|
6236
|
+
<h4 id="parameters-13" tabindex="-1">Parameters</h4>
|
|
6030
6237
|
<table>
|
|
6031
6238
|
<thead>
|
|
6032
6239
|
<tr>
|
|
@@ -6048,7 +6255,7 @@
|
|
|
6048
6255
|
</tr>
|
|
6049
6256
|
</tbody>
|
|
6050
6257
|
</table>
|
|
6051
|
-
<h4 id="returns-
|
|
6258
|
+
<h4 id="returns-6" tabindex="-1">Returns</h4>
|
|
6052
6259
|
<table>
|
|
6053
6260
|
<thead>
|
|
6054
6261
|
<tr>
|
|
@@ -6084,8 +6291,8 @@
|
|
|
6084
6291
|
<li><strong>File:</strong> _utils.scss</li>
|
|
6085
6292
|
<li><strong>Group:</strong> utils</li>
|
|
6086
6293
|
<li><strong>Type:</strong> function</li>
|
|
6087
|
-
<li><strong>Lines (comments):</strong>
|
|
6088
|
-
<li><strong>Lines (code):</strong>
|
|
6294
|
+
<li><strong>Lines (comments):</strong> 306-307</li>
|
|
6295
|
+
<li><strong>Lines (code):</strong> 309-317</li>
|
|
6089
6296
|
</ul>
|
|
6090
6297
|
</details>
|
|
6091
6298
|
<h4 id="require-7" tabindex="-1">Require</h4>
|
|
@@ -6105,11 +6312,29 @@
|
|
|
6105
6312
|
<li><strong>File:</strong> _utils.scss</li>
|
|
6106
6313
|
<li><strong>Group:</strong> utils</li>
|
|
6107
6314
|
<li><strong>Type:</strong> function</li>
|
|
6108
|
-
<li><strong>Lines (comments):</strong>
|
|
6109
|
-
<li><strong>Lines (code):</strong>
|
|
6315
|
+
<li><strong>Lines (comments):</strong> 319-331</li>
|
|
6316
|
+
<li><strong>Lines (code):</strong> 333-340</li>
|
|
6110
6317
|
</ul>
|
|
6111
6318
|
</details>
|
|
6112
|
-
<h4 id="
|
|
6319
|
+
<h4 id="examples-10" tabindex="-1">Examples</h4>
|
|
6320
|
+
<p>Example usage</p>
|
|
6321
|
+
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$fallback-text</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"No input received"</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6322
|
+
<span class="pjs-token pjs-selector">.user-name:after </span><span class="pjs-token pjs-punctuation">{</span>
|
|
6323
|
+
<span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$user-name</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"Johnny"</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6324
|
+
<span class="pjs-token pjs-property">content</span><span class="pjs-token pjs-punctuation">:</span> ulu.<span class="pjs-token pjs-function">utils-fallback</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-variable">$user-name</span><span class="pjs-token pjs-punctuation">,</span> <span class="pjs-token pjs-variable">$fallback-text</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6325
|
+
<span class="pjs-token pjs-punctuation">}</span>
|
|
6326
|
+
<span class="pjs-token pjs-selector">.user-birthdate:after </span><span class="pjs-token pjs-punctuation">{</span>
|
|
6327
|
+
<span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$user-birthdate</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-null pjs-keyword">null</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6328
|
+
<span class="pjs-token pjs-property">content</span><span class="pjs-token pjs-punctuation">:</span> ulu.<span class="pjs-token pjs-function">utils-fallback</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-variable">$user-birthdate</span><span class="pjs-token pjs-punctuation">,</span> <span class="pjs-token pjs-variable">$fallback-text</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6329
|
+
<span class="pjs-token pjs-punctuation">}</span></code></pre>
|
|
6330
|
+
<pre class="language-css"><code class="language-css"><span class="pjs-token pjs-selector">.user-name:after</span> <span class="pjs-token pjs-punctuation">{</span>
|
|
6331
|
+
<span class="pjs-token pjs-property">content</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"Johnny"</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6332
|
+
<span class="pjs-token pjs-punctuation">}</span>
|
|
6333
|
+
|
|
6334
|
+
<span class="pjs-token pjs-selector">.user-birthdate:after</span> <span class="pjs-token pjs-punctuation">{</span>
|
|
6335
|
+
<span class="pjs-token pjs-property">content</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"No input received"</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6336
|
+
<span class="pjs-token pjs-punctuation">}</span></code></pre>
|
|
6337
|
+
<h4 id="returns-7" tabindex="-1">Returns</h4>
|
|
6113
6338
|
<table>
|
|
6114
6339
|
<thead>
|
|
6115
6340
|
<tr>
|
|
@@ -6137,10 +6362,37 @@
|
|
|
6137
6362
|
<li><strong>File:</strong> _utils.scss</li>
|
|
6138
6363
|
<li><strong>Group:</strong> utils</li>
|
|
6139
6364
|
<li><strong>Type:</strong> function</li>
|
|
6140
|
-
<li><strong>Lines (comments):</strong>
|
|
6141
|
-
<li><strong>Lines (code):</strong>
|
|
6365
|
+
<li><strong>Lines (comments):</strong> 342-354</li>
|
|
6366
|
+
<li><strong>Lines (code):</strong> 356-364</li>
|
|
6142
6367
|
</ul>
|
|
6143
6368
|
</details>
|
|
6369
|
+
<h4 id="examples-11" tabindex="-1">Examples</h4>
|
|
6370
|
+
<p>Example usage</p>
|
|
6371
|
+
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$map</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
|
|
6372
|
+
<span class="pjs-token pjs-string">"name"</span><span class="pjs-token pjs-punctuation">:</span> doug<span class="pjs-token pjs-punctuation">,</span>
|
|
6373
|
+
<span class="pjs-token pjs-string">"gpa"</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"3"</span><span class="pjs-token pjs-punctuation">,</span>
|
|
6374
|
+
<span class="pjs-token pjs-string">"grade"</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"B"</span><span class="pjs-token pjs-punctuation">,</span>
|
|
6375
|
+
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6376
|
+
<span class="pjs-token pjs-selector">.fallback-map </span><span class="pjs-token pjs-punctuation">{</span>
|
|
6377
|
+
<span class="pjs-token pjs-comment">// iterates through properties until it finds one that is a key in the map. </span>
|
|
6378
|
+
<span class="pjs-token pjs-property">content</span><span class="pjs-token pjs-punctuation">:</span> ulu.<span class="pjs-token pjs-function">utils-map-fallback</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-variable">$map</span><span class="pjs-token pjs-punctuation">,</span> <span class="pjs-token pjs-string">"gpa"</span><span class="pjs-token pjs-punctuation">,</span> <span class="pjs-token pjs-string">"grade"</span><span class="pjs-token pjs-punctuation">,</span> <span class="pjs-token pjs-string">"average"</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6379
|
+
<span class="pjs-token pjs-punctuation">}</span></code></pre>
|
|
6380
|
+
<pre class="language-css"><code class="language-css"><span class="pjs-token pjs-selector">.fallback-map</span> <span class="pjs-token pjs-punctuation">{</span>
|
|
6381
|
+
<span class="pjs-token pjs-property">content</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"3"</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6382
|
+
<span class="pjs-token pjs-punctuation">}</span></code></pre>
|
|
6383
|
+
<h4 id="returns-8" tabindex="-1">Returns</h4>
|
|
6384
|
+
<table>
|
|
6385
|
+
<thead>
|
|
6386
|
+
<tr>
|
|
6387
|
+
<th style="text-align:left">Type</th>
|
|
6388
|
+
</tr>
|
|
6389
|
+
</thead>
|
|
6390
|
+
<tbody>
|
|
6391
|
+
<tr>
|
|
6392
|
+
<td style="text-align:left">*</td>
|
|
6393
|
+
</tr>
|
|
6394
|
+
</tbody>
|
|
6395
|
+
</table>
|
|
6144
6396
|
<h4 id="require-8" tabindex="-1">Require</h4>
|
|
6145
6397
|
<ul>
|
|
6146
6398
|
<li><a href="/frontend/sass/core/breakpoint/#function-get">get()</a></li>
|
|
@@ -6158,11 +6410,26 @@
|
|
|
6158
6410
|
<li><strong>File:</strong> _utils.scss</li>
|
|
6159
6411
|
<li><strong>Group:</strong> utils</li>
|
|
6160
6412
|
<li><strong>Type:</strong> function</li>
|
|
6161
|
-
<li><strong>Lines (comments):</strong>
|
|
6162
|
-
<li><strong>Lines (code):</strong>
|
|
6413
|
+
<li><strong>Lines (comments):</strong> 367-383</li>
|
|
6414
|
+
<li><strong>Lines (code):</strong> 384-403</li>
|
|
6163
6415
|
</ul>
|
|
6164
6416
|
</details>
|
|
6165
|
-
<h4 id="
|
|
6417
|
+
<h4 id="examples-12" tabindex="-1">Examples</h4>
|
|
6418
|
+
<p>Example usage</p>
|
|
6419
|
+
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$map</span></span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
|
|
6420
|
+
<span class="pjs-token pjs-string">"has-key"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span>
|
|
6421
|
+
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6422
|
+
<span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$keys</span></span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
|
|
6423
|
+
<span class="pjs-token pjs-string">"has-key"</span><span class="pjs-token pjs-punctuation">,</span>
|
|
6424
|
+
<span class="pjs-token pjs-string">"needs-key"</span><span class="pjs-token pjs-punctuation">,</span>
|
|
6425
|
+
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6426
|
+
<span class="pjs-token pjs-selector">.map-contains-any-result </span><span class="pjs-token pjs-punctuation">{</span>
|
|
6427
|
+
<span class="pjs-token pjs-property">content</span><span class="pjs-token pjs-punctuation">:</span> ulu.<span class="pjs-token pjs-function">utils-map-contains-any</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-variable">$map</span><span class="pjs-token pjs-punctuation">,</span> <span class="pjs-token pjs-variable">$keys</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6428
|
+
<span class="pjs-token pjs-punctuation">}</span></code></pre>
|
|
6429
|
+
<pre class="language-css"><code class="language-css"><span class="pjs-token pjs-selector">.map-contains-any-result</span> <span class="pjs-token pjs-punctuation">{</span>
|
|
6430
|
+
<span class="pjs-token pjs-property">content</span><span class="pjs-token pjs-punctuation">:</span> true<span class="pjs-token pjs-punctuation">;</span>
|
|
6431
|
+
<span class="pjs-token pjs-punctuation">}</span></code></pre>
|
|
6432
|
+
<h4 id="parameters-14" tabindex="-1">Parameters</h4>
|
|
6166
6433
|
<table>
|
|
6167
6434
|
<thead>
|
|
6168
6435
|
<tr>
|
|
@@ -6216,11 +6483,14 @@
|
|
|
6216
6483
|
<li><strong>File:</strong> _utils.scss</li>
|
|
6217
6484
|
<li><strong>Group:</strong> utils</li>
|
|
6218
6485
|
<li><strong>Type:</strong> function</li>
|
|
6219
|
-
<li><strong>Lines (comments):</strong>
|
|
6220
|
-
<li><strong>Lines (code):</strong>
|
|
6486
|
+
<li><strong>Lines (comments):</strong> 405-411</li>
|
|
6487
|
+
<li><strong>Lines (code):</strong> 413-439</li>
|
|
6221
6488
|
</ul>
|
|
6222
6489
|
</details>
|
|
6223
|
-
<h4 id="
|
|
6490
|
+
<h4 id="examples-13" tabindex="-1">Examples</h4>
|
|
6491
|
+
<p>Example usage</p>
|
|
6492
|
+
<pre class="language-scss"><code class="language-scss"></code></pre>
|
|
6493
|
+
<h4 id="parameters-15" tabindex="-1">Parameters</h4>
|
|
6224
6494
|
<table>
|
|
6225
6495
|
<thead>
|
|
6226
6496
|
<tr>
|
|
@@ -6247,7 +6517,7 @@
|
|
|
6247
6517
|
</tr>
|
|
6248
6518
|
</tbody>
|
|
6249
6519
|
</table>
|
|
6250
|
-
<h4 id="returns-
|
|
6520
|
+
<h4 id="returns-9" tabindex="-1">Returns</h4>
|
|
6251
6521
|
<table>
|
|
6252
6522
|
<thead>
|
|
6253
6523
|
<tr>
|
|
@@ -6283,11 +6553,11 @@
|
|
|
6283
6553
|
<li><strong>File:</strong> _utils.scss</li>
|
|
6284
6554
|
<li><strong>Group:</strong> utils</li>
|
|
6285
6555
|
<li><strong>Type:</strong> function</li>
|
|
6286
|
-
<li><strong>Lines (comments):</strong>
|
|
6287
|
-
<li><strong>Lines (code):</strong>
|
|
6556
|
+
<li><strong>Lines (comments):</strong> 441-445</li>
|
|
6557
|
+
<li><strong>Lines (code):</strong> 447-463</li>
|
|
6288
6558
|
</ul>
|
|
6289
6559
|
</details>
|
|
6290
|
-
<h4 id="parameters-
|
|
6560
|
+
<h4 id="parameters-16" tabindex="-1">Parameters</h4>
|
|
6291
6561
|
<table>
|
|
6292
6562
|
<thead>
|
|
6293
6563
|
<tr>
|
|
@@ -6335,11 +6605,11 @@
|
|
|
6335
6605
|
<li><strong>File:</strong> _utils.scss</li>
|
|
6336
6606
|
<li><strong>Group:</strong> utils</li>
|
|
6337
6607
|
<li><strong>Type:</strong> function</li>
|
|
6338
|
-
<li><strong>Lines (comments):</strong>
|
|
6339
|
-
<li><strong>Lines (code):</strong>
|
|
6608
|
+
<li><strong>Lines (comments):</strong> 465-469</li>
|
|
6609
|
+
<li><strong>Lines (code):</strong> 471-479</li>
|
|
6340
6610
|
</ul>
|
|
6341
6611
|
</details>
|
|
6342
|
-
<h4 id="parameters-
|
|
6612
|
+
<h4 id="parameters-17" tabindex="-1">Parameters</h4>
|
|
6343
6613
|
<table>
|
|
6344
6614
|
<thead>
|
|
6345
6615
|
<tr>
|
|
@@ -6361,7 +6631,7 @@
|
|
|
6361
6631
|
</tr>
|
|
6362
6632
|
</tbody>
|
|
6363
6633
|
</table>
|
|
6364
|
-
<h4 id="returns-
|
|
6634
|
+
<h4 id="returns-10" tabindex="-1">Returns</h4>
|
|
6365
6635
|
<table>
|
|
6366
6636
|
<thead>
|
|
6367
6637
|
<tr>
|
|
@@ -6392,11 +6662,11 @@
|
|
|
6392
6662
|
<li><strong>File:</strong> _utils.scss</li>
|
|
6393
6663
|
<li><strong>Group:</strong> utils</li>
|
|
6394
6664
|
<li><strong>Type:</strong> function</li>
|
|
6395
|
-
<li><strong>Lines (comments):</strong>
|
|
6396
|
-
<li><strong>Lines (code):</strong>
|
|
6665
|
+
<li><strong>Lines (comments):</strong> 481-485</li>
|
|
6666
|
+
<li><strong>Lines (code):</strong> 487-495</li>
|
|
6397
6667
|
</ul>
|
|
6398
6668
|
</details>
|
|
6399
|
-
<h4 id="parameters-
|
|
6669
|
+
<h4 id="parameters-18" tabindex="-1">Parameters</h4>
|
|
6400
6670
|
<table>
|
|
6401
6671
|
<thead>
|
|
6402
6672
|
<tr>
|
|
@@ -6418,7 +6688,7 @@
|
|
|
6418
6688
|
</tr>
|
|
6419
6689
|
</tbody>
|
|
6420
6690
|
</table>
|
|
6421
|
-
<h4 id="returns-
|
|
6691
|
+
<h4 id="returns-11" tabindex="-1">Returns</h4>
|
|
6422
6692
|
<table>
|
|
6423
6693
|
<thead>
|
|
6424
6694
|
<tr>
|
|
@@ -6446,11 +6716,11 @@
|
|
|
6446
6716
|
<li><strong>File:</strong> _utils.scss</li>
|
|
6447
6717
|
<li><strong>Group:</strong> utils</li>
|
|
6448
6718
|
<li><strong>Type:</strong> function</li>
|
|
6449
|
-
<li><strong>Lines (comments):</strong>
|
|
6450
|
-
<li><strong>Lines (code):</strong>
|
|
6719
|
+
<li><strong>Lines (comments):</strong> 497-501</li>
|
|
6720
|
+
<li><strong>Lines (code):</strong> 503-518</li>
|
|
6451
6721
|
</ul>
|
|
6452
6722
|
</details>
|
|
6453
|
-
<h4 id="parameters-
|
|
6723
|
+
<h4 id="parameters-19" tabindex="-1">Parameters</h4>
|
|
6454
6724
|
<table>
|
|
6455
6725
|
<thead>
|
|
6456
6726
|
<tr>
|
|
@@ -6481,7 +6751,7 @@
|
|
|
6481
6751
|
</tr>
|
|
6482
6752
|
</tbody>
|
|
6483
6753
|
</table>
|
|
6484
|
-
<h4 id="returns-
|
|
6754
|
+
<h4 id="returns-12" tabindex="-1">Returns</h4>
|
|
6485
6755
|
<table>
|
|
6486
6756
|
<thead>
|
|
6487
6757
|
<tr>
|
|
@@ -6513,11 +6783,11 @@
|
|
|
6513
6783
|
<li><strong>File:</strong> _utils.scss</li>
|
|
6514
6784
|
<li><strong>Group:</strong> utils</li>
|
|
6515
6785
|
<li><strong>Type:</strong> function</li>
|
|
6516
|
-
<li><strong>Lines (comments):</strong>
|
|
6517
|
-
<li><strong>Lines (code):</strong>
|
|
6786
|
+
<li><strong>Lines (comments):</strong> 520-535</li>
|
|
6787
|
+
<li><strong>Lines (code):</strong> 537-553</li>
|
|
6518
6788
|
</ul>
|
|
6519
6789
|
</details>
|
|
6520
|
-
<h4 id="examples-
|
|
6790
|
+
<h4 id="examples-14" tabindex="-1">Examples</h4>
|
|
6521
6791
|
<p>Example of getting left value</p>
|
|
6522
6792
|
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$user-padding</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>1em<span class="pjs-token pjs-punctuation">,</span> 2em<span class="pjs-token pjs-punctuation">,</span> 4em<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6523
6793
|
<span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$spacing</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">get-spacing</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-variable">$user-padding</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
@@ -6527,7 +6797,7 @@
|
|
|
6527
6797
|
<span class="pjs-token pjs-property">left</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">$spacing</span><span class="pjs-token pjs-punctuation">,</span> <span class="pjs-token pjs-string">"left"</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6528
6798
|
<span class="pjs-token pjs-comment">// left = 2em</span>
|
|
6529
6799
|
<span class="pjs-token pjs-punctuation">}</span></code></pre>
|
|
6530
|
-
<h4 id="parameters-
|
|
6800
|
+
<h4 id="parameters-20" tabindex="-1">Parameters</h4>
|
|
6531
6801
|
<table>
|
|
6532
6802
|
<thead>
|
|
6533
6803
|
<tr>
|
|
@@ -6544,7 +6814,7 @@
|
|
|
6544
6814
|
</tr>
|
|
6545
6815
|
</tbody>
|
|
6546
6816
|
</table>
|
|
6547
|
-
<h4 id="returns-
|
|
6817
|
+
<h4 id="returns-13" tabindex="-1">Returns</h4>
|
|
6548
6818
|
<table>
|
|
6549
6819
|
<thead>
|
|
6550
6820
|
<tr>
|
|
@@ -6576,11 +6846,11 @@
|
|
|
6576
6846
|
<li><strong>File:</strong> _utils.scss</li>
|
|
6577
6847
|
<li><strong>Group:</strong> utils</li>
|
|
6578
6848
|
<li><strong>Type:</strong> function</li>
|
|
6579
|
-
<li><strong>Lines (comments):</strong>
|
|
6580
|
-
<li><strong>Lines (code):</strong>
|
|
6849
|
+
<li><strong>Lines (comments):</strong> 555-564</li>
|
|
6850
|
+
<li><strong>Lines (code):</strong> 566-568</li>
|
|
6581
6851
|
</ul>
|
|
6582
6852
|
</details>
|
|
6583
|
-
<h4 id="examples-
|
|
6853
|
+
<h4 id="examples-15" tabindex="-1">Examples</h4>
|
|
6584
6854
|
<p>Example of getting top value</p>
|
|
6585
6855
|
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$user-padding</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>1em<span class="pjs-token pjs-punctuation">,</span> 2em<span class="pjs-token pjs-punctuation">,</span> 4em<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6586
6856
|
|
|
@@ -6588,7 +6858,7 @@
|
|
|
6588
6858
|
<span class="pjs-token pjs-property">top</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">get-spacing-top</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-variable">$user-padding</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6589
6859
|
<span class="pjs-token pjs-comment">// top = 2em</span>
|
|
6590
6860
|
<span class="pjs-token pjs-punctuation">}</span></code></pre>
|
|
6591
|
-
<h4 id="parameters-
|
|
6861
|
+
<h4 id="parameters-21" tabindex="-1">Parameters</h4>
|
|
6592
6862
|
<table>
|
|
6593
6863
|
<thead>
|
|
6594
6864
|
<tr>
|
|
@@ -6605,7 +6875,7 @@
|
|
|
6605
6875
|
</tr>
|
|
6606
6876
|
</tbody>
|
|
6607
6877
|
</table>
|
|
6608
|
-
<h4 id="returns-
|
|
6878
|
+
<h4 id="returns-14" tabindex="-1">Returns</h4>
|
|
6609
6879
|
<table>
|
|
6610
6880
|
<thead>
|
|
6611
6881
|
<tr>
|
|
@@ -6636,11 +6906,11 @@
|
|
|
6636
6906
|
<li><strong>File:</strong> _utils.scss</li>
|
|
6637
6907
|
<li><strong>Group:</strong> utils</li>
|
|
6638
6908
|
<li><strong>Type:</strong> function</li>
|
|
6639
|
-
<li><strong>Lines (comments):</strong>
|
|
6640
|
-
<li><strong>Lines (code):</strong>
|
|
6909
|
+
<li><strong>Lines (comments):</strong> 570-579</li>
|
|
6910
|
+
<li><strong>Lines (code):</strong> 581-583</li>
|
|
6641
6911
|
</ul>
|
|
6642
6912
|
</details>
|
|
6643
|
-
<h4 id="examples-
|
|
6913
|
+
<h4 id="examples-16" tabindex="-1">Examples</h4>
|
|
6644
6914
|
<p>Example of getting right value</p>
|
|
6645
6915
|
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$user-padding</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>1em<span class="pjs-token pjs-punctuation">,</span> 2em<span class="pjs-token pjs-punctuation">,</span> 4em<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6646
6916
|
|
|
@@ -6648,7 +6918,7 @@
|
|
|
6648
6918
|
<span class="pjs-token pjs-property">right</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">get-spacing-right</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-variable">$user-padding</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6649
6919
|
<span class="pjs-token pjs-comment">// right = 2em</span>
|
|
6650
6920
|
<span class="pjs-token pjs-punctuation">}</span></code></pre>
|
|
6651
|
-
<h4 id="parameters-
|
|
6921
|
+
<h4 id="parameters-22" tabindex="-1">Parameters</h4>
|
|
6652
6922
|
<table>
|
|
6653
6923
|
<thead>
|
|
6654
6924
|
<tr>
|
|
@@ -6665,7 +6935,7 @@
|
|
|
6665
6935
|
</tr>
|
|
6666
6936
|
</tbody>
|
|
6667
6937
|
</table>
|
|
6668
|
-
<h4 id="returns-
|
|
6938
|
+
<h4 id="returns-15" tabindex="-1">Returns</h4>
|
|
6669
6939
|
<table>
|
|
6670
6940
|
<thead>
|
|
6671
6941
|
<tr>
|
|
@@ -6696,11 +6966,11 @@
|
|
|
6696
6966
|
<li><strong>File:</strong> _utils.scss</li>
|
|
6697
6967
|
<li><strong>Group:</strong> utils</li>
|
|
6698
6968
|
<li><strong>Type:</strong> function</li>
|
|
6699
|
-
<li><strong>Lines (comments):</strong>
|
|
6700
|
-
<li><strong>Lines (code):</strong>
|
|
6969
|
+
<li><strong>Lines (comments):</strong> 585-594</li>
|
|
6970
|
+
<li><strong>Lines (code):</strong> 596-598</li>
|
|
6701
6971
|
</ul>
|
|
6702
6972
|
</details>
|
|
6703
|
-
<h4 id="examples-
|
|
6973
|
+
<h4 id="examples-17" tabindex="-1">Examples</h4>
|
|
6704
6974
|
<p>Example of getting bottom value</p>
|
|
6705
6975
|
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$user-padding</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>1em<span class="pjs-token pjs-punctuation">,</span> 2em<span class="pjs-token pjs-punctuation">,</span> 4em<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6706
6976
|
|
|
@@ -6708,7 +6978,7 @@
|
|
|
6708
6978
|
<span class="pjs-token pjs-property">bottom</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">get-spacing-bottom</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-variable">$user-padding</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6709
6979
|
<span class="pjs-token pjs-comment">// bottom = 2em</span>
|
|
6710
6980
|
<span class="pjs-token pjs-punctuation">}</span></code></pre>
|
|
6711
|
-
<h4 id="parameters-
|
|
6981
|
+
<h4 id="parameters-23" tabindex="-1">Parameters</h4>
|
|
6712
6982
|
<table>
|
|
6713
6983
|
<thead>
|
|
6714
6984
|
<tr>
|
|
@@ -6725,7 +6995,7 @@
|
|
|
6725
6995
|
</tr>
|
|
6726
6996
|
</tbody>
|
|
6727
6997
|
</table>
|
|
6728
|
-
<h4 id="returns-
|
|
6998
|
+
<h4 id="returns-16" tabindex="-1">Returns</h4>
|
|
6729
6999
|
<table>
|
|
6730
7000
|
<thead>
|
|
6731
7001
|
<tr>
|
|
@@ -6756,11 +7026,11 @@
|
|
|
6756
7026
|
<li><strong>File:</strong> _utils.scss</li>
|
|
6757
7027
|
<li><strong>Group:</strong> utils</li>
|
|
6758
7028
|
<li><strong>Type:</strong> function</li>
|
|
6759
|
-
<li><strong>Lines (comments):</strong>
|
|
6760
|
-
<li><strong>Lines (code):</strong>
|
|
7029
|
+
<li><strong>Lines (comments):</strong> 600-609</li>
|
|
7030
|
+
<li><strong>Lines (code):</strong> 611-613</li>
|
|
6761
7031
|
</ul>
|
|
6762
7032
|
</details>
|
|
6763
|
-
<h4 id="examples-
|
|
7033
|
+
<h4 id="examples-18" tabindex="-1">Examples</h4>
|
|
6764
7034
|
<p>Example of getting left value</p>
|
|
6765
7035
|
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$user-padding</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>1em<span class="pjs-token pjs-punctuation">,</span> 2em<span class="pjs-token pjs-punctuation">,</span> 4em<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6766
7036
|
|
|
@@ -6768,7 +7038,7 @@
|
|
|
6768
7038
|
<span class="pjs-token pjs-property">left</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">get-spacing-left</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-variable">$user-padding</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
6769
7039
|
<span class="pjs-token pjs-comment">// left = 2em</span>
|
|
6770
7040
|
<span class="pjs-token pjs-punctuation">}</span></code></pre>
|
|
6771
|
-
<h4 id="parameters-
|
|
7041
|
+
<h4 id="parameters-24" tabindex="-1">Parameters</h4>
|
|
6772
7042
|
<table>
|
|
6773
7043
|
<thead>
|
|
6774
7044
|
<tr>
|
|
@@ -6785,7 +7055,7 @@
|
|
|
6785
7055
|
</tr>
|
|
6786
7056
|
</tbody>
|
|
6787
7057
|
</table>
|
|
6788
|
-
<h4 id="returns-
|
|
7058
|
+
<h4 id="returns-17" tabindex="-1">Returns</h4>
|
|
6789
7059
|
<table>
|
|
6790
7060
|
<thead>
|
|
6791
7061
|
<tr>
|
|
@@ -6819,11 +7089,11 @@
|
|
|
6819
7089
|
<li><strong>File:</strong> _utils.scss</li>
|
|
6820
7090
|
<li><strong>Group:</strong> utils</li>
|
|
6821
7091
|
<li><strong>Type:</strong> function</li>
|
|
6822
|
-
<li><strong>Lines (comments):</strong>
|
|
6823
|
-
<li><strong>Lines (code):</strong>
|
|
7092
|
+
<li><strong>Lines (comments):</strong> 615-621</li>
|
|
7093
|
+
<li><strong>Lines (code):</strong> 623-633</li>
|
|
6824
7094
|
</ul>
|
|
6825
7095
|
</details>
|
|
6826
|
-
<h4 id="examples-
|
|
7096
|
+
<h4 id="examples-19" tabindex="-1">Examples</h4>
|
|
6827
7097
|
<p>Example usage</p>
|
|
6828
7098
|
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-selector">.test </span><span class="pjs-token pjs-punctuation">{</span>
|
|
6829
7099
|
<span class="pjs-token pjs-property">line-height</span><span class="pjs-token pjs-punctuation">:</span> ulu.<span class="pjs-token pjs-function">utils-strip-unit</span><span class="pjs-token pjs-punctuation">(</span>4rem<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
@@ -6856,11 +7126,11 @@
|
|
|
6856
7126
|
<li><strong>File:</strong> _utils.scss</li>
|
|
6857
7127
|
<li><strong>Group:</strong> utils</li>
|
|
6858
7128
|
<li><strong>Type:</strong> function</li>
|
|
6859
|
-
<li><strong>Lines (comments):</strong>
|
|
6860
|
-
<li><strong>Lines (code):</strong>
|
|
7129
|
+
<li><strong>Lines (comments):</strong> 635-640</li>
|
|
7130
|
+
<li><strong>Lines (code):</strong> 642-644</li>
|
|
6861
7131
|
</ul>
|
|
6862
7132
|
</details>
|
|
6863
|
-
<h4 id="parameters-
|
|
7133
|
+
<h4 id="parameters-25" tabindex="-1">Parameters</h4>
|
|
6864
7134
|
<table>
|
|
6865
7135
|
<thead>
|
|
6866
7136
|
<tr>
|
|
@@ -6892,7 +7162,7 @@
|
|
|
6892
7162
|
</tr>
|
|
6893
7163
|
</tbody>
|
|
6894
7164
|
</table>
|
|
6895
|
-
<h4 id="returns-
|
|
7165
|
+
<h4 id="returns-18" tabindex="-1">Returns</h4>
|
|
6896
7166
|
<table>
|
|
6897
7167
|
<thead>
|
|
6898
7168
|
<tr>
|
|
@@ -6922,11 +7192,11 @@
|
|
|
6922
7192
|
<li><strong>File:</strong> _utils.scss</li>
|
|
6923
7193
|
<li><strong>Group:</strong> utils</li>
|
|
6924
7194
|
<li><strong>Type:</strong> function</li>
|
|
6925
|
-
<li><strong>Lines (comments):</strong>
|
|
6926
|
-
<li><strong>Lines (code):</strong>
|
|
7195
|
+
<li><strong>Lines (comments):</strong> 646-649</li>
|
|
7196
|
+
<li><strong>Lines (code):</strong> 651-653</li>
|
|
6927
7197
|
</ul>
|
|
6928
7198
|
</details>
|
|
6929
|
-
<h4 id="parameters-
|
|
7199
|
+
<h4 id="parameters-26" tabindex="-1">Parameters</h4>
|
|
6930
7200
|
<table>
|
|
6931
7201
|
<thead>
|
|
6932
7202
|
<tr>
|
|
@@ -6948,7 +7218,7 @@
|
|
|
6948
7218
|
</tr>
|
|
6949
7219
|
</tbody>
|
|
6950
7220
|
</table>
|
|
6951
|
-
<h4 id="returns-
|
|
7221
|
+
<h4 id="returns-19" tabindex="-1">Returns</h4>
|
|
6952
7222
|
<table>
|
|
6953
7223
|
<thead>
|
|
6954
7224
|
<tr>
|
|
@@ -6979,11 +7249,11 @@
|
|
|
6979
7249
|
<li><strong>File:</strong> _utils.scss</li>
|
|
6980
7250
|
<li><strong>Group:</strong> utils</li>
|
|
6981
7251
|
<li><strong>Type:</strong> function</li>
|
|
6982
|
-
<li><strong>Lines (comments):</strong>
|
|
6983
|
-
<li><strong>Lines (code):</strong>
|
|
7252
|
+
<li><strong>Lines (comments):</strong> 669-673</li>
|
|
7253
|
+
<li><strong>Lines (code):</strong> 675-677</li>
|
|
6984
7254
|
</ul>
|
|
6985
7255
|
</details>
|
|
6986
|
-
<h4 id="parameters-
|
|
7256
|
+
<h4 id="parameters-27" tabindex="-1">Parameters</h4>
|
|
6987
7257
|
<table>
|
|
6988
7258
|
<thead>
|
|
6989
7259
|
<tr>
|
|
@@ -7005,7 +7275,7 @@
|
|
|
7005
7275
|
</tr>
|
|
7006
7276
|
</tbody>
|
|
7007
7277
|
</table>
|
|
7008
|
-
<h4 id="returns-
|
|
7278
|
+
<h4 id="returns-20" tabindex="-1">Returns</h4>
|
|
7009
7279
|
<table>
|
|
7010
7280
|
<thead>
|
|
7011
7281
|
<tr>
|
|
@@ -7033,11 +7303,11 @@
|
|
|
7033
7303
|
<li><strong>File:</strong> _utils.scss</li>
|
|
7034
7304
|
<li><strong>Group:</strong> utils</li>
|
|
7035
7305
|
<li><strong>Type:</strong> function</li>
|
|
7036
|
-
<li><strong>Lines (comments):</strong>
|
|
7037
|
-
<li><strong>Lines (code):</strong>
|
|
7306
|
+
<li><strong>Lines (comments):</strong> 679-682</li>
|
|
7307
|
+
<li><strong>Lines (code):</strong> 684-715</li>
|
|
7038
7308
|
</ul>
|
|
7039
7309
|
</details>
|
|
7040
|
-
<h4 id="parameters-
|
|
7310
|
+
<h4 id="parameters-28" tabindex="-1">Parameters</h4>
|
|
7041
7311
|
<table>
|
|
7042
7312
|
<thead>
|
|
7043
7313
|
<tr>
|
|
@@ -7054,7 +7324,7 @@
|
|
|
7054
7324
|
</tr>
|
|
7055
7325
|
</tbody>
|
|
7056
7326
|
</table>
|
|
7057
|
-
<h4 id="returns-
|
|
7327
|
+
<h4 id="returns-21" tabindex="-1">Returns</h4>
|
|
7058
7328
|
<table>
|
|
7059
7329
|
<thead>
|
|
7060
7330
|
<tr>
|
|
@@ -7089,11 +7359,11 @@
|
|
|
7089
7359
|
<li><strong>File:</strong> _utils.scss</li>
|
|
7090
7360
|
<li><strong>Group:</strong> utils</li>
|
|
7091
7361
|
<li><strong>Type:</strong> function</li>
|
|
7092
|
-
<li><strong>Lines (comments):</strong>
|
|
7093
|
-
<li><strong>Lines (code):</strong>
|
|
7362
|
+
<li><strong>Lines (comments):</strong> 717-721</li>
|
|
7363
|
+
<li><strong>Lines (code):</strong> 723-741</li>
|
|
7094
7364
|
</ul>
|
|
7095
7365
|
</details>
|
|
7096
|
-
<h4 id="parameters-
|
|
7366
|
+
<h4 id="parameters-29" tabindex="-1">Parameters</h4>
|
|
7097
7367
|
<table>
|
|
7098
7368
|
<thead>
|
|
7099
7369
|
<tr>
|
|
@@ -7115,7 +7385,7 @@
|
|
|
7115
7385
|
</tr>
|
|
7116
7386
|
</tbody>
|
|
7117
7387
|
</table>
|
|
7118
|
-
<h4 id="returns-
|
|
7388
|
+
<h4 id="returns-22" tabindex="-1">Returns</h4>
|
|
7119
7389
|
<table>
|
|
7120
7390
|
<thead>
|
|
7121
7391
|
<tr>
|
|
@@ -7148,11 +7418,11 @@
|
|
|
7148
7418
|
<li><strong>File:</strong> _utils.scss</li>
|
|
7149
7419
|
<li><strong>Group:</strong> utils</li>
|
|
7150
7420
|
<li><strong>Type:</strong> function</li>
|
|
7151
|
-
<li><strong>Lines (comments):</strong>
|
|
7152
|
-
<li><strong>Lines (code):</strong>
|
|
7421
|
+
<li><strong>Lines (comments):</strong> 743-745</li>
|
|
7422
|
+
<li><strong>Lines (code):</strong> 747-749</li>
|
|
7153
7423
|
</ul>
|
|
7154
7424
|
</details>
|
|
7155
|
-
<h4 id="parameters-
|
|
7425
|
+
<h4 id="parameters-30" tabindex="-1">Parameters</h4>
|
|
7156
7426
|
<table>
|
|
7157
7427
|
<thead>
|
|
7158
7428
|
<tr>
|
|
@@ -7169,7 +7439,7 @@
|
|
|
7169
7439
|
</tr>
|
|
7170
7440
|
</tbody>
|
|
7171
7441
|
</table>
|
|
7172
|
-
<h4 id="returns-
|
|
7442
|
+
<h4 id="returns-23" tabindex="-1">Returns</h4>
|
|
7173
7443
|
<table>
|
|
7174
7444
|
<thead>
|
|
7175
7445
|
<tr>
|
|
@@ -7197,11 +7467,11 @@
|
|
|
7197
7467
|
<li><strong>File:</strong> _utils.scss</li>
|
|
7198
7468
|
<li><strong>Group:</strong> utils</li>
|
|
7199
7469
|
<li><strong>Type:</strong> function</li>
|
|
7200
|
-
<li><strong>Lines (comments):</strong>
|
|
7201
|
-
<li><strong>Lines (code):</strong>
|
|
7470
|
+
<li><strong>Lines (comments):</strong> 751-753</li>
|
|
7471
|
+
<li><strong>Lines (code):</strong> 755-757</li>
|
|
7202
7472
|
</ul>
|
|
7203
7473
|
</details>
|
|
7204
|
-
<h4 id="parameters-
|
|
7474
|
+
<h4 id="parameters-31" tabindex="-1">Parameters</h4>
|
|
7205
7475
|
<table>
|
|
7206
7476
|
<thead>
|
|
7207
7477
|
<tr>
|
|
@@ -7218,7 +7488,7 @@
|
|
|
7218
7488
|
</tr>
|
|
7219
7489
|
</tbody>
|
|
7220
7490
|
</table>
|
|
7221
|
-
<h4 id="returns-
|
|
7491
|
+
<h4 id="returns-24" tabindex="-1">Returns</h4>
|
|
7222
7492
|
<table>
|
|
7223
7493
|
<thead>
|
|
7224
7494
|
<tr>
|
|
@@ -7246,11 +7516,11 @@
|
|
|
7246
7516
|
<li><strong>File:</strong> _utils.scss</li>
|
|
7247
7517
|
<li><strong>Group:</strong> utils</li>
|
|
7248
7518
|
<li><strong>Type:</strong> function</li>
|
|
7249
|
-
<li><strong>Lines (comments):</strong>
|
|
7250
|
-
<li><strong>Lines (code):</strong>
|
|
7519
|
+
<li><strong>Lines (comments):</strong> 759-761</li>
|
|
7520
|
+
<li><strong>Lines (code):</strong> 763-765</li>
|
|
7251
7521
|
</ul>
|
|
7252
7522
|
</details>
|
|
7253
|
-
<h4 id="parameters-
|
|
7523
|
+
<h4 id="parameters-32" tabindex="-1">Parameters</h4>
|
|
7254
7524
|
<table>
|
|
7255
7525
|
<thead>
|
|
7256
7526
|
<tr>
|
|
@@ -7267,7 +7537,7 @@
|
|
|
7267
7537
|
</tr>
|
|
7268
7538
|
</tbody>
|
|
7269
7539
|
</table>
|
|
7270
|
-
<h4 id="returns-
|
|
7540
|
+
<h4 id="returns-25" tabindex="-1">Returns</h4>
|
|
7271
7541
|
<table>
|
|
7272
7542
|
<thead>
|
|
7273
7543
|
<tr>
|
|
@@ -7295,11 +7565,11 @@
|
|
|
7295
7565
|
<li><strong>File:</strong> _utils.scss</li>
|
|
7296
7566
|
<li><strong>Group:</strong> utils</li>
|
|
7297
7567
|
<li><strong>Type:</strong> function</li>
|
|
7298
|
-
<li><strong>Lines (comments):</strong>
|
|
7299
|
-
<li><strong>Lines (code):</strong>
|
|
7568
|
+
<li><strong>Lines (comments):</strong> 767-769</li>
|
|
7569
|
+
<li><strong>Lines (code):</strong> 771-773</li>
|
|
7300
7570
|
</ul>
|
|
7301
7571
|
</details>
|
|
7302
|
-
<h4 id="parameters-
|
|
7572
|
+
<h4 id="parameters-33" tabindex="-1">Parameters</h4>
|
|
7303
7573
|
<table>
|
|
7304
7574
|
<thead>
|
|
7305
7575
|
<tr>
|
|
@@ -7316,7 +7586,7 @@
|
|
|
7316
7586
|
</tr>
|
|
7317
7587
|
</tbody>
|
|
7318
7588
|
</table>
|
|
7319
|
-
<h4 id="returns-
|
|
7589
|
+
<h4 id="returns-26" tabindex="-1">Returns</h4>
|
|
7320
7590
|
<table>
|
|
7321
7591
|
<thead>
|
|
7322
7592
|
<tr>
|
|
@@ -7344,11 +7614,11 @@
|
|
|
7344
7614
|
<li><strong>File:</strong> _utils.scss</li>
|
|
7345
7615
|
<li><strong>Group:</strong> utils</li>
|
|
7346
7616
|
<li><strong>Type:</strong> function</li>
|
|
7347
|
-
<li><strong>Lines (comments):</strong>
|
|
7348
|
-
<li><strong>Lines (code):</strong>
|
|
7617
|
+
<li><strong>Lines (comments):</strong> 775-777</li>
|
|
7618
|
+
<li><strong>Lines (code):</strong> 779-781</li>
|
|
7349
7619
|
</ul>
|
|
7350
7620
|
</details>
|
|
7351
|
-
<h4 id="parameters-
|
|
7621
|
+
<h4 id="parameters-34" tabindex="-1">Parameters</h4>
|
|
7352
7622
|
<table>
|
|
7353
7623
|
<thead>
|
|
7354
7624
|
<tr>
|
|
@@ -7365,7 +7635,7 @@
|
|
|
7365
7635
|
</tr>
|
|
7366
7636
|
</tbody>
|
|
7367
7637
|
</table>
|
|
7368
|
-
<h4 id="returns-
|
|
7638
|
+
<h4 id="returns-27" tabindex="-1">Returns</h4>
|
|
7369
7639
|
<table>
|
|
7370
7640
|
<thead>
|
|
7371
7641
|
<tr>
|
|
@@ -7396,11 +7666,11 @@
|
|
|
7396
7666
|
<li><strong>File:</strong> _utils.scss</li>
|
|
7397
7667
|
<li><strong>Group:</strong> utils</li>
|
|
7398
7668
|
<li><strong>Type:</strong> function</li>
|
|
7399
|
-
<li><strong>Lines (comments):</strong>
|
|
7400
|
-
<li><strong>Lines (code):</strong>
|
|
7669
|
+
<li><strong>Lines (comments):</strong> 801-804</li>
|
|
7670
|
+
<li><strong>Lines (code):</strong> 806-812</li>
|
|
7401
7671
|
</ul>
|
|
7402
7672
|
</details>
|
|
7403
|
-
<h4 id="parameters-
|
|
7673
|
+
<h4 id="parameters-35" tabindex="-1">Parameters</h4>
|
|
7404
7674
|
<table>
|
|
7405
7675
|
<thead>
|
|
7406
7676
|
<tr>
|
|
@@ -7417,7 +7687,7 @@
|
|
|
7417
7687
|
</tr>
|
|
7418
7688
|
</tbody>
|
|
7419
7689
|
</table>
|
|
7420
|
-
<h4 id="returns-
|
|
7690
|
+
<h4 id="returns-28" tabindex="-1">Returns</h4>
|
|
7421
7691
|
<table>
|
|
7422
7692
|
<thead>
|
|
7423
7693
|
<tr>
|
|
@@ -7454,11 +7724,11 @@
|
|
|
7454
7724
|
<li><strong>File:</strong> _utils.scss</li>
|
|
7455
7725
|
<li><strong>Group:</strong> utils</li>
|
|
7456
7726
|
<li><strong>Type:</strong> function</li>
|
|
7457
|
-
<li><strong>Lines (comments):</strong>
|
|
7458
|
-
<li><strong>Lines (code):</strong>
|
|
7727
|
+
<li><strong>Lines (comments):</strong> 814-816</li>
|
|
7728
|
+
<li><strong>Lines (code):</strong> 818-820</li>
|
|
7459
7729
|
</ul>
|
|
7460
7730
|
</details>
|
|
7461
|
-
<h4 id="parameters-
|
|
7731
|
+
<h4 id="parameters-36" tabindex="-1">Parameters</h4>
|
|
7462
7732
|
<table>
|
|
7463
7733
|
<thead>
|
|
7464
7734
|
<tr>
|
|
@@ -7475,7 +7745,7 @@
|
|
|
7475
7745
|
</tr>
|
|
7476
7746
|
</tbody>
|
|
7477
7747
|
</table>
|
|
7478
|
-
<h4 id="returns-
|
|
7748
|
+
<h4 id="returns-29" tabindex="-1">Returns</h4>
|
|
7479
7749
|
<table>
|
|
7480
7750
|
<thead>
|
|
7481
7751
|
<tr>
|
|
@@ -7507,11 +7777,11 @@
|
|
|
7507
7777
|
<li><strong>File:</strong> _utils.scss</li>
|
|
7508
7778
|
<li><strong>Group:</strong> utils</li>
|
|
7509
7779
|
<li><strong>Type:</strong> function</li>
|
|
7510
|
-
<li><strong>Lines (comments):</strong>
|
|
7511
|
-
<li><strong>Lines (code):</strong>
|
|
7780
|
+
<li><strong>Lines (comments):</strong> 822-824</li>
|
|
7781
|
+
<li><strong>Lines (code):</strong> 826-828</li>
|
|
7512
7782
|
</ul>
|
|
7513
7783
|
</details>
|
|
7514
|
-
<h4 id="parameters-
|
|
7784
|
+
<h4 id="parameters-37" tabindex="-1">Parameters</h4>
|
|
7515
7785
|
<table>
|
|
7516
7786
|
<thead>
|
|
7517
7787
|
<tr>
|
|
@@ -7528,7 +7798,7 @@
|
|
|
7528
7798
|
</tr>
|
|
7529
7799
|
</tbody>
|
|
7530
7800
|
</table>
|
|
7531
|
-
<h4 id="returns-
|
|
7801
|
+
<h4 id="returns-30" tabindex="-1">Returns</h4>
|
|
7532
7802
|
<table>
|
|
7533
7803
|
<thead>
|
|
7534
7804
|
<tr>
|
|
@@ -7560,11 +7830,11 @@
|
|
|
7560
7830
|
<li><strong>File:</strong> _utils.scss</li>
|
|
7561
7831
|
<li><strong>Group:</strong> utils</li>
|
|
7562
7832
|
<li><strong>Type:</strong> function</li>
|
|
7563
|
-
<li><strong>Lines (comments):</strong>
|
|
7564
|
-
<li><strong>Lines (code):</strong>
|
|
7833
|
+
<li><strong>Lines (comments):</strong> 830-833</li>
|
|
7834
|
+
<li><strong>Lines (code):</strong> 835-843</li>
|
|
7565
7835
|
</ul>
|
|
7566
7836
|
</details>
|
|
7567
|
-
<h4 id="parameters-
|
|
7837
|
+
<h4 id="parameters-38" tabindex="-1">Parameters</h4>
|
|
7568
7838
|
<table>
|
|
7569
7839
|
<thead>
|
|
7570
7840
|
<tr>
|
|
@@ -7581,7 +7851,7 @@
|
|
|
7581
7851
|
</tr>
|
|
7582
7852
|
</tbody>
|
|
7583
7853
|
</table>
|
|
7584
|
-
<h4 id="returns-
|
|
7854
|
+
<h4 id="returns-31" tabindex="-1">Returns</h4>
|
|
7585
7855
|
<table>
|
|
7586
7856
|
<thead>
|
|
7587
7857
|
<tr>
|
|
@@ -7613,11 +7883,11 @@
|
|
|
7613
7883
|
<li><strong>File:</strong> _utils.scss</li>
|
|
7614
7884
|
<li><strong>Group:</strong> utils</li>
|
|
7615
7885
|
<li><strong>Type:</strong> function</li>
|
|
7616
|
-
<li><strong>Lines (comments):</strong>
|
|
7617
|
-
<li><strong>Lines (code):</strong>
|
|
7886
|
+
<li><strong>Lines (comments):</strong> 845-848</li>
|
|
7887
|
+
<li><strong>Lines (code):</strong> 850-852</li>
|
|
7618
7888
|
</ul>
|
|
7619
7889
|
</details>
|
|
7620
|
-
<h4 id="parameters-
|
|
7890
|
+
<h4 id="parameters-39" tabindex="-1">Parameters</h4>
|
|
7621
7891
|
<table>
|
|
7622
7892
|
<thead>
|
|
7623
7893
|
<tr>
|
|
@@ -7634,7 +7904,7 @@
|
|
|
7634
7904
|
</tr>
|
|
7635
7905
|
</tbody>
|
|
7636
7906
|
</table>
|
|
7637
|
-
<h4 id="returns-
|
|
7907
|
+
<h4 id="returns-32" tabindex="-1">Returns</h4>
|
|
7638
7908
|
<table>
|
|
7639
7909
|
<thead>
|
|
7640
7910
|
<tr>
|
|
@@ -7657,29 +7927,6 @@
|
|
|
7657
7927
|
<ul>
|
|
7658
7928
|
<li><a href="/frontend/sass/core/utils/#function-is-end">is-end()</a></li>
|
|
7659
7929
|
</ul>
|
|
7660
|
-
<h2 id="css" tabindex="-1">CSS</h2>
|
|
7661
|
-
<div class="sassdoc-item-header">
|
|
7662
|
-
<h3 id="%2F%2F-could-be-made-into-multiple-arguments-in-future-if-needed" tabindex="-1">// Could be made into multiple arguments in future if needed</h3>
|
|
7663
|
-
<p>@function units-match($number, $other-number) {#css-// Could be made into multiple arguments in future if needed</p>
|
|
7664
|
-
<p>@function units-match($number, $other-number)}</p>
|
|
7665
|
-
<div class="sassdoc-item-header__labels">
|
|
7666
|
-
<span class="tag tag--primary"><strong>Css</strong></span>
|
|
7667
|
-
</div>
|
|
7668
|
-
</div>
|
|
7669
|
-
<p>Checks if two numbers are the same unit</p>
|
|
7670
|
-
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-punctuation">{</span>
|
|
7671
|
-
<span class="pjs-token pjs-keyword">@return</span> math.<span class="pjs-token pjs-function">unit</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-variable">$number</span><span class="pjs-token pjs-punctuation">)</span> <span class="pjs-token pjs-operator">==</span> math.<span class="pjs-token pjs-function">unit</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-variable">$other-number</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span>
|
|
7672
|
-
<span class="pjs-token pjs-punctuation">}</span></code></pre>
|
|
7673
|
-
<details>
|
|
7674
|
-
<summary>File Information</summary>
|
|
7675
|
-
<ul>
|
|
7676
|
-
<li><strong>File:</strong> _utils.scss</li>
|
|
7677
|
-
<li><strong>Group:</strong> utils</li>
|
|
7678
|
-
<li><strong>Type:</strong> css</li>
|
|
7679
|
-
<li><strong>Lines (comments):</strong> 175-178</li>
|
|
7680
|
-
<li><strong>Lines (code):</strong> 181-723</li>
|
|
7681
|
-
</ul>
|
|
7682
|
-
</details>
|
|
7683
7930
|
|
|
7684
7931
|
</div>
|
|
7685
7932
|
</div>
|