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

package/src/scss/components/form.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Form
 // Description:     Styles for forms
 //
@@ -206,7 +208,7 @@
     padding: 0 $form-padding-horizontal;
     background: $form-background;
     color: $form-color;
-    @if(mixin-exists(hook-form)) {@include hook-form();}
+    @if(meta.mixin-exists(hook-form)) {@include hook-form();}
 }
 
 /*
@@ -222,7 +224,7 @@
     vertical-align: middle;
     /* 1 */
     display: inline-block;
-    @if(mixin-exists(hook-form-single-line)) {@include hook-form-single-line();}
+    @if(meta.mixin-exists(hook-form-single-line)) {@include hook-form-single-line();}
 }
 
 /* 2 */
@@ -239,7 +241,7 @@
     padding-top: $form-padding-vertical;
     padding-bottom: $form-padding-vertical;
     vertical-align: top;
-    @if(mixin-exists(hook-form-multi-line)) {@include hook-form-multi-line();}
+    @if(meta.mixin-exists(hook-form-multi-line)) {@include hook-form-multi-line();}
 }
 
 .uk-select[multiple],
@@ -252,7 +254,7 @@
     outline: none;
     background-color: $form-focus-background;
     color: $form-focus-color;
-    @if(mixin-exists(hook-form-focus)) {@include hook-form-focus();}
+    @if(meta.mixin-exists(hook-form-focus)) {@include hook-form-focus();}
 }
 
 /* Disabled */
@@ -261,7 +263,7 @@
 .uk-textarea:disabled {
     background-color: $form-disabled-background;
     color: $form-disabled-color;
-    @if(mixin-exists(hook-form-disabled)) {@include hook-form-disabled();}
+    @if(meta.mixin-exists(hook-form-disabled)) {@include hook-form-disabled();}
 }
 
 /*
@@ -327,7 +329,7 @@ textarea.uk-form-large,
 .uk-form-danger,
 .uk-form-danger:focus {
     color: $form-danger-color;
-    @if(mixin-exists(hook-form-danger)) {@include hook-form-danger();}
+    @if(meta.mixin-exists(hook-form-danger)) {@include hook-form-danger();}
 }
 
 /*
@@ -337,7 +339,7 @@ textarea.uk-form-large,
 .uk-form-success,
 .uk-form-success:focus {
     color: $form-success-color;
-    @if(mixin-exists(hook-form-success)) {@include hook-form-success();}
+    @if(meta.mixin-exists(hook-form-success)) {@include hook-form-success();}
 }
 
 /*
@@ -346,11 +348,11 @@ textarea.uk-form-large,
 
 .uk-form-blank {
     background: none;
-    @if(mixin-exists(hook-form-blank)) {@include hook-form-blank();}
+    @if(meta.mixin-exists(hook-form-blank)) {@include hook-form-blank();}
 }
 
 .uk-form-blank:focus {
-    @if(mixin-exists(hook-form-blank-focus)) {@include hook-form-blank-focus();}
+    @if(meta.mixin-exists(hook-form-blank-focus)) {@include hook-form-blank-focus();}
 }
 
 
@@ -454,7 +456,7 @@ select.uk-form-width-xsmall { width: ($form-width-xsmall + 25px); }
     /* 6 */
     background-repeat: no-repeat;
     background-position: 50% 50%;
-    @if(mixin-exists(hook-form-radio)) {@include hook-form-radio();}
+    @if(meta.mixin-exists(hook-form-radio)) {@include hook-form-radio();}
 }
 
 .uk-radio { border-radius: 50%; }
@@ -464,7 +466,7 @@ select.uk-form-width-xsmall { width: ($form-width-xsmall + 25px); }
 .uk-checkbox:focus {
     background-color: $form-radio-focus-background;
     outline: none;
-    @if(mixin-exists(hook-form-radio-focus)) {@include hook-form-radio-focus();}
+    @if(meta.mixin-exists(hook-form-radio-focus)) {@include hook-form-radio-focus();}
 }
 
 /*
@@ -475,7 +477,7 @@ select.uk-form-width-xsmall { width: ($form-width-xsmall + 25px); }
 .uk-checkbox:checked,
 .uk-checkbox:indeterminate {
     background-color: $form-radio-checked-background;
-    @if(mixin-exists(hook-form-radio-checked)) {@include hook-form-radio-checked();}
+    @if(meta.mixin-exists(hook-form-radio-checked)) {@include hook-form-radio-checked();}
 }
 
 /* Focus */
@@ -483,7 +485,7 @@ select.uk-form-width-xsmall { width: ($form-width-xsmall + 25px); }
 .uk-checkbox:checked:focus,
 .uk-checkbox:indeterminate:focus {
     background-color: $form-radio-checked-focus-background;
-    @if(mixin-exists(hook-form-radio-checked-focus)) {@include hook-form-radio-checked-focus();}
+    @if(meta.mixin-exists(hook-form-radio-checked-focus)) {@include hook-form-radio-checked-focus();}
 }
 
 /*
@@ -501,7 +503,7 @@ select.uk-form-width-xsmall { width: ($form-width-xsmall + 25px); }
 .uk-radio:disabled,
 .uk-checkbox:disabled {
     background-color: $form-radio-disabled-background;
-    @if(mixin-exists(hook-form-radio-disabled)) {@include hook-form-radio-disabled();}
+    @if(meta.mixin-exists(hook-form-radio-disabled)) {@include hook-form-radio-disabled();}
 }
 
 .uk-radio:disabled:checked { @include svg-fill($internal-form-radio-image, "#000", $form-radio-disabled-icon-color); }
@@ -530,7 +532,7 @@ select.uk-form-width-xsmall { width: ($form-width-xsmall + 25px); }
     /* 4 */
     font-size: $form-legend-font-size;
     line-height: $form-legend-line-height;
-    @if(mixin-exists(hook-form-legend)) {@include hook-form-legend();}
+    @if(meta.mixin-exists(hook-form-legend)) {@include hook-form-legend();}
 }
 
 
@@ -593,7 +595,7 @@ select.uk-form-width-xsmall { width: ($form-width-xsmall + 25px); }
  ========================================================================== */
 
 .uk-form-label {
-    @if(mixin-exists(hook-form-label)) {@include hook-form-label();}
+    @if(meta.mixin-exists(hook-form-label)) {@include hook-form-label();}
 }
 
 
@@ -607,7 +609,7 @@ select.uk-form-width-xsmall { width: ($form-width-xsmall + 25px); }
 .uk-form-stacked .uk-form-label {
     display: block;
     margin-bottom: $form-stacked-margin-bottom;
-    @if(mixin-exists(hook-form-stacked-label)) {@include hook-form-stacked-label();}
+    @if(meta.mixin-exists(hook-form-stacked-label)) {@include hook-form-stacked-label();}
 }
 
 /*
@@ -621,7 +623,7 @@ select.uk-form-width-xsmall { width: ($form-width-xsmall + 25px); }
     .uk-form-horizontal .uk-form-label {
         display: block;
         margin-bottom: $form-stacked-margin-bottom;
-        @if(mixin-exists(hook-form-stacked-label)) {@include hook-form-stacked-label();}
+        @if(meta.mixin-exists(hook-form-stacked-label)) {@include hook-form-stacked-label();}
     }
 
 }
@@ -633,7 +635,7 @@ select.uk-form-width-xsmall { width: ($form-width-xsmall + 25px); }
         width: $form-horizontal-label-width;
         margin-top: $form-horizontal-label-margin-top;
         float: left;
-        @if(mixin-exists(hook-form-horizontal-label)) {@include hook-form-horizontal-label();}
+        @if(meta.mixin-exists(hook-form-horizontal-label)) {@include hook-form-horizontal-label();}
     }
 
     .uk-form-horizontal .uk-form-controls { margin-left: $form-horizontal-controls-margin-left; }
@@ -668,7 +670,7 @@ select.uk-form-width-xsmall { width: ($form-width-xsmall + 25px); }
     align-items: center;
     /* 4 */
     color: $form-icon-color;
-    @if(mixin-exists(hook-form-icon)) {@include hook-form-icon();}
+    @if(meta.mixin-exists(hook-form-icon)) {@include hook-form-icon();}
 }
 
 /*
@@ -704,7 +706,7 @@ select.uk-form-width-xsmall { width: ($form-width-xsmall + 25px); }
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-form-misc)) {@include hook-form-misc();}
+@if(meta.mixin-exists(hook-form-misc)) {@include hook-form-misc();}
 
 // @mixin hook-form(){}
 // @mixin hook-form-single-line(){}

package/src/scss/components/grid.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Grid
 // Description:     Component to create responsive, fluid and nestable grids
 //
@@ -193,7 +195,7 @@
     top: 0;
     bottom: 0;
     border-left: $grid-divider-border-width solid $grid-divider-border;
-    @if(mixin-exists(hook-grid-divider-horizontal)) {@include hook-grid-divider-horizontal();}
+    @if(meta.mixin-exists(hook-grid-divider-horizontal)) {@include hook-grid-divider-horizontal();}
 }
 
 /* Vertical */
@@ -203,7 +205,7 @@
     left: 0;
     right: 0;
     border-top: $grid-divider-border-width solid $grid-divider-border;
-    @if(mixin-exists(hook-grid-divider-vertical)) {@include hook-grid-divider-vertical();}
+    @if(meta.mixin-exists(hook-grid-divider-vertical)) {@include hook-grid-divider-vertical();}
 }
 
 /*
@@ -375,7 +377,7 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-grid-misc)) {@include hook-grid-misc();}
+@if(meta.mixin-exists(hook-grid-misc)) {@include hook-grid-misc();}
 
 // @mixin hook-grid-divider-horizontal(){}
 // @mixin hook-grid-divider-vertical(){}

package/src/scss/components/heading.scss

@@ -1,3 +1,6 @@
+@use "sass:meta";
+@use "sass:string";
+
 // Name:            Heading
 // Description:     Styles for headings
 //
@@ -45,37 +48,37 @@ $heading-3xlarge-font-size-l:                    15rem !default;
 .uk-heading-small {
     font-size: $heading-small-font-size;
     line-height: $heading-small-line-height;
-    @if(mixin-exists(hook-heading-small)) {@include hook-heading-small();}
+    @if(meta.mixin-exists(hook-heading-small)) {@include hook-heading-small();}
 }
 
 .uk-heading-medium {
     font-size: $heading-medium-font-size;
     line-height: $heading-medium-line-height;
-    @if(mixin-exists(hook-heading-medium)) {@include hook-heading-medium();}
+    @if(meta.mixin-exists(hook-heading-medium)) {@include hook-heading-medium();}
 }
 
 .uk-heading-large {
     font-size: $heading-large-font-size;
     line-height: $heading-large-line-height;
-    @if(mixin-exists(hook-heading-large)) {@include hook-heading-large();}
+    @if(meta.mixin-exists(hook-heading-large)) {@include hook-heading-large();}
 }
 
 .uk-heading-xlarge {
     font-size: $heading-xlarge-font-size;
     line-height: $heading-xlarge-line-height;
-    @if(mixin-exists(hook-heading-xlarge)) {@include hook-heading-xlarge();}
+    @if(meta.mixin-exists(hook-heading-xlarge)) {@include hook-heading-xlarge();}
 }
 
 .uk-heading-2xlarge {
     font-size: $heading-2xlarge-font-size;
     line-height: $heading-2xlarge-line-height;
-    @if(mixin-exists(hook-heading-2xlarge)) {@include hook-heading-2xlarge();}
+    @if(meta.mixin-exists(hook-heading-2xlarge)) {@include hook-heading-2xlarge();}
 }
 
 .uk-heading-3xlarge {
     font-size: $heading-3xlarge-font-size;
     line-height: $heading-3xlarge-line-height;
-    @if(mixin-exists(hook-heading-3xlarge)) {@include hook-heading-3xlarge();}
+    @if(meta.mixin-exists(hook-heading-3xlarge)) {@include hook-heading-3xlarge();}
 }
 
 /* Tablet Landscape and bigger */
@@ -116,7 +119,7 @@ $heading-primary-font-size:                      $heading-primary-font-size-l *
 .uk-heading-primary {
     font-size: $heading-primary-font-size;
     line-height: $heading-primary-line-height;
-    @if(mixin-exists(hook-heading-primary)) {@include hook-heading-primary();}
+    @if(meta.mixin-exists(hook-heading-primary)) {@include hook-heading-primary();}
 }
 }
 
@@ -156,7 +159,7 @@ $heading-hero-font-size:                         $heading-hero-font-size-l * 0.5
 .uk-heading-hero {
     font-size: $heading-hero-font-size;
     line-height: $heading-hero-line-height;
-    @if(mixin-exists(hook-heading-hero)) {@include hook-heading-hero();}
+    @if(meta.mixin-exists(hook-heading-hero)) {@include hook-heading-hero();}
 }
 }
 
@@ -191,7 +194,7 @@ $heading-hero-font-size:                         $heading-hero-font-size-l * 0.5
 .uk-heading-divider {
     padding-bottom: $heading-divider-padding-bottom;
     border-bottom: $heading-divider-border-width solid $heading-divider-border;
-    @if(mixin-exists(hook-heading-divider)) {@include hook-heading-divider();}
+    @if(meta.mixin-exists(hook-heading-divider)) {@include hook-heading-divider();}
 }
 
 
@@ -218,7 +221,7 @@ $heading-hero-font-size:                         $heading-hero-font-size-l * 0.5
     height: $heading-bullet-height;
     margin-right: $heading-bullet-margin-right;
     border-left: $heading-bullet-border-width solid $heading-bullet-border;
-    @if(mixin-exists(hook-heading-bullet)) {@include hook-heading-bullet();}
+    @if(meta.mixin-exists(hook-heading-bullet)) {@include hook-heading-bullet();}
 }
 
 
@@ -251,12 +254,12 @@ $heading-hero-font-size:                         $heading-hero-font-size-l * 0.5
     content: "";
     /* 1 */
     position: absolute;
-    top: unquote('calc(#{$heading-line-top} - (#{$heading-line-height} / 2))');
+    top: string.unquote('calc(#{$heading-line-top} - (#{$heading-line-height} / 2))');
     /* 2 */
     width: $heading-line-width;
     /* 3 */
     border-bottom: $heading-line-border-width solid $heading-line-border;
-    @if(mixin-exists(hook-heading-line)) {@include hook-heading-line();}
+    @if(meta.mixin-exists(hook-heading-line)) {@include hook-heading-line();}
 }
 
 .uk-heading-line > ::before {
@@ -272,7 +275,7 @@ $heading-hero-font-size:                         $heading-hero-font-size-l * 0.5
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-heading-misc)) {@include hook-heading-misc();}
+@if(meta.mixin-exists(hook-heading-misc)) {@include hook-heading-misc();}
 
 // @mixin hook-heading-small(){}
 // @mixin hook-heading-medium(){}

package/src/scss/components/height.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Height
 // Description:     Utilities for heights
 //
@@ -49,6 +51,6 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-height-misc)) {@include hook-height-misc();}
+@if(meta.mixin-exists(hook-height-misc)) {@include hook-height-misc();}
 
 // @mixin hook-height-misc(){}

package/src/scss/components/icon.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Icon
 // Description:     Component to create icons
 //
@@ -125,19 +127,19 @@ button.uk-icon:not(:disabled) { cursor: pointer; }
     color: $icon-link-color;
     /* 1 */
     text-decoration: none !important;
-    @if(mixin-exists(hook-icon-link)) {@include hook-icon-link();}
+    @if(meta.mixin-exists(hook-icon-link)) {@include hook-icon-link();}
 }
 
 .uk-icon-link:hover {
     color: $icon-link-hover-color;
-    @if(mixin-exists(hook-icon-link-hover)) {@include hook-icon-link-hover();}
+    @if(meta.mixin-exists(hook-icon-link-hover)) {@include hook-icon-link-hover();}
 }
 
 /* OnClick + Active */
 .uk-icon-link:active,
 .uk-active > .uk-icon-link {
     color: $icon-link-active-color;
-    @if(mixin-exists(hook-icon-link-active)) {@include hook-icon-link-active();}
+    @if(meta.mixin-exists(hook-icon-link-active)) {@include hook-icon-link-active();}
 }
 
 /*
@@ -157,14 +159,14 @@ button.uk-icon:not(:disabled) { cursor: pointer; }
     display: inline-flex;
     justify-content: center;
     align-items: center;
-    @if(mixin-exists(hook-icon-button)) {@include hook-icon-button();}
+    @if(meta.mixin-exists(hook-icon-button)) {@include hook-icon-button();}
 }
 
 /* Hover */
 .uk-icon-button:hover {
     background-color: $icon-button-hover-background;
     color: $icon-button-hover-color;
-    @if(mixin-exists(hook-icon-button-hover)) {@include hook-icon-button-hover();}
+    @if(meta.mixin-exists(hook-icon-button-hover)) {@include hook-icon-button-hover();}
 }
 
 /* OnClick + Active */
@@ -172,14 +174,14 @@ button.uk-icon:not(:disabled) { cursor: pointer; }
 .uk-active > .uk-icon-button {
     background-color: $icon-button-active-background;
     color: $icon-button-active-color;
-    @if(mixin-exists(hook-icon-button-active)) {@include hook-icon-button-active();}
+    @if(meta.mixin-exists(hook-icon-button-active)) {@include hook-icon-button-active();}
 }
 
 
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-icon-misc)) {@include hook-icon-misc();}
+@if(meta.mixin-exists(hook-icon-misc)) {@include hook-icon-misc();}
 
 // @mixin hook-icon-link(){}
 // @mixin hook-icon-link-hover(){}

package/src/scss/components/iconnav.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Iconnav
 // Description:     Component to create icon navigations
 //
@@ -38,7 +40,7 @@
     list-style: none;
     /* 3 */
     margin-left: (-$iconnav-margin-horizontal);
-    @if(mixin-exists(hook-iconnav)) {@include hook-iconnav();}
+    @if(meta.mixin-exists(hook-iconnav)) {@include hook-iconnav();}
 }
 
 /*
@@ -76,19 +78,19 @@
     color: $iconnav-item-color;
     /* 5 */
     text-decoration: none;
-    @if(mixin-exists(hook-iconnav-item)) {@include hook-iconnav-item();}
+    @if(meta.mixin-exists(hook-iconnav-item)) {@include hook-iconnav-item();}
 }
 
 /* Hover */
 .uk-iconnav > * > a:hover {
     color: $iconnav-item-hover-color;
-    @if(mixin-exists(hook-iconnav-item-hover)) {@include hook-iconnav-item-hover();}
+    @if(meta.mixin-exists(hook-iconnav-item-hover)) {@include hook-iconnav-item-hover();}
 }
 
 /* Active */
 .uk-iconnav > .uk-active > a {
     color: $iconnav-item-active-color;
-    @if(mixin-exists(hook-iconnav-item-active)) {@include hook-iconnav-item-active();}
+    @if(meta.mixin-exists(hook-iconnav-item-active)) {@include hook-iconnav-item-active();}
 }
 
 
@@ -118,7 +120,7 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-iconnav-misc)) {@include hook-iconnav-misc();}
+@if(meta.mixin-exists(hook-iconnav-misc)) {@include hook-iconnav-misc();}
 
 // @mixin hook-iconnav(){}
 // @mixin hook-iconnav-item(){}

package/src/scss/components/inverse.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Inverse
 // Description:     Inverse component style for light or dark backgrounds
 //
@@ -26,9 +28,9 @@
  * `uk-dark` is or dark colors on light backgrounds
  */
 
-@if ($inverse-global-color-mode == light) { .uk-light { @if (mixin-exists(hook-inverse)) {@include hook-inverse();}}}
+@if ($inverse-global-color-mode == light) { .uk-light { @if (meta.mixin-exists(hook-inverse)) {@include hook-inverse();}}}
 
-@if ($inverse-global-color-mode == dark) { .uk-dark { @if (mixin-exists(hook-inverse)) {@include hook-inverse();}}}
+@if ($inverse-global-color-mode == dark) { .uk-dark { @if (meta.mixin-exists(hook-inverse)) {@include hook-inverse();}}}
 
 /*
  * Pass dropbar behind color to JS

package/src/scss/components/label.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Label
 // Description:     Component to indicate important notes
 //
@@ -29,7 +31,7 @@
     color: $label-color;
     vertical-align: middle;
     white-space: nowrap;
-    @if(mixin-exists(hook-label)) {@include hook-label();}
+    @if(meta.mixin-exists(hook-label)) {@include hook-label();}
 }
 
 
@@ -43,7 +45,7 @@
 .uk-label-success {
     background-color: $label-success-background;
     color: $label-success-color;
-    @if(mixin-exists(hook-label-success)) {@include hook-label-success();}
+    @if(meta.mixin-exists(hook-label-success)) {@include hook-label-success();}
 }
 
 /*
@@ -53,7 +55,7 @@
 .uk-label-warning {
     background-color: $label-warning-background;
     color: $label-warning-color;
-    @if(mixin-exists(hook-label-warning)) {@include hook-label-warning();}
+    @if(meta.mixin-exists(hook-label-warning)) {@include hook-label-warning();}
 }
 
 /*
@@ -63,14 +65,14 @@
 .uk-label-danger {
     background-color: $label-danger-background;
     color: $label-danger-color;
-    @if(mixin-exists(hook-label-danger)) {@include hook-label-danger();}
+    @if(meta.mixin-exists(hook-label-danger)) {@include hook-label-danger();}
 }
 
 
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-label-misc)) {@include hook-label-misc();}
+@if(meta.mixin-exists(hook-label-misc)) {@include hook-label-misc();}
 
 // @mixin hook-label(){}
 // @mixin hook-label-success(){}

package/src/scss/components/leader.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Leader
 // Description:     Component to create dot leaders
 //
@@ -34,7 +36,7 @@
     content: attr(data-fill);
     /* 4 */
     white-space: nowrap;
-    @if(mixin-exists(hook-leader)) {@include hook-leader();}
+    @if(meta.mixin-exists(hook-leader)) {@include hook-leader();}
 }
 
 /*
@@ -53,7 +55,7 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-leader-misc)) {@include hook-leader-misc();}
+@if(meta.mixin-exists(hook-leader-misc)) {@include hook-leader-misc();}
 
 // @mixin hook-leader(){}
 // @mixin hook-leader-misc(){}

package/src/scss/components/lightbox.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Lightbox
 // Description:     Component to create an lightbox image gallery
 //
@@ -60,7 +62,7 @@
     transition: opacity 0.15s linear;
     /* 7 */
     touch-action: pinch-zoom;
-    @if(mixin-exists(hook-lightbox)) {@include hook-lightbox();}
+    @if(meta.mixin-exists(hook-lightbox)) {@include hook-lightbox();}
 }
 
 /*
@@ -128,7 +130,7 @@
     will-change: transform, opacity;
     /* 4 */
     overflow: auto;
-    @if(mixin-exists(hook-lightbox-item)) {@include hook-lightbox-item();}
+    @if(meta.mixin-exists(hook-lightbox-item)) {@include hook-lightbox-item();}
 }
 
 /* 2 */
@@ -171,7 +173,7 @@
     padding: $lightbox-caption-padding-vertical $lightbox-caption-padding-horizontal;
     background: $lightbox-caption-background;
     color: $lightbox-caption-color;
-    @if(mixin-exists(hook-lightbox-caption)) {@include hook-lightbox-caption();}
+    @if(meta.mixin-exists(hook-lightbox-caption)) {@include hook-lightbox-caption();}
 }
 
 .uk-lightbox-caption > * { color: $lightbox-caption-color; }
@@ -195,7 +197,7 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-lightbox-misc)) {@include hook-lightbox-misc();}
+@if(meta.mixin-exists(hook-lightbox-misc)) {@include hook-lightbox-misc();}
 
 // @mixin hook-lightbox(){}
 // @mixin hook-lightbox-item(){}

package/src/scss/components/link.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Link
 // Description:     Styles for links
 //
@@ -30,14 +32,14 @@ a.uk-link-muted,
 .uk-link-muted a,
 .uk-link-toggle .uk-link-muted {
     color: $link-muted-color;
-    @if(mixin-exists(hook-link-muted)) {@include hook-link-muted();}
+    @if(meta.mixin-exists(hook-link-muted)) {@include hook-link-muted();}
 }
 
 a.uk-link-muted:hover,
 .uk-link-muted a:hover,
 .uk-link-toggle:hover .uk-link-muted {
     color: $link-muted-hover-color;
-    @if(mixin-exists(hook-link-muted-hover)) {@include hook-link-muted-hover();}
+    @if(meta.mixin-exists(hook-link-muted-hover)) {@include hook-link-muted-hover();}
 }
 
 
@@ -48,14 +50,14 @@ a.uk-link-text,
 .uk-link-text a,
 .uk-link-toggle .uk-link-text {
     color: inherit;
-    @if(mixin-exists(hook-link-text)) {@include hook-link-text();}
+    @if(meta.mixin-exists(hook-link-text)) {@include hook-link-text();}
 }
 
 a.uk-link-text:hover,
 .uk-link-text a:hover,
 .uk-link-toggle:hover .uk-link-text {
     color: $link-text-hover-color;
-    @if(mixin-exists(hook-link-text-hover)) {@include hook-link-text-hover();}
+    @if(meta.mixin-exists(hook-link-text-hover)) {@include hook-link-text-hover();}
 }
 
 
@@ -66,7 +68,7 @@ a.uk-link-heading,
 .uk-link-heading a,
 .uk-link-toggle .uk-link-heading {
     color: inherit;
-    @if(mixin-exists(hook-link-heading)) {@include hook-link-heading();}
+    @if(meta.mixin-exists(hook-link-heading)) {@include hook-link-heading();}
 }
 
 a.uk-link-heading:hover,
@@ -74,7 +76,7 @@ a.uk-link-heading:hover,
 .uk-link-toggle:hover .uk-link-heading {
     color: $link-heading-hover-color;
     text-decoration: $link-heading-hover-text-decoration;
-    @if(mixin-exists(hook-link-heading-hover)) {@include hook-link-heading-hover();}
+    @if(meta.mixin-exists(hook-link-heading-hover)) {@include hook-link-heading-hover();}
 }
 
 
@@ -89,7 +91,7 @@ a.uk-link-reset,
 .uk-link-reset a {
     color: inherit !important;
     text-decoration: none !important;
-    @if(mixin-exists(hook-link-reset)) {@include hook-link-reset();}
+    @if(meta.mixin-exists(hook-link-reset)) {@include hook-link-reset();}
 }
 
 
@@ -105,7 +107,7 @@ a.uk-link-reset,
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-link-misc)) {@include hook-link-misc();}
+@if(meta.mixin-exists(hook-link-misc)) {@include hook-link-misc();}
 
 // @mixin hook-link-muted(){}
 // @mixin hook-link-muted-hover(){}