uikit 3.23.7 → 3.23.8-dev.97ee4c1bb

package/src/scss/components/width.scss

@@ -1,3 +1,6 @@
+@use "sass:meta";
+@use "sass:string";
+
 // Name:            Width
 // Description:     Utilities for widths
 //
@@ -26,10 +29,10 @@
 }
 
 .uk-child-width-1-2 > * { width: 50%; }
-.uk-child-width-1-3 > * { width: unquote('calc(100% / 3)'); }
+.uk-child-width-1-3 > * { width: string.unquote('calc(100% / 3)'); }
 .uk-child-width-1-4 > * { width: 25%; }
 .uk-child-width-1-5 > * { width: 20%; }
-.uk-child-width-1-6 > * { width: unquote('calc(100% / 6)'); }
+.uk-child-width-1-6 > * { width: string.unquote('calc(100% / 6)'); }
 
 .uk-child-width-auto > * { width: auto; }
 
@@ -51,10 +54,10 @@
 
     .uk-child-width-1-1\@s > * { width: 100%; }
     .uk-child-width-1-2\@s > * { width: 50%; }
-    .uk-child-width-1-3\@s > * { width: unquote('calc(100% / 3)'); }
+    .uk-child-width-1-3\@s > * { width: string.unquote('calc(100% / 3)'); }
     .uk-child-width-1-4\@s > * { width: 25%; }
     .uk-child-width-1-5\@s > * { width: 20%; }
-    .uk-child-width-1-6\@s > * { width: unquote('calc(100% / 6)'); }
+    .uk-child-width-1-6\@s > * { width: string.unquote('calc(100% / 6)'); }
 
     .uk-child-width-auto\@s > * { width: auto; }
     .uk-child-width-expand\@s > :not([class*="uk-width"]) {
@@ -78,10 +81,10 @@
 
     .uk-child-width-1-1\@m > * { width: 100%; }
     .uk-child-width-1-2\@m > * { width: 50%; }
-    .uk-child-width-1-3\@m > * { width: unquote('calc(100% / 3)'); }
+    .uk-child-width-1-3\@m > * { width: string.unquote('calc(100% / 3)'); }
     .uk-child-width-1-4\@m > * { width: 25%; }
     .uk-child-width-1-5\@m > * { width: 20%; }
-    .uk-child-width-1-6\@m > * { width: unquote('calc(100% / 6)'); }
+    .uk-child-width-1-6\@m > * { width: string.unquote('calc(100% / 6)'); }
 
     .uk-child-width-auto\@m > * { width: auto; }
     .uk-child-width-expand\@m > :not([class*="uk-width"]) {
@@ -105,10 +108,10 @@
 
     .uk-child-width-1-1\@l > * { width: 100%; }
     .uk-child-width-1-2\@l > * { width: 50%; }
-    .uk-child-width-1-3\@l > * { width: unquote('calc(100% / 3)'); }
+    .uk-child-width-1-3\@l > * { width: string.unquote('calc(100% / 3)'); }
     .uk-child-width-1-4\@l > * { width: 25%; }
     .uk-child-width-1-5\@l > * { width: 20%; }
-    .uk-child-width-1-6\@l > * { width: unquote('calc(100% / 6)'); }
+    .uk-child-width-1-6\@l > * { width: string.unquote('calc(100% / 6)'); }
 
     .uk-child-width-auto\@l > * { width: auto; }
     .uk-child-width-expand\@l > :not([class*="uk-width"]) {
@@ -132,10 +135,10 @@
 
     .uk-child-width-1-1\@xl > * { width: 100%; }
     .uk-child-width-1-2\@xl > * { width: 50%; }
-    .uk-child-width-1-3\@xl > * { width: unquote('calc(100% / 3)'); }
+    .uk-child-width-1-3\@xl > * { width: string.unquote('calc(100% / 3)'); }
     .uk-child-width-1-4\@xl > * { width: 25%; }
     .uk-child-width-1-5\@xl > * { width: 20%; }
-    .uk-child-width-1-6\@xl > * { width: unquote('calc(100% / 6)'); }
+    .uk-child-width-1-6\@xl > * { width: string.unquote('calc(100% / 6)'); }
 
     .uk-child-width-auto\@xl > * { width: auto; }
     .uk-child-width-expand\@xl > :not([class*="uk-width"]) {
@@ -173,8 +176,8 @@
 .uk-width-1-2 { width: 50%; }
 
 /* Thirds */
-.uk-width-1-3 { width: unquote('calc(100% / 3)'); }
-.uk-width-2-3 { width: unquote('calc(200% / 3)'); }
+.uk-width-1-3 { width: string.unquote('calc(100% / 3)'); }
+.uk-width-2-3 { width: string.unquote('calc(200% / 3)'); }
 
 /* Quarters */
 .uk-width-1-4 { width: 25%; }
@@ -187,8 +190,8 @@
 .uk-width-4-5 { width: 80%; }
 
 /* Sixths */
-.uk-width-1-6 { width: unquote('calc(100% / 6)'); }
-.uk-width-5-6 { width: unquote('calc(500% / 6)'); }
+.uk-width-1-6 { width: string.unquote('calc(100% / 6)'); }
+.uk-width-5-6 { width: string.unquote('calc(500% / 6)'); }
 
 /* Pixel */
 .uk-width-small { width: $width-small-width; }
@@ -219,8 +222,8 @@
     .uk-width-1-2\@s { width: 50%; }
 
     /* Thirds */
-    .uk-width-1-3\@s { width: unquote('calc(100% / 3)'); }
-    .uk-width-2-3\@s { width: unquote('calc(200% / 3)'); }
+    .uk-width-1-3\@s { width: string.unquote('calc(100% / 3)'); }
+    .uk-width-2-3\@s { width: string.unquote('calc(200% / 3)'); }
 
     /* Quarters */
     .uk-width-1-4\@s { width: 25%; }
@@ -233,8 +236,8 @@
     .uk-width-4-5\@s { width: 80%; }
 
     /* Sixths */
-    .uk-width-1-6\@s { width: unquote('calc(100% / 6)'); }
-    .uk-width-5-6\@s { width: unquote('calc(500% / 6)'); }
+    .uk-width-1-6\@s { width: string.unquote('calc(100% / 6)'); }
+    .uk-width-5-6\@s { width: string.unquote('calc(500% / 6)'); }
 
     /* Pixel */
     .uk-width-small\@s { width: $width-small-width; }
@@ -287,8 +290,8 @@
     .uk-width-1-2\@m { width: 50%; }
 
     /* Thirds */
-    .uk-width-1-3\@m { width: unquote('calc(100% / 3)'); }
-    .uk-width-2-3\@m { width: unquote('calc(200% / 3)'); }
+    .uk-width-1-3\@m { width: string.unquote('calc(100% / 3)'); }
+    .uk-width-2-3\@m { width: string.unquote('calc(200% / 3)'); }
 
     /* Quarters */
     .uk-width-1-4\@m { width: 25%; }
@@ -301,8 +304,8 @@
     .uk-width-4-5\@m { width: 80%; }
 
     /* Sixths */
-    .uk-width-1-6\@m { width: unquote('calc(100% / 6)'); }
-    .uk-width-5-6\@m { width: unquote('calc(500% / 6)'); }
+    .uk-width-1-6\@m { width: string.unquote('calc(100% / 6)'); }
+    .uk-width-5-6\@m { width: string.unquote('calc(500% / 6)'); }
 
     /* Pixel */
     .uk-width-small\@m { width: $width-small-width; }
@@ -355,8 +358,8 @@
     .uk-width-1-2\@l { width: 50%; }
 
     /* Thirds */
-    .uk-width-1-3\@l { width: unquote('calc(100% / 3)'); }
-    .uk-width-2-3\@l { width: unquote('calc(200% / 3)'); }
+    .uk-width-1-3\@l { width: string.unquote('calc(100% / 3)'); }
+    .uk-width-2-3\@l { width: string.unquote('calc(200% / 3)'); }
 
     /* Quarters */
     .uk-width-1-4\@l { width: 25%; }
@@ -369,8 +372,8 @@
     .uk-width-4-5\@l { width: 80%; }
 
     /* Sixths */
-    .uk-width-1-6\@l { width: unquote('calc(100% / 6)'); }
-    .uk-width-5-6\@l { width: unquote('calc(500% / 6)'); }
+    .uk-width-1-6\@l { width: string.unquote('calc(100% / 6)'); }
+    .uk-width-5-6\@l { width: string.unquote('calc(500% / 6)'); }
 
     /* Pixel */
     .uk-width-small\@l { width: $width-small-width; }
@@ -423,8 +426,8 @@
     .uk-width-1-2\@xl { width: 50%; }
 
     /* Thirds */
-    .uk-width-1-3\@xl { width: unquote('calc(100% / 3)'); }
-    .uk-width-2-3\@xl { width: unquote('calc(200% / 3)'); }
+    .uk-width-1-3\@xl { width: string.unquote('calc(100% / 3)'); }
+    .uk-width-2-3\@xl { width: string.unquote('calc(200% / 3)'); }
 
     /* Quarters */
     .uk-width-1-4\@xl { width: 25%; }
@@ -437,8 +440,8 @@
     .uk-width-4-5\@xl { width: 80%; }
 
     /* Sixths */
-    .uk-width-1-6\@xl { width: unquote('calc(100% / 6)'); }
-    .uk-width-5-6\@xl { width: unquote('calc(500% / 6)'); }
+    .uk-width-1-6\@xl { width: string.unquote('calc(100% / 6)'); }
+    .uk-width-5-6\@xl { width: string.unquote('calc(500% / 6)'); }
 
     /* Pixel */
     .uk-width-small\@xl { width: $width-small-width; }
@@ -492,6 +495,6 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-width-misc)) {@include hook-width-misc();}
+@if(meta.mixin-exists(hook-width-misc)) {@include hook-width-misc();}
 
 // @mixin hook-width-misc(){}