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

package/src/scss/components/navbar.scss

@@ -1,3 +1,6 @@
+@use "sass:meta";
+@use "sass:string";
+
 // Name:            Navbar
 // Description:     Component to create horizontal navigation bars
 //
@@ -61,7 +64,7 @@ $navbar-nav-gap:                                 0px !default; // Must have a un
     display: flex;
     /* 1 */
     position: relative;
-    @if(mixin-exists(hook-navbar)) {@include hook-navbar();}
+    @if(meta.mixin-exists(hook-navbar)) {@include hook-navbar();}
 }
 
 
@@ -70,7 +73,7 @@ $navbar-nav-gap:                                 0px !default; // Must have a un
 
 .uk-navbar-container:not(.uk-navbar-transparent) {
     background: $navbar-background;
-    @if(mixin-exists(hook-navbar-container)) {@include hook-navbar-container();}
+    @if(meta.mixin-exists(hook-navbar-container)) {@include hook-navbar-container();}
 }
 
 // Color Mode
@@ -131,8 +134,8 @@ $navbar-nav-gap:                                 0px !default; // Must have a un
    top: 0;
 }
 
-.uk-navbar-center-left { right: unquote('calc(100% + #{$navbar-gap})'); }
-.uk-navbar-center-right { left: unquote('calc(100% + #{$navbar-gap})'); }
+.uk-navbar-center-left { right: string.unquote('calc(100% + #{$navbar-gap})'); }
+.uk-navbar-center-right { left: string.unquote('calc(100% + #{$navbar-gap})'); }
 
 [class*="uk-navbar-center-"] {
     width: max-content;
@@ -200,7 +203,7 @@ $navbar-nav-gap:                                 0px !default; // Must have a un
 .uk-navbar-nav > li > a {
     padding: 0 $navbar-nav-item-padding-horizontal;
     color: $navbar-nav-item-color;
-    @if(mixin-exists(hook-navbar-nav-item)) {@include hook-navbar-nav-item();}
+    @if(meta.mixin-exists(hook-navbar-nav-item)) {@include hook-navbar-nav-item();}
 }
 
 /*
@@ -211,19 +214,19 @@ $navbar-nav-gap:                                 0px !default; // Must have a un
 .uk-navbar-nav > li:hover > a,
 .uk-navbar-nav > li > a[aria-expanded="true"] {
     color: $navbar-nav-item-hover-color;
-    @if(mixin-exists(hook-navbar-nav-item-hover)) {@include hook-navbar-nav-item-hover();}
+    @if(meta.mixin-exists(hook-navbar-nav-item-hover)) {@include hook-navbar-nav-item-hover();}
 }
 
 /* OnClick */
 .uk-navbar-nav > li > a:active {
     color: $navbar-nav-item-onclick-color;
-    @if(mixin-exists(hook-navbar-nav-item-onclick)) {@include hook-navbar-nav-item-onclick();}
+    @if(meta.mixin-exists(hook-navbar-nav-item-onclick)) {@include hook-navbar-nav-item-onclick();}
 }
 
 /* Active */
 .uk-navbar-nav > li.uk-active > a {
     color: $navbar-nav-item-active-color;
-    @if(mixin-exists(hook-navbar-nav-item-active)) {@include hook-navbar-nav-item-active();}
+    @if(meta.mixin-exists(hook-navbar-nav-item-active)) {@include hook-navbar-nav-item-active();}
 }
 
 
@@ -244,7 +247,7 @@ $navbar-nav-gap:                                 0px !default; // Must have a un
 .uk-navbar-item {
     padding: 0 $navbar-item-padding-horizontal;
     color: $navbar-item-color;
-    @if(mixin-exists(hook-navbar-item)) {@include hook-navbar-item();}
+    @if(meta.mixin-exists(hook-navbar-item)) {@include hook-navbar-item();}
 }
 
 /*
@@ -260,14 +263,14 @@ $navbar-nav-gap:                                 0px !default; // Must have a un
 .uk-navbar-toggle {
     padding: 0 $navbar-item-padding-horizontal;
     color: $navbar-toggle-color;
-    @if(mixin-exists(hook-navbar-toggle)) {@include hook-navbar-toggle();}
+    @if(meta.mixin-exists(hook-navbar-toggle)) {@include hook-navbar-toggle();}
 }
 
 .uk-navbar-toggle:hover,
 .uk-navbar-toggle[aria-expanded="true"] {
     color: $navbar-toggle-hover-color;
     text-decoration: none;
-    @if(mixin-exists(hook-navbar-toggle-hover)) {@include hook-navbar-toggle-hover();}
+    @if(meta.mixin-exists(hook-navbar-toggle-hover)) {@include hook-navbar-toggle-hover();}
 }
 
 /*
@@ -276,12 +279,12 @@ $navbar-nav-gap:                                 0px !default; // Must have a un
  */
 
 .uk-navbar-toggle-icon {
-    @if(mixin-exists(hook-navbar-toggle-icon)) {@include hook-navbar-toggle-icon();}
+    @if(meta.mixin-exists(hook-navbar-toggle-icon)) {@include hook-navbar-toggle-icon();}
 }
 
 /* Hover */
 :hover > .uk-navbar-toggle-icon {
-    @if(mixin-exists(hook-navbar-toggle-icon-hover)) {@include hook-navbar-toggle-icon-hover();}
+    @if(meta.mixin-exists(hook-navbar-toggle-icon-hover)) {@include hook-navbar-toggle-icon-hover();}
 }
 
 
@@ -290,7 +293,7 @@ $navbar-nav-gap:                                 0px !default; // Must have a un
 
 .uk-navbar-subtitle {
     font-size: $navbar-subtitle-font-size;
-    @if(mixin-exists(hook-navbar-subtitle)) {@include hook-navbar-subtitle();}
+    @if(meta.mixin-exists(hook-navbar-subtitle)) {@include hook-navbar-subtitle();}
 }
 
 
@@ -309,15 +312,15 @@ $navbar-nav-gap:                                 0px !default; // Must have a un
  ========================================================================== */
 
 .uk-navbar-primary {
-    @if(mixin-exists(hook-navbar-primary)) {@include hook-navbar-primary();}
+    @if(meta.mixin-exists(hook-navbar-primary)) {@include hook-navbar-primary();}
 }
 
 .uk-navbar-transparent {
-    @if(mixin-exists(hook-navbar-transparent)) {@include hook-navbar-transparent();}
+    @if(meta.mixin-exists(hook-navbar-transparent)) {@include hook-navbar-transparent();}
 }
 
 .uk-navbar-sticky {
-    @if(mixin-exists(hook-navbar-sticky)) {@include hook-navbar-sticky();}
+    @if(meta.mixin-exists(hook-navbar-sticky)) {@include hook-navbar-sticky();}
 }
 
 
@@ -341,7 +344,7 @@ $navbar-nav-gap:                                 0px !default; // Must have a un
     padding: $navbar-dropdown-padding;
     background: $navbar-dropdown-background;
     color: $navbar-dropdown-color;
-    @if(mixin-exists(hook-navbar-dropdown)) {@include hook-navbar-dropdown();}
+    @if(meta.mixin-exists(hook-navbar-dropdown)) {@include hook-navbar-dropdown();}
 }
 
 /*
@@ -388,7 +391,7 @@ $navbar-nav-gap:                                 0px !default; // Must have a un
 .uk-navbar-dropdown-large {
     --uk-position-shift-offset: #{$navbar-dropdown-large-shift-margin};
     padding: $navbar-dropdown-large-padding;
-    @if(mixin-exists(hook-navbar-dropdown-large)) {@include hook-navbar-dropdown-large();}
+    @if(meta.mixin-exists(hook-navbar-dropdown-large)) {@include hook-navbar-dropdown-large();}
 }
 
 /*
@@ -408,7 +411,7 @@ $navbar-nav-gap:                                 0px !default; // Must have a un
     --uk-position-offset: #{$navbar-dropdown-dropbar-margin};
     --uk-position-shift-offset: #{$navbar-dropdown-dropbar-shift-margin};
     --uk-position-viewport-offset: #{$navbar-dropdown-dropbar-viewport-margin};
-    @if(mixin-exists(hook-navbar-dropdown-dropbar)) {@include hook-navbar-dropdown-dropbar();}
+    @if(meta.mixin-exists(hook-navbar-dropdown-dropbar)) {@include hook-navbar-dropdown-dropbar();}
 }
 
 /* Phone landscape and bigger */
@@ -429,7 +432,7 @@ $navbar-nav-gap:                                 0px !default; // Must have a un
     --uk-position-shift-offset: #{$navbar-dropdown-dropbar-large-shift-margin};
     padding-top: $navbar-dropdown-dropbar-large-padding-top;
     padding-bottom: $navbar-dropdown-dropbar-large-padding-bottom;
-    @if(mixin-exists(hook-navbar-dropdown-dropbar-large)) {@include hook-navbar-dropdown-dropbar-large();}
+    @if(meta.mixin-exists(hook-navbar-dropdown-dropbar-large)) {@include hook-navbar-dropdown-dropbar-large();}
 }
 
 
@@ -438,7 +441,7 @@ $navbar-nav-gap:                                 0px !default; // Must have a un
  ========================================================================== */
 
 .uk-navbar-dropdown-nav {
-    @if(mixin-exists(hook-navbar-dropdown-nav)) {@include hook-navbar-dropdown-nav();}
+    @if(meta.mixin-exists(hook-navbar-dropdown-nav)) {@include hook-navbar-dropdown-nav();}
 }
 
 /*
@@ -447,19 +450,19 @@ $navbar-nav-gap:                                 0px !default; // Must have a un
 
 .uk-navbar-dropdown-nav > li > a {
     color: $navbar-dropdown-nav-item-color;
-    @if(mixin-exists(hook-navbar-dropdown-nav-item)) {@include hook-navbar-dropdown-nav-item();}
+    @if(meta.mixin-exists(hook-navbar-dropdown-nav-item)) {@include hook-navbar-dropdown-nav-item();}
 }
 
 /* Hover */
 .uk-navbar-dropdown-nav > li > a:hover {
     color: $navbar-dropdown-nav-item-hover-color;
-    @if(mixin-exists(hook-navbar-dropdown-nav-item-hover)) {@include hook-navbar-dropdown-nav-item-hover();}
+    @if(meta.mixin-exists(hook-navbar-dropdown-nav-item-hover)) {@include hook-navbar-dropdown-nav-item-hover();}
 }
 
 /* Active */
 .uk-navbar-dropdown-nav > li.uk-active > a {
     color: $navbar-dropdown-nav-item-active-color;
-    @if(mixin-exists(hook-navbar-dropdown-nav-item-active)) {@include hook-navbar-dropdown-nav-item-active();}
+    @if(meta.mixin-exists(hook-navbar-dropdown-nav-item-active)) {@include hook-navbar-dropdown-nav-item-active();}
 }
 
 /*
@@ -468,7 +471,7 @@ $navbar-nav-gap:                                 0px !default; // Must have a un
 
 .uk-navbar-dropdown-nav .uk-nav-subtitle {
     font-size: $navbar-dropdown-nav-subtitle-font-size;
-    @if(mixin-exists(hook-navbar-dropdown-nav-subtitle)) {@include hook-navbar-dropdown-nav-subtitle();}
+    @if(meta.mixin-exists(hook-navbar-dropdown-nav-subtitle)) {@include hook-navbar-dropdown-nav-subtitle();}
 }
 
 /*
@@ -477,7 +480,7 @@ $navbar-nav-gap:                                 0px !default; // Must have a un
 
 .uk-navbar-dropdown-nav .uk-nav-header {
     color: $navbar-dropdown-nav-header-color;
-    @if(mixin-exists(hook-navbar-dropdown-nav-header)) {@include hook-navbar-dropdown-nav-header();}
+    @if(meta.mixin-exists(hook-navbar-dropdown-nav-header)) {@include hook-navbar-dropdown-nav-header();}
 }
 
 /*
@@ -486,7 +489,7 @@ $navbar-nav-gap:                                 0px !default; // Must have a un
 
 .uk-navbar-dropdown-nav .uk-nav-divider {
     border-top: $navbar-dropdown-nav-divider-border-width solid $navbar-dropdown-nav-divider-border;
-    @if(mixin-exists(hook-navbar-dropdown-nav-divider)) {@include hook-navbar-dropdown-nav-divider();}
+    @if(meta.mixin-exists(hook-navbar-dropdown-nav-divider)) {@include hook-navbar-dropdown-nav-divider();}
 }
 
 /*
@@ -508,14 +511,14 @@ $navbar-nav-gap:                                 0px !default; // Must have a un
  */
 
 .uk-navbar-dropbar {
-    @if(mixin-exists(hook-navbar-dropbar)) {@include hook-navbar-dropbar();}
+    @if(meta.mixin-exists(hook-navbar-dropbar)) {@include hook-navbar-dropbar();}
 }
 
 
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-navbar-misc)) {@include hook-navbar-misc();}
+@if(meta.mixin-exists(hook-navbar-misc)) {@include hook-navbar-misc();}
 
 // @mixin hook-navbar(){}
 // @mixin hook-navbar-container(){}

package/src/scss/components/notification.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Notification
 // Description:     Component to create notification messages
 //
@@ -46,7 +48,7 @@
     /* 2 */
     box-sizing: border-box;
     width: $notification-width;
-    @if(mixin-exists(hook-notification)) {@include hook-notification();}
+    @if(meta.mixin-exists(hook-notification)) {@include hook-notification();}
 }
 
 
@@ -100,7 +102,7 @@
     font-size: $notification-message-font-size;
     line-height: $notification-message-line-height;
     cursor: pointer;
-    @if(mixin-exists(hook-notification-message)) {@include hook-notification-message();}
+    @if(meta.mixin-exists(hook-notification-message)) {@include hook-notification-message();}
 }
 
 * + .uk-notification-message { margin-top: $notification-message-margin-top; }
@@ -115,7 +117,7 @@
     position: absolute;
     top: $notification-close-top;
     right: $notification-close-right;
-    @if(mixin-exists(hook-notification-close)) {@include hook-notification-close();}
+    @if(meta.mixin-exists(hook-notification-close)) {@include hook-notification-close();}
 }
 
 .uk-notification-message:hover .uk-notification-close { display: block; }
@@ -130,7 +132,7 @@
 
 .uk-notification-message-primary {
     color: $notification-message-primary-color;
-    @if(mixin-exists(hook-notification-message-primary)) {@include hook-notification-message-primary();}
+    @if(meta.mixin-exists(hook-notification-message-primary)) {@include hook-notification-message-primary();}
 }
 
 /*
@@ -139,7 +141,7 @@
 
 .uk-notification-message-success {
     color: $notification-message-success-color;
-    @if(mixin-exists(hook-notification-message-success)) {@include hook-notification-message-success();}
+    @if(meta.mixin-exists(hook-notification-message-success)) {@include hook-notification-message-success();}
 }
 
 /*
@@ -148,7 +150,7 @@
 
 .uk-notification-message-warning {
     color: $notification-message-warning-color;
-    @if(mixin-exists(hook-notification-message-warning)) {@include hook-notification-message-warning();}
+    @if(meta.mixin-exists(hook-notification-message-warning)) {@include hook-notification-message-warning();}
 }
 
 /*
@@ -157,14 +159,14 @@
 
 .uk-notification-message-danger {
     color: $notification-message-danger-color;
-    @if(mixin-exists(hook-notification-message-danger)) {@include hook-notification-message-danger();}
+    @if(meta.mixin-exists(hook-notification-message-danger)) {@include hook-notification-message-danger();}
 }
 
 
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-notification-misc)) {@include hook-notification-misc();}
+@if(meta.mixin-exists(hook-notification-misc)) {@include hook-notification-misc();}
 
 // @mixin hook-notification(){}
 // @mixin hook-notification-message(){}

package/src/scss/components/offcanvas.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Off-canvas
 // Description:     Component to create an off-canvas sidebar
 //
@@ -83,7 +85,7 @@
     background: $offcanvas-bar-background;
     /* 3 */
     overflow-y: auto;
-    @if(mixin-exists(hook-offcanvas-bar)) {@include hook-offcanvas-bar();}
+    @if(meta.mixin-exists(hook-offcanvas-bar)) {@include hook-offcanvas-bar();}
 }
 
 /* Phone landscape and bigger */
@@ -192,7 +194,7 @@
     top: $offcanvas-close-position;
     right: $offcanvas-close-position;
     padding: $offcanvas-close-padding;
-    @if(mixin-exists(hook-offcanvas-close)) {@include hook-offcanvas-close();}
+    @if(meta.mixin-exists(hook-offcanvas-close)) {@include hook-offcanvas-close();}
 }
 
 /* Tablet landscape and bigger */
@@ -245,7 +247,7 @@
     /* 2 */
     opacity: 0;
     transition: opacity 0.15s linear;
-    @if(mixin-exists(hook-offcanvas-overlay)) {@include hook-offcanvas-overlay();}
+    @if(meta.mixin-exists(hook-offcanvas-overlay)) {@include hook-offcanvas-overlay();}
 }
 
 .uk-offcanvas-overlay.uk-open::before { opacity: 1; }
@@ -308,7 +310,7 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-offcanvas-misc)) {@include hook-offcanvas-misc();}
+@if(meta.mixin-exists(hook-offcanvas-misc)) {@include hook-offcanvas-misc();}
 
 // @mixin hook-offcanvas-bar(){}
 // @mixin hook-offcanvas-close(){}

package/src/scss/components/overlay.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Overlay
 // Description:     Component to create content areas overlaying an image
 //
@@ -24,7 +26,7 @@
 
 .uk-overlay {
     padding: $overlay-padding-vertical $overlay-padding-horizontal;
-    @if(mixin-exists(hook-overlay)) {@include hook-overlay();}
+    @if(meta.mixin-exists(hook-overlay)) {@include hook-overlay();}
 }
 
 /*
@@ -38,7 +40,7 @@
  ========================================================================== */
 
 .uk-overlay-icon {
-    @if(mixin-exists(hook-overlay-icon)) {@include hook-overlay-icon();}
+    @if(meta.mixin-exists(hook-overlay-icon)) {@include hook-overlay-icon();}
 }
 
 
@@ -52,7 +54,7 @@
 .uk-overlay-default {
     --uk-inverse: #{$overlay-default-color-mode};
     background: $overlay-default-background;
-    @if(mixin-exists(hook-overlay-default)) {@include hook-overlay-default();}
+    @if(meta.mixin-exists(hook-overlay-default)) {@include hook-overlay-default();}
 }
 
 // Color Mode
@@ -66,7 +68,7 @@
 .uk-overlay-primary {
     --uk-inverse: #{$overlay-primary-color-mode};
     background: $overlay-primary-background;
-    @if(mixin-exists(hook-overlay-primary)) {@include hook-overlay-primary();}
+    @if(meta.mixin-exists(hook-overlay-primary)) {@include hook-overlay-primary();}
 }
 
 // Color Mode
@@ -77,7 +79,7 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-overlay-misc)) {@include hook-overlay-misc();}
+@if(meta.mixin-exists(hook-overlay-misc)) {@include hook-overlay-misc();}
 
 // @mixin hook-overlay(){}
 // @mixin hook-overlay-icon(){}

package/src/scss/components/padding.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Padding
 // Description:     Utilities for padding
 //
@@ -71,6 +73,6 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-padding-misc)) {@include hook-padding-misc();}
+@if(meta.mixin-exists(hook-padding-misc)) {@include hook-padding-misc();}
 
 // @mixin hook-padding-misc(){}

package/src/scss/components/pagination.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Pagination
 // Description:     Component to create a page navigation
 //
@@ -40,7 +42,7 @@
     /* 4 */
     padding: 0;
     list-style: none;
-    @if(mixin-exists(hook-pagination)) {@include hook-pagination();}
+    @if(meta.mixin-exists(hook-pagination)) {@include hook-pagination();}
 }
 
 /*
@@ -77,33 +79,33 @@
     /* 3 */
     padding: $pagination-item-padding-vertical $pagination-item-padding-horizontal;
     color: $pagination-item-color;
-    @if(mixin-exists(hook-pagination-item)) {@include hook-pagination-item();}
+    @if(meta.mixin-exists(hook-pagination-item)) {@include hook-pagination-item();}
 }
 
 /* Hover */
 .uk-pagination > * > :hover {
     color: $pagination-item-hover-color;
     text-decoration: $pagination-item-hover-text-decoration;
-    @if(mixin-exists(hook-pagination-item-hover)) {@include hook-pagination-item-hover();}
+    @if(meta.mixin-exists(hook-pagination-item-hover)) {@include hook-pagination-item-hover();}
 }
 
 /* Active */
 .uk-pagination > .uk-active > * {
     color: $pagination-item-active-color;
-    @if(mixin-exists(hook-pagination-item-active)) {@include hook-pagination-item-active();}
+    @if(meta.mixin-exists(hook-pagination-item-active)) {@include hook-pagination-item-active();}
 }
 
 /* Disabled */
 .uk-pagination > .uk-disabled > * {
     color: $pagination-item-disabled-color;
-    @if(mixin-exists(hook-pagination-item-disabled)) {@include hook-pagination-item-disabled();}
+    @if(meta.mixin-exists(hook-pagination-item-disabled)) {@include hook-pagination-item-disabled();}
 }
 
 
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-pagination-misc)) {@include hook-pagination-misc();}
+@if(meta.mixin-exists(hook-pagination-misc)) {@include hook-pagination-misc();}
 
 // @mixin hook-pagination(){}
 // @mixin hook-pagination-item(){}

package/src/scss/components/placeholder.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Placeholder
 // Description:     Component to create placeholder boxes
 //
@@ -19,7 +21,7 @@
     margin-bottom: $placeholder-margin-vertical;
     padding: $placeholder-padding-vertical $placeholder-padding-horizontal;
     background: $placeholder-background;
-    @if(mixin-exists(hook-placeholder)) {@include hook-placeholder();}
+    @if(meta.mixin-exists(hook-placeholder)) {@include hook-placeholder();}
 }
 
 /* Add margin if adjacent element */
@@ -35,7 +37,7 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-placeholder-misc)) {@include hook-placeholder-misc();}
+@if(meta.mixin-exists(hook-placeholder-misc)) {@include hook-placeholder-misc();}
 
 // @mixin hook-placeholder(){}
 // @mixin hook-placeholder-misc(){}

package/src/scss/components/position.scss

@@ -1,3 +1,6 @@
+@use "sass:meta";
+@use "sass:string";
+
 // Name:            Position
 // Description:     Utilities to position content
 //
@@ -52,7 +55,7 @@
 [class*="uk-position-center"] {
     position: absolute !important;
     /* 1 */
-    max-width: unquote('calc(100% - (var(--uk-position-margin-offset) * 2))');
+    max-width: string.unquote('calc(100% - (var(--uk-position-margin-offset) * 2))');
     box-sizing: border-box;
 }
 
@@ -116,8 +119,8 @@
  */
 
 .uk-position-center {
-    top: unquote('calc(50% - var(--uk-position-margin-offset))');
-    left: unquote('calc(50% - var(--uk-position-margin-offset))');
+    top: string.unquote('calc(50% - var(--uk-position-margin-offset))');
+    left: string.unquote('calc(50% - var(--uk-position-margin-offset))');
     --uk-position-translate-x: -50%;
     --uk-position-translate-y: -50%;
     transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y));
@@ -129,7 +132,7 @@
 [class*="uk-position-center-left"],
 [class*="uk-position-center-right"],
 .uk-position-center-vertical {
-    top: unquote('calc(50% - var(--uk-position-margin-offset))');
+    top: string.unquote('calc(50% - var(--uk-position-margin-offset))');
     --uk-position-translate-y: -50%;
     transform: translate(0, var(--uk-position-translate-y));
 }
@@ -155,7 +158,7 @@
 .uk-position-top-center,
 .uk-position-bottom-center,
 .uk-position-center-horizontal {
-    left: unquote('calc(50% - var(--uk-position-margin-offset))');
+    left: string.unquote('calc(50% - var(--uk-position-margin-offset))');
     --uk-position-translate-x: -50%;
     transform: translate(var(--uk-position-translate-x), 0);
     /* 1 */
@@ -232,6 +235,6 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-position-misc)) {@include hook-position-misc();}
+@if(meta.mixin-exists(hook-position-misc)) {@include hook-position-misc();}
 
 // @mixin hook-position-misc(){}

package/src/scss/components/print.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Print
 // Description:     Optimize page for printing
 //
@@ -51,7 +53,7 @@
     h2,
     h3 { page-break-after: avoid; }
 
-   @if(mixin-exists(hook-print)) {@include hook-print();}
+   @if(meta.mixin-exists(hook-print)) {@include hook-print();}
 
 }
 

package/src/scss/components/progress.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Progress
 // Description:     Component to create progress bars
 //
@@ -37,7 +39,7 @@
     /* 5 */
     margin-bottom: $progress-margin-vertical;
     height: $progress-height;
-    @if(mixin-exists(hook-progress)) {@include hook-progress();}
+    @if(meta.mixin-exists(hook-progress)) {@include hook-progress();}
 }
 
 /* Add margin if adjacent element */
@@ -58,21 +60,21 @@
 .uk-progress::-webkit-progress-value {
     background-color: $progress-bar-background;
     transition: width 0.6s ease;
-    @if(mixin-exists(hook-progress-bar)) {@include hook-progress-bar();}
+    @if(meta.mixin-exists(hook-progress-bar)) {@include hook-progress-bar();}
 }
 
 .uk-progress::-moz-progress-bar {
     background-color: $progress-bar-background;
     /* 1 */
     transition: width 0.6s ease;
-    @if(mixin-exists(hook-progress-bar)) {@include hook-progress-bar();}
+    @if(meta.mixin-exists(hook-progress-bar)) {@include hook-progress-bar();}
 }
 
 
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-progress-misc)) {@include hook-progress-misc();}
+@if(meta.mixin-exists(hook-progress-misc)) {@include hook-progress-misc();}
 
 // @mixin hook-progress(){}
 // @mixin hook-progress-bar(){}