uikit 3.23.7-dev.ea33b1a06 → 3.23.8-dev.13605ee50

package/src/scss/components/table.scss

@@ -1,3 +1,6 @@
+@use "sass:meta";
+@use "sass:math";
+
 // Name:            Table
 // Description:     Styles for tables
 //
@@ -53,7 +56,7 @@
     width: 100%;
     /* 3 */
     margin-bottom: $table-margin-vertical;
-    @if(mixin-exists(hook-table)) {@include hook-table();}
+    @if(meta.mixin-exists(hook-table)) {@include hook-table();}
 }
 
 /* Add margin if adjacent element */
@@ -75,7 +78,7 @@
     font-size: $table-header-cell-font-size;
     font-weight: $table-header-cell-font-weight;
     color: $table-header-cell-color;
-    @if(mixin-exists(hook-table-header-cell)) {@include hook-table-header-cell();}
+    @if(meta.mixin-exists(hook-table-header-cell)) {@include hook-table-header-cell();}
 }
 
 
@@ -85,7 +88,7 @@
 .uk-table td {
     padding: $table-cell-padding-vertical $table-cell-padding-horizontal;
     vertical-align: top;
-    @if(mixin-exists(hook-table-cell)) {@include hook-table-cell();}
+    @if(meta.mixin-exists(hook-table-cell)) {@include hook-table-cell();}
 }
 
 /*
@@ -100,7 +103,7 @@
 
 .uk-table tfoot {
     font-size: $table-footer-font-size;
-    @if(mixin-exists(hook-table-footer)) {@include hook-table-footer();}
+    @if(meta.mixin-exists(hook-table-footer)) {@include hook-table-footer();}
 }
 
 
@@ -111,7 +114,7 @@
     font-size: $table-caption-font-size;
     text-align: left;
     color: $table-caption-color;
-    @if(mixin-exists(hook-table-caption)) {@include hook-table-caption();}
+    @if(meta.mixin-exists(hook-table-caption)) {@include hook-table-caption();}
 }
 
 
@@ -133,7 +136,7 @@
 .uk-table-divider > :not(:first-child) > tr,
 .uk-table-divider > :first-child > tr:not(:first-child) {
     border-top: $table-divider-border-width solid $table-divider-border;
-    @if(mixin-exists(hook-table-divider)) {@include hook-table-divider();}
+    @if(meta.mixin-exists(hook-table-divider)) {@include hook-table-divider();}
 }
 
 /*
@@ -143,7 +146,7 @@
 .uk-table-striped > tr:nth-of-type(odd),
 .uk-table-striped tbody tr:nth-of-type(odd) {
     background: $table-striped-row-background;
-    @if(mixin-exists(hook-table-striped)) {@include hook-table-striped();}
+    @if(meta.mixin-exists(hook-table-striped)) {@include hook-table-striped();}
 }
 
 /*
@@ -153,7 +156,7 @@
 .uk-table-hover > tr:hover,
 .uk-table-hover tbody tr:hover {
     background: $table-hover-row-background;
-    @if(mixin-exists(hook-table-hover)) {@include hook-table-hover();}
+    @if(meta.mixin-exists(hook-table-hover)) {@include hook-table-hover();}
 }
 
 
@@ -163,7 +166,7 @@
 .uk-table > tr.uk-active,
 .uk-table tbody tr.uk-active {
     background: $table-row-active-background;
-    @if(mixin-exists(hook-table-row-active)) {@include hook-table-row-active();}
+    @if(meta.mixin-exists(hook-table-row-active)) {@include hook-table-row-active();}
 }
 
 /* Size modifier
@@ -172,13 +175,13 @@
 .uk-table-small th,
 .uk-table-small td {
     padding: $table-small-cell-padding-vertical $table-small-cell-padding-horizontal;
-    @if(mixin-exists(hook-table-small)) {@include hook-table-small();}
+    @if(meta.mixin-exists(hook-table-small)) {@include hook-table-small();}
 }
 
 .uk-table-large th,
 .uk-table-large td {
     padding: $table-large-cell-padding-vertical $table-large-cell-padding-horizontal;
-    @if(mixin-exists(hook-table-large)) {@include hook-table-large();}
+    @if(meta.mixin-exists(hook-table-large)) {@include hook-table-large();}
 }
 
 
@@ -242,11 +245,11 @@
 
     .uk-table-responsive th:not(:first-child):not(.uk-table-link),
     .uk-table-responsive td:not(:first-child):not(.uk-table-link),
-    .uk-table-responsive .uk-table-link:not(:first-child) > a { padding-top: round(($table-cell-padding-vertical * 0.33333)) !important; }
+    .uk-table-responsive .uk-table-link:not(:first-child) > a { padding-top: math.round(($table-cell-padding-vertical * 0.33333)) !important; }
 
     .uk-table-responsive th:not(:last-child):not(.uk-table-link),
     .uk-table-responsive td:not(:last-child):not(.uk-table-link),
-    .uk-table-responsive .uk-table-link:not(:last-child) > a { padding-bottom: round(($table-cell-padding-vertical * 0.33333)) !important; }
+    .uk-table-responsive .uk-table-link:not(:last-child) > a { padding-bottom: math.round(($table-cell-padding-vertical * 0.33333)) !important; }
 
     .uk-table-justify.uk-table-responsive th,
     .uk-table-justify.uk-table-responsive td {
@@ -260,7 +263,7 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-table-misc)) {@include hook-table-misc();}
+@if(meta.mixin-exists(hook-table-misc)) {@include hook-table-misc();}
 
 // @mixin hook-table(){}
 // @mixin hook-table-header-cell(){}

package/src/scss/components/text.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Text
 // Description:     Utilities for text
 //
@@ -29,14 +31,14 @@
     font-size: $text-lead-font-size;
     line-height: $text-lead-line-height;
     color: $text-lead-color;
-    @if(mixin-exists(hook-text-lead)) {@include hook-text-lead();}
+    @if(meta.mixin-exists(hook-text-lead)) {@include hook-text-lead();}
 }
 
 .uk-text-meta {
     font-size: $text-meta-font-size;
     line-height: $text-meta-line-height;
     color: $text-meta-color;
-    @if(mixin-exists(hook-text-meta)) {@include hook-text-meta();}
+    @if(meta.mixin-exists(hook-text-meta)) {@include hook-text-meta();}
 }
 
 
@@ -46,13 +48,13 @@
 .uk-text-small {
     font-size: $text-small-font-size;
     line-height: $text-small-line-height;
-    @if(mixin-exists(hook-text-small)) {@include hook-text-small();}
+    @if(meta.mixin-exists(hook-text-small)) {@include hook-text-small();}
 }
 
 .uk-text-large {
     font-size: $text-large-font-size;
     line-height: $text-large-line-height;
-    @if(mixin-exists(hook-text-large)) {@include hook-text-large();}
+    @if(meta.mixin-exists(hook-text-large)) {@include hook-text-large();}
 }
 
 .uk-text-default {
@@ -123,7 +125,7 @@
     display: inline-block;
     /* 4 */
     background-color: $text-background-color;
-    @if(mixin-exists(hook-text-background)) {@include hook-text-background();}
+    @if(meta.mixin-exists(hook-text-background)) {@include hook-text-background();}
 }
 
 
@@ -234,7 +236,7 @@ td.uk-text-truncate { max-width: 0; }
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-text-misc)) {@include hook-text-misc();}
+@if(meta.mixin-exists(hook-text-misc)) {@include hook-text-misc();}
 
 // @mixin hook-text-lead(){}
 // @mixin hook-text-meta(){}

package/src/scss/components/thumbnav.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Thumbnav
 // Description:     Component to create thumbnail navigations
 //
@@ -35,7 +37,7 @@
     list-style: none;
     /* 3 */
     margin-left: (-$thumbnav-margin-horizontal);
-    @if(mixin-exists(hook-thumbnav)) {@include hook-thumbnav();}
+    @if(meta.mixin-exists(hook-thumbnav)) {@include hook-thumbnav();}
 }
 
 /*
@@ -58,17 +60,17 @@
 
 .uk-thumbnav > * > * {
     display: inline-block;
-    @if(mixin-exists(hook-thumbnav-item)) {@include hook-thumbnav-item();}
+    @if(meta.mixin-exists(hook-thumbnav-item)) {@include hook-thumbnav-item();}
 }
 
 /* Hover */
 .uk-thumbnav > * > :hover {
-    @if(mixin-exists(hook-thumbnav-item-hover)) {@include hook-thumbnav-item-hover();}
+    @if(meta.mixin-exists(hook-thumbnav-item-hover)) {@include hook-thumbnav-item-hover();}
 }
 
 /* Active */
 .uk-thumbnav > .uk-active > * {
-    @if(mixin-exists(hook-thumbnav-item-active)) {@include hook-thumbnav-item-active();}
+    @if(meta.mixin-exists(hook-thumbnav-item-active)) {@include hook-thumbnav-item-active();}
 }
 
 
@@ -98,7 +100,7 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-thumbnav-misc)) {@include hook-thumbnav-misc();}
+@if(meta.mixin-exists(hook-thumbnav-misc)) {@include hook-thumbnav-misc();}
 
 // @mixin hook-thumbnav(){}
 // @mixin hook-thumbnav-item(){}

package/src/scss/components/tile.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Tile
 // Description:     Component to create tiled boxes
 //
@@ -42,7 +44,7 @@
     padding-right: $tile-padding-horizontal;
     padding-top: $tile-padding-vertical;
     padding-bottom: $tile-padding-vertical;
-    @if(mixin-exists(hook-tile)) {@include hook-tile();}
+    @if(meta.mixin-exists(hook-tile)) {@include hook-tile();}
 }
 
 /* Phone landscape and bigger */
@@ -145,11 +147,11 @@
 .uk-tile-default {
     --uk-inverse: #{$tile-default-color-mode};
     background-color: $tile-default-background;
-    @if(mixin-exists(hook-tile-default)) {@include hook-tile-default();}
+    @if(meta.mixin-exists(hook-tile-default)) {@include hook-tile-default();}
 }
 
 .uk-tile-default.uk-tile-hover:hover {
-    @if(mixin-exists(hook-tile-default-hover)) {@include hook-tile-default-hover();}
+    @if(meta.mixin-exists(hook-tile-default-hover)) {@include hook-tile-default-hover();}
 }
 
 // Color Mode
@@ -163,11 +165,11 @@
 .uk-tile-muted {
     --uk-inverse: #{$tile-muted-color-mode};
     background-color: $tile-muted-background;
-    @if(mixin-exists(hook-tile-muted)) {@include hook-tile-muted();}
+    @if(meta.mixin-exists(hook-tile-muted)) {@include hook-tile-muted();}
 }
 
 .uk-tile-muted.uk-tile-hover:hover {
-    @if(mixin-exists(hook-tile-muted-hover)) {@include hook-tile-muted-hover();}
+    @if(meta.mixin-exists(hook-tile-muted-hover)) {@include hook-tile-muted-hover();}
 }
 
 // Color Mode
@@ -181,11 +183,11 @@
 .uk-tile-primary {
     --uk-inverse: #{$tile-primary-color-mode};
     background-color: $tile-primary-background;
-    @if(mixin-exists(hook-tile-primary)) {@include hook-tile-primary();}
+    @if(meta.mixin-exists(hook-tile-primary)) {@include hook-tile-primary();}
 }
 
 .uk-tile-primary.uk-tile-hover:hover {
-    @if(mixin-exists(hook-tile-primary-hover)) {@include hook-tile-primary-hover();}
+    @if(meta.mixin-exists(hook-tile-primary-hover)) {@include hook-tile-primary-hover();}
 }
 
 // Color Mode
@@ -199,11 +201,11 @@
 .uk-tile-secondary {
     --uk-inverse: #{$tile-secondary-color-mode};
     background-color: $tile-secondary-background;
-    @if(mixin-exists(hook-tile-secondary)) {@include hook-tile-secondary();}
+    @if(meta.mixin-exists(hook-tile-secondary)) {@include hook-tile-secondary();}
 }
 
 .uk-tile-secondary.uk-tile-hover:hover {
-    @if(mixin-exists(hook-tile-secondary-hover)) {@include hook-tile-secondary-hover();}
+    @if(meta.mixin-exists(hook-tile-secondary-hover)) {@include hook-tile-secondary-hover();}
 }
 
 // Color Mode
@@ -214,7 +216,7 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-tile-misc)) {@include hook-tile-misc();}
+@if(meta.mixin-exists(hook-tile-misc)) {@include hook-tile-misc();}
 
 // @mixin hook-tile(){}
 // @mixin hook-tile-default(){}

package/src/scss/components/tooltip.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Tooltip
 // Description:     Component to create tooltips
 //
@@ -54,7 +56,7 @@
     border-radius: $tooltip-border-radius;
     color: $tooltip-color;
     font-size: $tooltip-font-size;
-    @if(mixin-exists(hook-tooltip)) {@include hook-tooltip();}
+    @if(meta.mixin-exists(hook-tooltip)) {@include hook-tooltip();}
 }
 
 /* Show */
@@ -64,7 +66,7 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-tooltip-misc)) {@include hook-tooltip-misc();}
+@if(meta.mixin-exists(hook-tooltip-misc)) {@include hook-tooltip-misc();}
 
 // @mixin hook-tooltip(){}
 // @mixin hook-tooltip-misc(){}

package/src/scss/components/totop.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Totop
 // Description:     Component to create an icon to scroll back to top
 //
@@ -24,26 +26,26 @@
 .uk-totop {
     padding: $totop-padding;
     color: $totop-color;
-    @if(mixin-exists(hook-totop)) {@include hook-totop();}
+    @if(meta.mixin-exists(hook-totop)) {@include hook-totop();}
 }
 
 /* Hover */
 .uk-totop:hover {
     color: $totop-hover-color;
-    @if(mixin-exists(hook-totop-hover)) {@include hook-totop-hover();}
+    @if(meta.mixin-exists(hook-totop-hover)) {@include hook-totop-hover();}
 }
 
 /* OnClick */
 .uk-totop:active {
     color: $totop-active-color;
-    @if(mixin-exists(hook-totop-active)) {@include hook-totop-active();}
+    @if(meta.mixin-exists(hook-totop-active)) {@include hook-totop-active();}
 }
 
 
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-totop-misc)) {@include hook-totop-misc();}
+@if(meta.mixin-exists(hook-totop-misc)) {@include hook-totop-misc();}
 
 // @mixin hook-totop(){}
 // @mixin hook-totop-hover(){}

package/src/scss/components/transition.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Transition
 // Description:     Utilities for transitions
 //
@@ -162,6 +164,6 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-transition-misc)) {@include hook-transition-misc();}
+@if(meta.mixin-exists(hook-transition-misc)) {@include hook-transition-misc();}
 
 // @mixin hook-transition-misc(){}

package/src/scss/components/utility.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Utility
 // Description:     Utilities collection
 //
@@ -70,7 +72,7 @@
     border: $panel-scrollable-border-width solid $panel-scrollable-border;
     overflow: auto;
     resize: both;
-    @if(mixin-exists(hook-panel-scrollable)) {@include hook-panel-scrollable();}
+    @if(meta.mixin-exists(hook-panel-scrollable)) {@include hook-panel-scrollable();}
 }
 
 
@@ -329,7 +331,7 @@
         filter: blur($box-shadow-bottom-blur);
         /* 3 */
         will-change: filter;
-        @if(mixin-exists(hook-box-shadow-bottom)) {@include hook-box-shadow-bottom();}
+        @if(meta.mixin-exists(hook-box-shadow-bottom)) {@include hook-box-shadow-bottom();}
     }
 
 }
@@ -353,7 +355,7 @@
     float: left;
     font-size: $dropcap-font-size;
     line-height: $dropcap-line-height;
-    @if(mixin-exists(hook-dropcap)) {@include hook-dropcap();}
+    @if(meta.mixin-exists(hook-dropcap)) {@include hook-dropcap();}
 }
 
 /* 2 */
@@ -381,7 +383,7 @@
     color: $logo-color;
     /* 2 */
     text-decoration: none;
-    @if(mixin-exists(hook-logo)) {@include hook-logo();}
+    @if(meta.mixin-exists(hook-logo)) {@include hook-logo();}
 }
 
 /* 3 */
@@ -395,7 +397,7 @@
     color: $logo-hover-color;
     /* 1 */
     text-decoration: none;
-    @if(mixin-exists(hook-logo-hover)) {@include hook-logo-hover();}
+    @if(meta.mixin-exists(hook-logo-hover)) {@include hook-logo-hover();}
 }
 
 .uk-logo :where(img, svg, video) { display: block; }
@@ -477,7 +479,7 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-utility-misc)) {@include hook-utility-misc();}
+@if(meta.mixin-exists(hook-utility-misc)) {@include hook-utility-misc();}
 
 // @mixin hook-panel-scrollable(){}
 // @mixin hook-box-shadow-bottom(){}

package/src/scss/components/visibility.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Visibility
 // Description:     Utilities to show or hide content on breakpoints, hover or touch
 //
@@ -159,6 +161,6 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-visibility-misc)) {@include hook-visibility-misc();}
+@if(meta.mixin-exists(hook-visibility-misc)) {@include hook-visibility-misc();}
 
 // @mixin hook-visibility-misc(){}

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(){}