@ulu/frontend 0.1.0-beta.63 → 0.1.0-beta.65

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

@@ -5223,6 +5223,9 @@
 
                     <li><a href="#mixin-cap-appearance">cap-appearance()</a>
             		</li>
+
+                    <li><a href="#mixin-backdrop-filter-blur">backdrop-filter-blur()</a>
+            		</li>
                 </ol>
             		</li>
 
@@ -6121,6 +6124,42 @@ styling (text-decoration, etc)</li>
 <ul>
 <li><a href="/frontend/sass/core/breakpoint/#function-get">get()</a></li>
 </ul>
+<div class="sassdoc-item-header">
+<h3 id="mixin-backdrop-filter-blur" tabindex="-1">backdrop-filter-blur()</h3>
+  <div class="sassdoc-item-header__labels">
+    <span class="tag tag--primary"><strong>Mixin</strong></span>
+  </div>
+</div>
+<p>Add backdrop-filter blur</p>
+<details>
+  <summary>File Information</summary>
+<ul>
+<li><strong>File:</strong> _element.scss</li>
+<li><strong>Group:</strong> element</li>
+<li><strong>Type:</strong> mixin</li>
+<li><strong>Lines (comments):</strong> 387-389</li>
+<li><strong>Lines (code):</strong> 390-392</li>
+</ul>
+</details>
+<h4 id="parameters-13" tabindex="-1">Parameters</h4>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Type</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left">$amount</td>
+<td style="text-align:left"><code>CssUnit</code></td>
+<td style="text-align:left">get(&quot;backdrop-blur&quot;)</td>
+<td style="text-align:left">Amount to blur</td>
+</tr>
+</tbody>
+</table>
 <h2 id="functions" tabindex="-1">Functions</h2>
 <div class="sassdoc-item-header">
 <h3 id="function-get" tabindex="-1">get()</h3>
@@ -6139,7 +6178,7 @@ styling (text-decoration, etc)</li>
 <li><strong>Lines (code):</strong> 106-108</li>
 </ul>
 </details>
-<h4 id="parameters-13" tabindex="-1">Parameters</h4>
+<h4 id="parameters-14" tabindex="-1">Parameters</h4>
 <table>
 <thead>
 <tr>
@@ -6183,7 +6222,7 @@ styling (text-decoration, etc)</li>
 <li><strong>Lines (code):</strong> 128-130</li>
 </ul>
 </details>
-<h4 id="parameters-14" tabindex="-1">Parameters</h4>
+<h4 id="parameters-15" tabindex="-1">Parameters</h4>
 <table>
 <thead>
 <tr>
@@ -6222,7 +6261,7 @@ styling (text-decoration, etc)</li>
 <li><strong>Lines (code):</strong> 135-137</li>
 </ul>
 </details>
-<h4 id="parameters-15" tabindex="-1">Parameters</h4>
+<h4 id="parameters-16" tabindex="-1">Parameters</h4>
 <table>
 <thead>
 <tr>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ulu/frontend",
-  "version": "0.1.0-beta.63",
+  "version": "0.1.0-beta.65",
   "description": "Modular Sass Theming Library",
   "browser": "js/index.js",
   "main": "index.js",

package/scss/_element.scss

@@ -382,4 +382,11 @@ $rule-margins: (
       }
     }
   }
+}
+
+/// Add backdrop-filter blur
+/// @param {CssUnit} $amount [get("backdrop-blur")] Amount to blur
+/// 
+@mixin backdrop-filter-blur($amount: get("backdrop-blur")) {
+  backdrop-filter: blur($amount);
 }

package/scss/components/_counter-list.scss

@@ -11,7 +11,7 @@
 /// Module Settings
 /// @type Map
 /// @prop {List|CssUnit} margin [(2rem 0)] The top and bottom margin of the list.
-/// @prop {List|CssUnit} item-margin [(0, 0, 1rem, 0)] The margin applied to each list item.
+/// @prop {List|CssUnit} item-margin [((0 0 1rem 0))] The margin applied to each list item.
 /// @prop {Keyword} align-items [baseline] How to align the counter (flexbox align-items values)
 /// @prop {CssUnit} counter-width [2.4em] The width and height (if height is falsy)
 /// @prop {CssUnit} counter-height [null] The height (optional)
@@ -24,7 +24,7 @@
 
 $config: (
   "margin" : (2rem 0),
-  "item-margin" : (0, 0, 1rem, 0),
+  "item-margin" : (0 0 1rem 0),
   "align-items" : baseline, 
   "counter-width" : 2.4em,
   "counter-height" : null,