uikit 3.23.7 → 3.23.8-dev.65e3f4fda

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

package/src/scss/components/search.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Search
 // Description:     Component to create the search
 //
@@ -102,7 +104,7 @@
     /* 9 */
     border: none;
     color: $search-color;
-    @if(mixin-exists(hook-search-input)) {@include hook-search-input();}
+    @if(meta.mixin-exists(hook-search-input)) {@include hook-search-input();}
 }
 
 .uk-search-input:focus { outline: none; }
@@ -133,7 +135,7 @@
     align-items: center;
     /* 3 */
     color: $search-icon-color;
-    @if(mixin-exists(hook-search-icon)) {@include hook-search-icon();}
+    @if(meta.mixin-exists(hook-search-icon)) {@include hook-search-icon();}
 }
 
 /*
@@ -172,13 +174,13 @@
     padding-left: $search-default-padding-horizontal;
     padding-right: $search-default-padding-horizontal;
     background: $search-default-background;
-    @if(mixin-exists(hook-search-default-input)) {@include hook-search-default-input();}
+    @if(meta.mixin-exists(hook-search-default-input)) {@include hook-search-default-input();}
 }
 
 /* Focus */
 .uk-search-default .uk-search-input:focus {
     background-color: $search-default-focus-background;
-    @if(mixin-exists(hook-search-default-input-focus)) {@include hook-search-default-input-focus();}
+    @if(meta.mixin-exists(hook-search-default-input-focus)) {@include hook-search-default-input-focus();}
 }
 
 /*
@@ -208,13 +210,13 @@
     padding-left: $search-navbar-padding-horizontal;
     padding-right: $search-navbar-padding-horizontal;
     background: $search-navbar-background;
-    @if(mixin-exists(hook-search-navbar-input)) {@include hook-search-navbar-input();}
+    @if(meta.mixin-exists(hook-search-navbar-input)) {@include hook-search-navbar-input();}
 }
 
 /* Focus */
 .uk-search-navbar .uk-search-input:focus {
     background-color: $search-navbar-focus-background;
-    @if(mixin-exists(hook-search-navbar-input-focus)) {@include hook-search-navbar-input-focus();}
+    @if(meta.mixin-exists(hook-search-navbar-input-focus)) {@include hook-search-navbar-input-focus();}
 }
 
 /*
@@ -245,13 +247,13 @@
     padding-right: $search-medium-padding-horizontal;
     background: $search-medium-background;
     font-size: $search-medium-font-size;
-    @if(mixin-exists(hook-search-medium-input)) {@include hook-search-medium-input();}
+    @if(meta.mixin-exists(hook-search-medium-input)) {@include hook-search-medium-input();}
 }
 
 /* Focus */
 .uk-search-medium .uk-search-input:focus {
     background-color: $search-medium-focus-background;
-    @if(mixin-exists(hook-search-medium-input-focus)) {@include hook-search-medium-input-focus();}
+    @if(meta.mixin-exists(hook-search-medium-input-focus)) {@include hook-search-medium-input-focus();}
 }
 
 /*
@@ -282,13 +284,13 @@
     padding-right: $search-large-padding-horizontal;
     background: $search-large-background;
     font-size: $search-large-font-size;
-    @if(mixin-exists(hook-search-large-input)) {@include hook-search-large-input();}
+    @if(meta.mixin-exists(hook-search-large-input)) {@include hook-search-large-input();}
 }
 
 /* Focus */
 .uk-search-large .uk-search-input:focus {
     background-color: $search-medium-focus-background;
-    @if(mixin-exists(hook-search-large-input-focus)) {@include hook-search-large-input-focus();}
+    @if(meta.mixin-exists(hook-search-large-input-focus)) {@include hook-search-large-input-focus();}
 }
 
 /*
@@ -309,20 +311,20 @@
 
 .uk-search-toggle {
     color: $search-toggle-color;
-    @if(mixin-exists(hook-search-toggle)) {@include hook-search-toggle();}
+    @if(meta.mixin-exists(hook-search-toggle)) {@include hook-search-toggle();}
 }
 
 /* Hover */
 .uk-search-toggle:hover {
     color: $search-toggle-hover-color;
-    @if(mixin-exists(hook-search-toggle-hover)) {@include hook-search-toggle-hover();}
+    @if(meta.mixin-exists(hook-search-toggle-hover)) {@include hook-search-toggle-hover();}
 }
 
 
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-search-misc)) {@include hook-search-misc();}
+@if(meta.mixin-exists(hook-search-misc)) {@include hook-search-misc();}
 
 // @mixin hook-search-input(){}
 // @mixin hook-search-icon(){}

package/src/scss/components/section.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Section
 // Description:     Component to create horizontal layout section
 //
@@ -44,7 +46,7 @@
     box-sizing: border-box; /* 1 */
     padding-top: $section-padding-vertical;
     padding-bottom: $section-padding-vertical;
-    @if(mixin-exists(hook-section)) {@include hook-section();}
+    @if(meta.mixin-exists(hook-section)) {@include hook-section();}
 }
 
 /* Desktop and bigger */
@@ -134,7 +136,7 @@
 .uk-section-default {
     --uk-inverse: #{$section-default-color-mode};
     background: $section-default-background;
-    @if(mixin-exists(hook-section-default)) {@include hook-section-default();}
+    @if(meta.mixin-exists(hook-section-default)) {@include hook-section-default();}
 }
 
 @if ( $section-default-color-mode == light ) { .uk-section-default:not(.uk-preserve-color) { @extend .uk-light !optional;} }
@@ -147,7 +149,7 @@
 .uk-section-muted {
     --uk-inverse: #{$section-muted-color-mode};
     background: $section-muted-background;
-    @if(mixin-exists(hook-section-muted)) {@include hook-section-muted();}
+    @if(meta.mixin-exists(hook-section-muted)) {@include hook-section-muted();}
 }
 
 @if ( $section-muted-color-mode == light ) { .uk-section-muted:not(.uk-preserve-color) { @extend .uk-light !optional;} }
@@ -161,7 +163,7 @@
 .uk-section-primary {
     --uk-inverse: #{$section-primary-color-mode};
     background: $section-primary-background;
-    @if(mixin-exists(hook-section-primary)) {@include hook-section-primary();}
+    @if(meta.mixin-exists(hook-section-primary)) {@include hook-section-primary();}
 }
 
 @if ( $section-primary-color-mode == light ) { .uk-section-primary:not(.uk-preserve-color) { @extend .uk-light !optional;} }
@@ -174,7 +176,7 @@
 .uk-section-secondary {
     --uk-inverse: #{$section-secondary-color-mode};
     background: $section-secondary-background;
-    @if(mixin-exists(hook-section-secondary)) {@include hook-section-secondary();}
+    @if(meta.mixin-exists(hook-section-secondary)) {@include hook-section-secondary();}
 }
 
 @if ( $section-secondary-color-mode == light ) { .uk-section-secondary:not(.uk-preserve-color) { @extend .uk-light !optional;} }
@@ -190,14 +192,14 @@
  */
 
 .uk-section-overlap {
-    @if(mixin-exists(hook-section-overlap)) {@include hook-section-overlap();}
+    @if(meta.mixin-exists(hook-section-overlap)) {@include hook-section-overlap();}
 }
 
 
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-section-misc)) {@include hook-section-misc();}
+@if(meta.mixin-exists(hook-section-misc)) {@include hook-section-misc();}
 
 // @mixin hook-section(){}
 // @mixin hook-section-default(){}

package/src/scss/components/slidenav.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Slidenav
 // Description:     Component to create previous/next icon navigations
 //
@@ -30,19 +32,19 @@
 .uk-slidenav {
     padding: $slidenav-padding-vertical $slidenav-padding-horizontal;
     color: $slidenav-color;
-    @if(mixin-exists(hook-slidenav)) {@include hook-slidenav();}
+    @if(meta.mixin-exists(hook-slidenav)) {@include hook-slidenav();}
 }
 
 /* Hover */
 .uk-slidenav:hover {
     color: $slidenav-hover-color;
-    @if(mixin-exists(hook-slidenav-hover)) {@include hook-slidenav-hover();}
+    @if(meta.mixin-exists(hook-slidenav-hover)) {@include hook-slidenav-hover();}
 }
 
 /* OnClick */
 .uk-slidenav:active {
     color: $slidenav-active-color;
-    @if(mixin-exists(hook-slidenav-active)) {@include hook-slidenav-active();}
+    @if(meta.mixin-exists(hook-slidenav-active)) {@include hook-slidenav-active();}
 }
 
 
@@ -54,7 +56,7 @@
  */
 
 .uk-slidenav-previous {
-    @if(mixin-exists(hook-slidenav-previous)) {@include hook-slidenav-previous();}
+    @if(meta.mixin-exists(hook-slidenav-previous)) {@include hook-slidenav-previous();}
 }
 
 /*
@@ -62,7 +64,7 @@
  */
 
 .uk-slidenav-next {
-    @if(mixin-exists(hook-slidenav-next)) {@include hook-slidenav-next();}
+    @if(meta.mixin-exists(hook-slidenav-next)) {@include hook-slidenav-next();}
 }
 
 
@@ -71,7 +73,7 @@
 
 .uk-slidenav-large {
     padding: $slidenav-large-padding-vertical $slidenav-large-padding-horizontal;
-    @if(mixin-exists(hook-slidenav-large)) {@include hook-slidenav-large();}
+    @if(meta.mixin-exists(hook-slidenav-large)) {@include hook-slidenav-large();}
 }
 
 
@@ -80,14 +82,14 @@
 
 .uk-slidenav-container {
     display: flex;
-    @if(mixin-exists(hook-slidenav-container)) {@include hook-slidenav-container();}
+    @if(meta.mixin-exists(hook-slidenav-container)) {@include hook-slidenav-container();}
 }
 
 
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-slidenav-misc)) {@include hook-slidenav-misc();}
+@if(meta.mixin-exists(hook-slidenav-misc)) {@include hook-slidenav-misc();}
 
 // @mixin hook-slidenav(){}
 // @mixin hook-slidenav-hover(){}

package/src/scss/components/slider.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Slider
 // Description:     Component to create horizontal sliders
 //
@@ -27,7 +29,7 @@
 .uk-slider {
     /* 1 */
     -webkit-tap-highlight-color: transparent;
-    @if(mixin-exists(hook-slider)) {@include hook-slider();}
+    @if(meta.mixin-exists(hook-slider)) {@include hook-slider();}
 }
 
 
@@ -113,7 +115,7 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-slider-misc)) {@include hook-slider-misc();}
+@if(meta.mixin-exists(hook-slider-misc)) {@include hook-slider-misc();}
 
 // @mixin hook-slider(){}
 // @mixin hook-slider-misc(){}

package/src/scss/components/slideshow.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Slideshow
 // Description:     Component to create slideshows
 //
@@ -21,7 +23,7 @@
 .uk-slideshow {
     /* 1 */
     -webkit-tap-highlight-color: transparent;
-    @if(mixin-exists(hook-slideshow)) {@include hook-slideshow();}
+    @if(meta.mixin-exists(hook-slideshow)) {@include hook-slideshow();}
 }
 
 
@@ -87,7 +89,7 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-slideshow-misc)) {@include hook-slideshow-misc();}
+@if(meta.mixin-exists(hook-slideshow-misc)) {@include hook-slideshow-misc();}
 
 // @mixin hook-slideshow(){}
 // @mixin hook-slideshow-misc(){}

package/src/scss/components/sortable.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Sortable
 // Description:     Component to create sortable grids and lists
 //
@@ -27,7 +29,7 @@
 
 .uk-sortable {
     position: relative;
-    @if(mixin-exists(hook-sortable)) {@include hook-sortable();}
+    @if(meta.mixin-exists(hook-sortable)) {@include hook-sortable();}
 }
 
 /*
@@ -44,7 +46,7 @@
     position: fixed !important;
     z-index: $sortable-dragged-z-index !important;
     pointer-events: none;
-    @if(mixin-exists(hook-sortable-drag)) {@include hook-sortable-drag();}
+    @if(meta.mixin-exists(hook-sortable-drag)) {@include hook-sortable-drag();}
 }
 
 
@@ -54,7 +56,7 @@
 .uk-sortable-placeholder {
     opacity: $sortable-placeholder-opacity;
     pointer-events: none;
-    @if(mixin-exists(hook-sortable-placeholder)) {@include hook-sortable-placeholder();}
+    @if(meta.mixin-exists(hook-sortable-placeholder)) {@include hook-sortable-placeholder();}
 }
 
 
@@ -63,7 +65,7 @@
 
 .uk-sortable-empty {
     min-height: $sortable-empty-height;
-    @if(mixin-exists(hook-sortable-empty)) {@include hook-sortable-empty();}
+    @if(meta.mixin-exists(hook-sortable-empty)) {@include hook-sortable-empty();}
 }
 
 
@@ -78,7 +80,7 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-sortable-misc)) {@include hook-sortable-misc();}
+@if(meta.mixin-exists(hook-sortable-misc)) {@include hook-sortable-misc();}
 
 // @mixin hook-sortable(){}
 // @mixin hook-sortable-drag(){}

package/src/scss/components/spinner.scss

@@ -1,3 +1,6 @@
+@use "sass:meta";
+@use "sass:math";
+
 // Name:            Spinner
 // Description:     Component to create a loading spinner
 //
@@ -9,7 +12,7 @@
 // Variables
 // ========================================================================
 
-$spinner-radius:                                 floor((($spinner-size - $spinner-stroke-width) * 0.5)) !default; // Minus stroke width to prevent overflow clipping
+$spinner-radius:                                 math.floor((($spinner-size - $spinner-stroke-width) * 0.5)) !default; // Minus stroke width to prevent overflow clipping
 
 
 /* ========================================================================
@@ -21,7 +24,7 @@ $spinner-radius:                                 floor((($spinner-size - $spinne
  */
 
 .uk-spinner {
-    @if(mixin-exists(hook-spinner)) {@include hook-spinner();}
+    @if(meta.mixin-exists(hook-spinner)) {@include hook-spinner();}
 }
 
 
@@ -64,7 +67,7 @@ $spinner-radius:                                 floor((($spinner-size - $spinne
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-spinner-misc)) {@include hook-spinner-misc();}
+@if(meta.mixin-exists(hook-spinner-misc)) {@include hook-spinner-misc();}
 
 // @mixin hook-spinner(){}
 // @mixin hook-spinner-misc(){}

package/src/scss/components/sticky.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Sticky
 // Description:     Component to make elements sticky in the viewport
 //
@@ -57,6 +59,6 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-sticky-misc)) {@include hook-sticky-misc();}
+@if(meta.mixin-exists(hook-sticky-misc)) {@include hook-sticky-misc();}
 
 // @mixin hook-sticky-misc(){}

package/src/scss/components/subnav.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Subnav
 // Description:     Component to create a sub navigation
 //
@@ -43,7 +45,7 @@
     /* 4 */
     padding: 0;
     list-style: none;
-    @if(mixin-exists(hook-subnav)) {@include hook-subnav();}
+    @if(meta.mixin-exists(hook-subnav)) {@include hook-subnav();}
 }
 
 /*
@@ -81,20 +83,20 @@
     column-gap: 0.25em;
     /* 3 */
     color: $subnav-item-color;
-    @if(mixin-exists(hook-subnav-item)) {@include hook-subnav-item();}
+    @if(meta.mixin-exists(hook-subnav-item)) {@include hook-subnav-item();}
 }
 
 /* Hover */
 .uk-subnav > * > a:hover {
     color: $subnav-item-hover-color;
     text-decoration: $subnav-item-hover-text-decoration;
-    @if(mixin-exists(hook-subnav-item-hover)) {@include hook-subnav-item-hover();}
+    @if(meta.mixin-exists(hook-subnav-item-hover)) {@include hook-subnav-item-hover();}
 }
 
 /* Active */
 .uk-subnav > .uk-active > a {
     color: $subnav-item-active-color;
-    @if(mixin-exists(hook-subnav-item-active)) {@include hook-subnav-item-active();}
+    @if(meta.mixin-exists(hook-subnav-item-active)) {@include hook-subnav-item-active();}
 }
 
 
@@ -132,7 +134,7 @@
 /* 1 */
 .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {
     border-left-color: $subnav-divider-border;
-    @if(mixin-exists(hook-subnav-divider)) {@include hook-subnav-divider();}
+    @if(meta.mixin-exists(hook-subnav-divider)) {@include hook-subnav-divider();}
 }
 
 
@@ -150,28 +152,28 @@
     padding: $subnav-pill-item-padding-vertical $subnav-pill-item-padding-horizontal;
     background: $subnav-pill-item-background;
     color: $subnav-pill-item-color;
-    @if(mixin-exists(hook-subnav-pill-item)) {@include hook-subnav-pill-item();}
+    @if(meta.mixin-exists(hook-subnav-pill-item)) {@include hook-subnav-pill-item();}
 }
 
 /* Hover */
 .uk-subnav-pill > * > a:hover {
     background-color: $subnav-pill-item-hover-background;
     color: $subnav-pill-item-hover-color;
-    @if(mixin-exists(hook-subnav-pill-item-hover)) {@include hook-subnav-pill-item-hover();}
+    @if(meta.mixin-exists(hook-subnav-pill-item-hover)) {@include hook-subnav-pill-item-hover();}
 }
 
 /* OnClick */
 .uk-subnav-pill > * > a:active {
     background-color: $subnav-pill-item-onclick-background;
     color: $subnav-pill-item-onclick-color;
-    @if(mixin-exists(hook-subnav-pill-item-onclick)) {@include hook-subnav-pill-item-onclick();}
+    @if(meta.mixin-exists(hook-subnav-pill-item-onclick)) {@include hook-subnav-pill-item-onclick();}
 }
 
 /* Active */
 .uk-subnav-pill > .uk-active > a {
     background-color: $subnav-pill-item-active-background;
     color: $subnav-pill-item-active-color;
-    @if(mixin-exists(hook-subnav-pill-item-active)) {@include hook-subnav-pill-item-active();}
+    @if(meta.mixin-exists(hook-subnav-pill-item-active)) {@include hook-subnav-pill-item-active();}
 }
 
 
@@ -181,14 +183,14 @@
 
 .uk-subnav > .uk-disabled > a {
     color: $subnav-item-disabled-color;
-    @if(mixin-exists(hook-subnav-item-disabled)) {@include hook-subnav-item-disabled();}
+    @if(meta.mixin-exists(hook-subnav-item-disabled)) {@include hook-subnav-item-disabled();}
 }
 
 
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-subnav-misc)) {@include hook-subnav-misc();}
+@if(meta.mixin-exists(hook-subnav-misc)) {@include hook-subnav-misc();}
 
 // @mixin hook-subnav(){}
 // @mixin hook-subnav-item(){}