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

package/src/scss/components/list.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            List
 // Description:     Styles for lists
 //
@@ -120,7 +122,7 @@
     margin-top: $list-divider-margin-top;
     padding-top: $list-divider-margin-top;
     border-top: $list-divider-border-width solid $list-divider-border;
-    @if(mixin-exists(hook-list-divider)) {@include hook-list-divider();}
+    @if(meta.mixin-exists(hook-list-divider)) {@include hook-list-divider();}
 }
 
 /*
@@ -129,7 +131,7 @@
 
 .uk-list-striped > * {
     padding: $list-striped-padding-vertical $list-striped-padding-horizontal;
-    @if(mixin-exists(hook-list-striped)) {@include hook-list-striped();}
+    @if(meta.mixin-exists(hook-list-striped)) {@include hook-list-striped();}
 }
 
 .uk-list-striped > :nth-of-type(odd) { background: $list-striped-background; }
@@ -178,7 +180,7 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-list-misc)) {@include hook-list-misc();}
+@if(meta.mixin-exists(hook-list-misc)) {@include hook-list-misc();}
 
 // @mixin hook-list-divider(){}
 // @mixin hook-list-striped(){}

package/src/scss/components/margin.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Margin
 // Description:     Utilities for margins
 //
@@ -250,6 +252,6 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-margin-misc)) {@include hook-margin-misc();}
+@if(meta.mixin-exists(hook-margin-misc)) {@include hook-margin-misc();}
 
 // @mixin hook-margin-misc(){}

package/src/scss/components/marker.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Marker
 // Description:     Component to create a marker icon
 //
@@ -24,20 +26,20 @@
     padding: $marker-padding;
     background: $marker-background;
     color: $marker-color;
-    @if(mixin-exists(hook-marker)) {@include hook-marker();}
+    @if(meta.mixin-exists(hook-marker)) {@include hook-marker();}
 }
 
 /* Hover */
 .uk-marker:hover {
     color: $marker-hover-color;
-    @if(mixin-exists(hook-marker-hover)) {@include hook-marker-hover();}
+    @if(meta.mixin-exists(hook-marker-hover)) {@include hook-marker-hover();}
 }
 
 
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-marker-misc)) {@include hook-marker-misc();}
+@if(meta.mixin-exists(hook-marker-misc)) {@include hook-marker-misc();}
 
 // @mixin hook-marker(){}
 // @mixin hook-marker-hover(){}

package/src/scss/components/mixin.scss

@@ -1,3 +1,5 @@
+@use "sass:string";
+
 //
 // Component:       Mixin
 // Description:     Defines mixins which are used across all components
@@ -14,11 +16,11 @@
 /// @param {String} $replace ('') - New value
 /// @return {String} - Updated string
 @function str-replace($string, $search, $replace: '') {
-    $index: str-index($string, $search);
+    $index: string.index($string, $search);
 
     @if $index {
-        @return str-slice($string, 1, $index - 1) + $replace +
-            str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+        @return string.slice($string, 1, $index - 1) + $replace +
+            str-replace(string.slice($string, $index + string.length($search)), $search, $replace);
     }
 
     @return $string;
@@ -27,6 +29,6 @@
 @mixin svg-fill($src, $color-default, $color-new) {
     $replace-src: str-replace($src, $color-default, $color-new) !default;
     $replace-src: str-replace($replace-src, '#', '%23');
-    $replace-src: quote($replace-src);
+    $replace-src: string.quote($replace-src);
     background-image: url($replace-src);
 }

package/src/scss/components/modal.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Modal
 // Description:     Component to create modal dialogs
 //
@@ -69,7 +71,7 @@
     /* 6 */
     opacity: 0;
     transition: opacity 0.15s linear;
-    @if(mixin-exists(hook-modal)) {@include hook-modal();}
+    @if(meta.mixin-exists(hook-modal)) {@include hook-modal();}
 }
 
 /* Phone landscape and bigger */
@@ -133,7 +135,7 @@
     transform: translateY(-100px);
     transition: 0.3s linear;
     transition-property: opacity, transform;
-    @if(mixin-exists(hook-modal-dialog)) {@include hook-modal-dialog();}
+    @if(meta.mixin-exists(hook-modal-dialog)) {@include hook-modal-dialog();}
 }
 
 /*
@@ -174,7 +176,7 @@
     width: 100%;
     max-width: 100%;
     transform: translateY(0);
-    @if(mixin-exists(hook-modal-full)) {@include hook-modal-full();}
+    @if(meta.mixin-exists(hook-modal-full)) {@include hook-modal-full();}
 }
 
 
@@ -184,21 +186,21 @@
 .uk-modal-body {
     display: flow-root;
     padding: $modal-body-padding-vertical $modal-body-padding-horizontal;
-    @if(mixin-exists(hook-modal-body)) {@include hook-modal-body();}
+    @if(meta.mixin-exists(hook-modal-body)) {@include hook-modal-body();}
 }
 
 .uk-modal-header {
     display: flow-root;
     padding: $modal-header-padding-vertical $modal-header-padding-horizontal;
     background: $modal-header-background;
-    @if(mixin-exists(hook-modal-header)) {@include hook-modal-header();}
+    @if(meta.mixin-exists(hook-modal-header)) {@include hook-modal-header();}
 }
 
 .uk-modal-footer {
     display: flow-root;
     padding: $modal-footer-padding-vertical $modal-footer-padding-horizontal;
     background: $modal-footer-background;
-    @if(mixin-exists(hook-modal-footer)) {@include hook-modal-footer();}
+    @if(meta.mixin-exists(hook-modal-footer)) {@include hook-modal-footer();}
 }
 
 /* Phone landscape and bigger */
@@ -225,7 +227,7 @@
 .uk-modal-title {
     font-size: $modal-title-font-size;
     line-height: $modal-title-line-height;
-    @if(mixin-exists(hook-modal-title)) {@include hook-modal-title();}
+    @if(meta.mixin-exists(hook-modal-title)) {@include hook-modal-title();}
 }
 
 
@@ -239,7 +241,7 @@
     top: $modal-close-position;
     right: $modal-close-position;
     padding: $modal-close-padding;
-    @if(mixin-exists(hook-modal-close)) {@include hook-modal-close();}
+    @if(meta.mixin-exists(hook-modal-close)) {@include hook-modal-close();}
 }
 
 /*
@@ -253,7 +255,7 @@
  */
 
 [class*="uk-modal-close-"]:hover {
-    @if(mixin-exists(hook-modal-close-hover)) {@include hook-modal-close-hover();}
+    @if(meta.mixin-exists(hook-modal-close-hover)) {@include hook-modal-close-hover();}
 }
 
 /*
@@ -261,11 +263,11 @@
  */
 
 .uk-modal-close-default {
-    @if(mixin-exists(hook-modal-close-default)) {@include hook-modal-close-default();}
+    @if(meta.mixin-exists(hook-modal-close-default)) {@include hook-modal-close-default();}
 }
 
 .uk-modal-close-default:hover {
-    @if(mixin-exists(hook-modal-close-default-hover)) {@include hook-modal-close-default-hover();}
+    @if(meta.mixin-exists(hook-modal-close-default-hover)) {@include hook-modal-close-default-hover();}
 }
 
 /*
@@ -279,12 +281,12 @@
     right: (-$modal-close-padding);
     transform: translate(0, -($modal-close-outside-translate));
     color: $modal-close-outside-color;
-    @if(mixin-exists(hook-modal-close-outside)) {@include hook-modal-close-outside();}
+    @if(meta.mixin-exists(hook-modal-close-outside)) {@include hook-modal-close-outside();}
 }
 
 .uk-modal-close-outside:hover {
     color: $modal-close-outside-hover-color;
-    @if(mixin-exists(hook-modal-close-outside-hover)) {@include hook-modal-close-outside-hover();}
+    @if(meta.mixin-exists(hook-modal-close-outside-hover)) {@include hook-modal-close-outside-hover();}
 }
 
 /* Tablet landscape and bigger */
@@ -303,18 +305,18 @@
  */
 
 .uk-modal-close-full {
-    @if(mixin-exists(hook-modal-close-full)) {@include hook-modal-close-full();}
+    @if(meta.mixin-exists(hook-modal-close-full)) {@include hook-modal-close-full();}
 }
 
 .uk-modal-close-full:hover {
-    @if(mixin-exists(hook-modal-close-full-hover)) {@include hook-modal-close-full-hover();}
+    @if(meta.mixin-exists(hook-modal-close-full-hover)) {@include hook-modal-close-full-hover();}
 }
 
 
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-modal-misc)) {@include hook-modal-misc();}
+@if(meta.mixin-exists(hook-modal-misc)) {@include hook-modal-misc();}
 
 // @mixin hook-modal(){}
 // @mixin hook-modal-dialog(){}

package/src/scss/components/nav.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Nav
 // Description:     Defines styles for list navigations
 //
@@ -100,7 +102,7 @@ $nav-xlarge-font-size-l:                         8rem !default; // 128px
 
 ul.uk-nav-sub {
     padding: $nav-sublist-padding-vertical 0 $nav-sublist-padding-vertical $nav-sublist-padding-left;
-    @if(mixin-exists(hook-nav-sub)) {@include hook-nav-sub();}
+    @if(meta.mixin-exists(hook-nav-sub)) {@include hook-nav-sub();}
 }
 
 /*
@@ -134,7 +136,7 @@ ul.uk-nav-sub {
     padding: $nav-header-padding-vertical $nav-header-padding-horizontal;
     text-transform: $nav-header-text-transform;
     font-size: $nav-header-font-size;
-    @if(mixin-exists(hook-nav-header)) {@include hook-nav-header();}
+    @if(meta.mixin-exists(hook-nav-header)) {@include hook-nav-header();}
 }
 
 .uk-nav-header:not(:first-child) { margin-top: $nav-header-margin-top; }
@@ -145,7 +147,7 @@ ul.uk-nav-sub {
 
 .uk-nav .uk-nav-divider {
     margin: $nav-divider-margin-vertical $nav-divider-margin-horizontal;
-    @if(mixin-exists(hook-nav-divider)) {@include hook-nav-divider();}
+    @if(meta.mixin-exists(hook-nav-divider)) {@include hook-nav-divider();}
 }
 
 
@@ -155,7 +157,7 @@ ul.uk-nav-sub {
 .uk-nav-default {
     font-size: $nav-default-font-size;
     line-height: $nav-default-line-height;
-    @if(mixin-exists(hook-nav-default)) {@include hook-nav-default();}
+    @if(meta.mixin-exists(hook-nav-default)) {@include hook-nav-default();}
 }
 
 /*
@@ -164,19 +166,19 @@ ul.uk-nav-sub {
 
 .uk-nav-default > li > a {
     color: $nav-default-item-color;
-    @if(mixin-exists(hook-nav-default-item)) {@include hook-nav-default-item();}
+    @if(meta.mixin-exists(hook-nav-default-item)) {@include hook-nav-default-item();}
 }
 
 /* Hover */
 .uk-nav-default > li > a:hover {
     color: $nav-default-item-hover-color;
-    @if(mixin-exists(hook-nav-default-item-hover)) {@include hook-nav-default-item-hover();}
+    @if(meta.mixin-exists(hook-nav-default-item-hover)) {@include hook-nav-default-item-hover();}
 }
 
 /* Active */
 .uk-nav-default > li.uk-active > a {
     color: $nav-default-item-active-color;
-    @if(mixin-exists(hook-nav-default-item-active)) {@include hook-nav-default-item-active();}
+    @if(meta.mixin-exists(hook-nav-default-item-active)) {@include hook-nav-default-item-active();}
 }
 
 /*
@@ -185,7 +187,7 @@ ul.uk-nav-sub {
 
 .uk-nav-default .uk-nav-subtitle {
     font-size: $nav-default-subtitle-font-size;
-    @if(mixin-exists(hook-nav-default-subtitle)) {@include hook-nav-default-subtitle();}
+    @if(meta.mixin-exists(hook-nav-default-subtitle)) {@include hook-nav-default-subtitle();}
 }
 
 /*
@@ -194,7 +196,7 @@ ul.uk-nav-sub {
 
 .uk-nav-default .uk-nav-header {
     color: $nav-default-header-color;
-    @if(mixin-exists(hook-nav-default-header)) {@include hook-nav-default-header();}
+    @if(meta.mixin-exists(hook-nav-default-header)) {@include hook-nav-default-header();}
 }
 
 /*
@@ -203,7 +205,7 @@ ul.uk-nav-sub {
 
 .uk-nav-default .uk-nav-divider {
     border-top: $nav-default-divider-border-width solid $nav-default-divider-border;
-    @if(mixin-exists(hook-nav-default-divider)) {@include hook-nav-default-divider();}
+    @if(meta.mixin-exists(hook-nav-default-divider)) {@include hook-nav-default-divider();}
 }
 
 /*
@@ -228,7 +230,7 @@ ul.uk-nav-sub {
 .uk-nav-primary {
     font-size: $nav-primary-font-size;
     line-height: $nav-primary-line-height;
-    @if(mixin-exists(hook-nav-primary)) {@include hook-nav-primary();}
+    @if(meta.mixin-exists(hook-nav-primary)) {@include hook-nav-primary();}
 }
 
 /*
@@ -237,19 +239,19 @@ ul.uk-nav-sub {
 
 .uk-nav-primary > li > a {
     color: $nav-primary-item-color;
-    @if(mixin-exists(hook-nav-primary-item)) {@include hook-nav-primary-item();}
+    @if(meta.mixin-exists(hook-nav-primary-item)) {@include hook-nav-primary-item();}
 }
 
 /* Hover */
 .uk-nav-primary > li > a:hover {
     color: $nav-primary-item-hover-color;
-    @if(mixin-exists(hook-nav-primary-item-hover)) {@include hook-nav-primary-item-hover();}
+    @if(meta.mixin-exists(hook-nav-primary-item-hover)) {@include hook-nav-primary-item-hover();}
 }
 
 /* Active */
 .uk-nav-primary > li.uk-active > a {
     color: $nav-primary-item-active-color;
-    @if(mixin-exists(hook-nav-primary-item-active)) {@include hook-nav-primary-item-active();}
+    @if(meta.mixin-exists(hook-nav-primary-item-active)) {@include hook-nav-primary-item-active();}
 }
 
 /*
@@ -258,7 +260,7 @@ ul.uk-nav-sub {
 
 .uk-nav-primary .uk-nav-subtitle {
     font-size: $nav-primary-subtitle-font-size;
-    @if(mixin-exists(hook-nav-primary-subtitle)) {@include hook-nav-primary-subtitle();}
+    @if(meta.mixin-exists(hook-nav-primary-subtitle)) {@include hook-nav-primary-subtitle();}
 }
 
 /*
@@ -267,7 +269,7 @@ ul.uk-nav-sub {
 
 .uk-nav-primary .uk-nav-header {
     color: $nav-primary-header-color;
-    @if(mixin-exists(hook-nav-primary-header)) {@include hook-nav-primary-header();}
+    @if(meta.mixin-exists(hook-nav-primary-header)) {@include hook-nav-primary-header();}
 }
 
 /*
@@ -276,7 +278,7 @@ ul.uk-nav-sub {
 
 .uk-nav-primary .uk-nav-divider {
     border-top: $nav-primary-divider-border-width solid $nav-primary-divider-border;
-    @if(mixin-exists(hook-nav-primary-divider)) {@include hook-nav-primary-divider();}
+    @if(meta.mixin-exists(hook-nav-primary-divider)) {@include hook-nav-primary-divider();}
 }
 
 /*
@@ -301,7 +303,7 @@ ul.uk-nav-sub {
 .uk-nav-secondary {
     font-size: $nav-secondary-font-size;
     line-height: $nav-secondary-line-height;
-    @if(mixin-exists(hook-nav-secondary)) {@include hook-nav-secondary();}
+    @if(meta.mixin-exists(hook-nav-secondary)) {@include hook-nav-secondary();}
 }
 
 /*
@@ -311,19 +313,19 @@ ul.uk-nav-sub {
 .uk-nav-secondary > li > a {
 
     color: $nav-secondary-item-color;
-    @if(mixin-exists(hook-nav-secondary-item)) {@include hook-nav-secondary-item();}
+    @if(meta.mixin-exists(hook-nav-secondary-item)) {@include hook-nav-secondary-item();}
 }
 
 /* Hover */
 .uk-nav-secondary > li > a:hover {
     color: $nav-secondary-item-hover-color;
-    @if(mixin-exists(hook-nav-secondary-item-hover)) {@include hook-nav-secondary-item-hover();}
+    @if(meta.mixin-exists(hook-nav-secondary-item-hover)) {@include hook-nav-secondary-item-hover();}
 }
 
 /* Active */
 .uk-nav-secondary > li.uk-active > a {
     color: $nav-secondary-item-active-color;
-    @if(mixin-exists(hook-nav-secondary-item-active)) {@include hook-nav-secondary-item-active();}
+    @if(meta.mixin-exists(hook-nav-secondary-item-active)) {@include hook-nav-secondary-item-active();}
 }
 
 /*
@@ -333,19 +335,19 @@ ul.uk-nav-sub {
 .uk-nav-secondary .uk-nav-subtitle {
     font-size: $nav-secondary-subtitle-font-size;
     color: $nav-secondary-subtitle-color;
-    @if(mixin-exists(hook-nav-secondary-subtitle)) {@include hook-nav-secondary-subtitle();}
+    @if(meta.mixin-exists(hook-nav-secondary-subtitle)) {@include hook-nav-secondary-subtitle();}
 }
 
 /* Hover */
 .uk-nav-secondary > li > a:hover .uk-nav-subtitle {
     color: $nav-secondary-subtitle-hover-color;
-    @if(mixin-exists(hook-nav-secondary-subtitle-hover)) {@include hook-nav-secondary-subtitle-hover();}
+    @if(meta.mixin-exists(hook-nav-secondary-subtitle-hover)) {@include hook-nav-secondary-subtitle-hover();}
 }
 
 /* Active */
 .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle {
     color: $nav-secondary-subtitle-active-color;
-    @if(mixin-exists(hook-nav-secondary-subtitle-active)) {@include hook-nav-secondary-subtitle-active();}
+    @if(meta.mixin-exists(hook-nav-secondary-subtitle-active)) {@include hook-nav-secondary-subtitle-active();}
 }
 
 /*
@@ -354,7 +356,7 @@ ul.uk-nav-sub {
 
 .uk-nav-secondary .uk-nav-header {
     color: $nav-secondary-header-color;
-    @if(mixin-exists(hook-nav-secondary-header)) {@include hook-nav-secondary-header();}
+    @if(meta.mixin-exists(hook-nav-secondary-header)) {@include hook-nav-secondary-header();}
 }
 
 /*
@@ -363,7 +365,7 @@ ul.uk-nav-sub {
 
 .uk-nav-secondary .uk-nav-divider {
     border-top: $nav-secondary-divider-border-width solid $nav-secondary-divider-border;
-    @if(mixin-exists(hook-nav-secondary-divider)) {@include hook-nav-secondary-divider();}
+    @if(meta.mixin-exists(hook-nav-secondary-divider)) {@include hook-nav-secondary-divider();}
 }
 
 /*
@@ -392,19 +394,19 @@ ul.uk-nav-sub {
 .uk-nav-medium {
     font-size: $nav-medium-font-size;
     line-height: $nav-medium-line-height;
-    @if(mixin-exists(hook-nav-medium)) {@include hook-nav-medium();}
+    @if(meta.mixin-exists(hook-nav-medium)) {@include hook-nav-medium();}
 }
 
 .uk-nav-large {
     font-size: $nav-large-font-size;
     line-height: $nav-large-line-height;
-    @if(mixin-exists(hook-nav-large)) {@include hook-nav-large();}
+    @if(meta.mixin-exists(hook-nav-large)) {@include hook-nav-large();}
 }
 
 .uk-nav-xlarge {
     font-size: $nav-xlarge-font-size;
     line-height: $nav-xlarge-line-height;
-    @if(mixin-exists(hook-nav-xlarge)) {@include hook-nav-xlarge();}
+    @if(meta.mixin-exists(hook-nav-xlarge)) {@include hook-nav-xlarge();}
 }
 
 /* Tablet Landscape and bigger */
@@ -459,14 +461,14 @@ ul.uk-nav-sub {
     margin-top: $nav-dividers-margin-top;
     padding-top: $nav-dividers-margin-top;
     border-top: $nav-dividers-border-width solid $nav-dividers-border;
-    @if(mixin-exists(hook-nav-dividers)) {@include hook-nav-dividers();}
+    @if(meta.mixin-exists(hook-nav-dividers)) {@include hook-nav-dividers();}
 }
 
 
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-nav-misc)) {@include hook-nav-misc();}
+@if(meta.mixin-exists(hook-nav-misc)) {@include hook-nav-misc();}
 
 // @mixin hook-nav-sub(){}
 // @mixin hook-nav-header(){}