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

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

package/src/scss/components/svg.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            SVG
 // Description:     Component to style SVGs
 //
@@ -31,6 +33,6 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-svg-misc)) {@include hook-svg-misc();}
+@if(meta.mixin-exists(hook-svg-misc)) {@include hook-svg-misc();}
 
 // @mixin hook-svg-misc(){}

package/src/scss/components/switcher.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Switcher
 // Description:     Component to navigate through different content panes
 //
@@ -42,6 +44,6 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-switcher-misc)) {@include hook-switcher-misc();}
+@if(meta.mixin-exists(hook-switcher-misc)) {@include hook-switcher-misc();}
 
 // @mixin hook-switcher-misc(){}

package/src/scss/components/tab.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Tab
 // Description:     Component to create a tabbed navigation
 //
@@ -38,7 +40,7 @@
     /* 3 */
     padding: 0;
     list-style: none;
-    @if(mixin-exists(hook-tab)) {@include hook-tab();}
+    @if(meta.mixin-exists(hook-tab)) {@include hook-tab();}
 }
 
 /*
@@ -79,26 +81,26 @@
     /* 4 */
     padding: $tab-item-padding-vertical $tab-item-padding-horizontal;
     color: $tab-item-color;
-    @if(mixin-exists(hook-tab-item)) {@include hook-tab-item();}
+    @if(meta.mixin-exists(hook-tab-item)) {@include hook-tab-item();}
 }
 
 /* Hover */
 .uk-tab > * > a:hover {
     color: $tab-item-hover-color;
     text-decoration: $tab-item-hover-text-decoration;
-    @if(mixin-exists(hook-tab-item-hover)) {@include hook-tab-item-hover();}
+    @if(meta.mixin-exists(hook-tab-item-hover)) {@include hook-tab-item-hover();}
 }
 
 /* Active */
 .uk-tab > .uk-active > a {
     color: $tab-item-active-color;
-    @if(mixin-exists(hook-tab-item-active)) {@include hook-tab-item-active();}
+    @if(meta.mixin-exists(hook-tab-item-active)) {@include hook-tab-item-active();}
 }
 
 /* Disabled */
 .uk-tab > .uk-disabled > a {
     color: $tab-item-disabled-color;
-    @if(mixin-exists(hook-tab-item-disabled)) {@include hook-tab-item-disabled();}
+    @if(meta.mixin-exists(hook-tab-item-disabled)) {@include hook-tab-item-disabled();}
 }
 
 
@@ -110,11 +112,11 @@
  */
 
 .uk-tab-bottom {
-    @if(mixin-exists(hook-tab-bottom)) {@include hook-tab-bottom();}
+    @if(meta.mixin-exists(hook-tab-bottom)) {@include hook-tab-bottom();}
 }
 
 .uk-tab-bottom > * > a {
-    @if(mixin-exists(hook-tab-bottom-item)) {@include hook-tab-bottom-item();}
+    @if(meta.mixin-exists(hook-tab-bottom-item)) {@include hook-tab-bottom-item();}
 }
 
 /*
@@ -134,28 +136,28 @@
 .uk-tab-right > * { padding-left: 0; }
 
 .uk-tab-left {
-    @if(mixin-exists(hook-tab-left)) {@include hook-tab-left();}
+    @if(meta.mixin-exists(hook-tab-left)) {@include hook-tab-left();}
 }
 
 .uk-tab-right {
-    @if(mixin-exists(hook-tab-right)) {@include hook-tab-right();}
+    @if(meta.mixin-exists(hook-tab-right)) {@include hook-tab-right();}
 }
 
 .uk-tab-left > * > a {
     justify-content: left;
-    @if(mixin-exists(hook-tab-left-item)) {@include hook-tab-left-item();}
+    @if(meta.mixin-exists(hook-tab-left-item)) {@include hook-tab-left-item();}
 }
 
 .uk-tab-right > * > a {
     justify-content: left;
-    @if(mixin-exists(hook-tab-right-item)) {@include hook-tab-right-item();}
+    @if(meta.mixin-exists(hook-tab-right-item)) {@include hook-tab-right-item();}
 }
 
 
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-tab-misc)) {@include hook-tab-misc();}
+@if(meta.mixin-exists(hook-tab-misc)) {@include hook-tab-misc();}
 
 // @mixin hook-tab(){}
 // @mixin hook-tab-item(){}