uikit 3.23.7 → 3.23.8-dev.65e3f4fda

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

package/src/scss/components/table.scss

@@ -1,3 +1,6 @@
+@use "sass:meta";
+@use "sass:math";
+
 // Name:            Table
 // Description:     Styles for tables
 //
@@ -53,7 +56,7 @@
     width: 100%;
     /* 3 */
     margin-bottom: $table-margin-vertical;
-    @if(mixin-exists(hook-table)) {@include hook-table();}
+    @if(meta.mixin-exists(hook-table)) {@include hook-table();}
 }
 
 /* Add margin if adjacent element */
@@ -75,7 +78,7 @@
     font-size: $table-header-cell-font-size;
     font-weight: $table-header-cell-font-weight;
     color: $table-header-cell-color;
-    @if(mixin-exists(hook-table-header-cell)) {@include hook-table-header-cell();}
+    @if(meta.mixin-exists(hook-table-header-cell)) {@include hook-table-header-cell();}
 }
 
 
@@ -85,7 +88,7 @@
 .uk-table td {
     padding: $table-cell-padding-vertical $table-cell-padding-horizontal;
     vertical-align: top;
-    @if(mixin-exists(hook-table-cell)) {@include hook-table-cell();}
+    @if(meta.mixin-exists(hook-table-cell)) {@include hook-table-cell();}
 }
 
 /*
@@ -100,7 +103,7 @@
 
 .uk-table tfoot {
     font-size: $table-footer-font-size;
-    @if(mixin-exists(hook-table-footer)) {@include hook-table-footer();}
+    @if(meta.mixin-exists(hook-table-footer)) {@include hook-table-footer();}
 }
 
 
@@ -111,7 +114,7 @@
     font-size: $table-caption-font-size;
     text-align: left;
     color: $table-caption-color;
-    @if(mixin-exists(hook-table-caption)) {@include hook-table-caption();}
+    @if(meta.mixin-exists(hook-table-caption)) {@include hook-table-caption();}
 }
 
 
@@ -133,7 +136,7 @@
 .uk-table-divider > :not(:first-child) > tr,
 .uk-table-divider > :first-child > tr:not(:first-child) {
     border-top: $table-divider-border-width solid $table-divider-border;
-    @if(mixin-exists(hook-table-divider)) {@include hook-table-divider();}
+    @if(meta.mixin-exists(hook-table-divider)) {@include hook-table-divider();}
 }
 
 /*
@@ -143,7 +146,7 @@
 .uk-table-striped > tr:nth-of-type(odd),
 .uk-table-striped tbody tr:nth-of-type(odd) {
     background: $table-striped-row-background;
-    @if(mixin-exists(hook-table-striped)) {@include hook-table-striped();}
+    @if(meta.mixin-exists(hook-table-striped)) {@include hook-table-striped();}
 }
 
 /*
@@ -153,7 +156,7 @@
 .uk-table-hover > tr:hover,
 .uk-table-hover tbody tr:hover {
     background: $table-hover-row-background;
-    @if(mixin-exists(hook-table-hover)) {@include hook-table-hover();}
+    @if(meta.mixin-exists(hook-table-hover)) {@include hook-table-hover();}
 }
 
 
@@ -163,7 +166,7 @@
 .uk-table > tr.uk-active,
 .uk-table tbody tr.uk-active {
     background: $table-row-active-background;
-    @if(mixin-exists(hook-table-row-active)) {@include hook-table-row-active();}
+    @if(meta.mixin-exists(hook-table-row-active)) {@include hook-table-row-active();}
 }
 
 /* Size modifier
@@ -172,13 +175,13 @@
 .uk-table-small th,
 .uk-table-small td {
     padding: $table-small-cell-padding-vertical $table-small-cell-padding-horizontal;
-    @if(mixin-exists(hook-table-small)) {@include hook-table-small();}
+    @if(meta.mixin-exists(hook-table-small)) {@include hook-table-small();}
 }
 
 .uk-table-large th,
 .uk-table-large td {
     padding: $table-large-cell-padding-vertical $table-large-cell-padding-horizontal;
-    @if(mixin-exists(hook-table-large)) {@include hook-table-large();}
+    @if(meta.mixin-exists(hook-table-large)) {@include hook-table-large();}
 }
 
 
@@ -242,11 +245,11 @@
 
     .uk-table-responsive th:not(:first-child):not(.uk-table-link),
     .uk-table-responsive td:not(:first-child):not(.uk-table-link),
-    .uk-table-responsive .uk-table-link:not(:first-child) > a { padding-top: round(($table-cell-padding-vertical * 0.33333)) !important; }
+    .uk-table-responsive .uk-table-link:not(:first-child) > a { padding-top: math.round(($table-cell-padding-vertical * 0.33333)) !important; }
 
     .uk-table-responsive th:not(:last-child):not(.uk-table-link),
     .uk-table-responsive td:not(:last-child):not(.uk-table-link),
-    .uk-table-responsive .uk-table-link:not(:last-child) > a { padding-bottom: round(($table-cell-padding-vertical * 0.33333)) !important; }
+    .uk-table-responsive .uk-table-link:not(:last-child) > a { padding-bottom: math.round(($table-cell-padding-vertical * 0.33333)) !important; }
 
     .uk-table-justify.uk-table-responsive th,
     .uk-table-justify.uk-table-responsive td {
@@ -260,7 +263,7 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-table-misc)) {@include hook-table-misc();}
+@if(meta.mixin-exists(hook-table-misc)) {@include hook-table-misc();}
 
 // @mixin hook-table(){}
 // @mixin hook-table-header-cell(){}

package/src/scss/components/text.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Text
 // Description:     Utilities for text
 //
@@ -29,14 +31,14 @@
     font-size: $text-lead-font-size;
     line-height: $text-lead-line-height;
     color: $text-lead-color;
-    @if(mixin-exists(hook-text-lead)) {@include hook-text-lead();}
+    @if(meta.mixin-exists(hook-text-lead)) {@include hook-text-lead();}
 }
 
 .uk-text-meta {
     font-size: $text-meta-font-size;
     line-height: $text-meta-line-height;
     color: $text-meta-color;
-    @if(mixin-exists(hook-text-meta)) {@include hook-text-meta();}
+    @if(meta.mixin-exists(hook-text-meta)) {@include hook-text-meta();}
 }
 
 
@@ -46,13 +48,13 @@
 .uk-text-small {
     font-size: $text-small-font-size;
     line-height: $text-small-line-height;
-    @if(mixin-exists(hook-text-small)) {@include hook-text-small();}
+    @if(meta.mixin-exists(hook-text-small)) {@include hook-text-small();}
 }
 
 .uk-text-large {
     font-size: $text-large-font-size;
     line-height: $text-large-line-height;
-    @if(mixin-exists(hook-text-large)) {@include hook-text-large();}
+    @if(meta.mixin-exists(hook-text-large)) {@include hook-text-large();}
 }
 
 .uk-text-default {
@@ -123,7 +125,7 @@
     display: inline-block;
     /* 4 */
     background-color: $text-background-color;
-    @if(mixin-exists(hook-text-background)) {@include hook-text-background();}
+    @if(meta.mixin-exists(hook-text-background)) {@include hook-text-background();}
 }
 
 
@@ -234,7 +236,7 @@ td.uk-text-truncate { max-width: 0; }
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-text-misc)) {@include hook-text-misc();}
+@if(meta.mixin-exists(hook-text-misc)) {@include hook-text-misc();}
 
 // @mixin hook-text-lead(){}
 // @mixin hook-text-meta(){}

package/src/scss/components/thumbnav.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Thumbnav
 // Description:     Component to create thumbnail navigations
 //
@@ -35,7 +37,7 @@
     list-style: none;
     /* 3 */
     margin-left: (-$thumbnav-margin-horizontal);
-    @if(mixin-exists(hook-thumbnav)) {@include hook-thumbnav();}
+    @if(meta.mixin-exists(hook-thumbnav)) {@include hook-thumbnav();}
 }
 
 /*
@@ -58,17 +60,17 @@
 
 .uk-thumbnav > * > * {
     display: inline-block;
-    @if(mixin-exists(hook-thumbnav-item)) {@include hook-thumbnav-item();}
+    @if(meta.mixin-exists(hook-thumbnav-item)) {@include hook-thumbnav-item();}
 }
 
 /* Hover */
 .uk-thumbnav > * > :hover {
-    @if(mixin-exists(hook-thumbnav-item-hover)) {@include hook-thumbnav-item-hover();}
+    @if(meta.mixin-exists(hook-thumbnav-item-hover)) {@include hook-thumbnav-item-hover();}
 }
 
 /* Active */
 .uk-thumbnav > .uk-active > * {
-    @if(mixin-exists(hook-thumbnav-item-active)) {@include hook-thumbnav-item-active();}
+    @if(meta.mixin-exists(hook-thumbnav-item-active)) {@include hook-thumbnav-item-active();}
 }
 
 
@@ -98,7 +100,7 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-thumbnav-misc)) {@include hook-thumbnav-misc();}
+@if(meta.mixin-exists(hook-thumbnav-misc)) {@include hook-thumbnav-misc();}
 
 // @mixin hook-thumbnav(){}
 // @mixin hook-thumbnav-item(){}

package/src/scss/components/tile.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Tile
 // Description:     Component to create tiled boxes
 //
@@ -42,7 +44,7 @@
     padding-right: $tile-padding-horizontal;
     padding-top: $tile-padding-vertical;
     padding-bottom: $tile-padding-vertical;
-    @if(mixin-exists(hook-tile)) {@include hook-tile();}
+    @if(meta.mixin-exists(hook-tile)) {@include hook-tile();}
 }
 
 /* Phone landscape and bigger */
@@ -145,11 +147,11 @@
 .uk-tile-default {
     --uk-inverse: #{$tile-default-color-mode};
     background-color: $tile-default-background;
-    @if(mixin-exists(hook-tile-default)) {@include hook-tile-default();}
+    @if(meta.mixin-exists(hook-tile-default)) {@include hook-tile-default();}
 }
 
 .uk-tile-default.uk-tile-hover:hover {
-    @if(mixin-exists(hook-tile-default-hover)) {@include hook-tile-default-hover();}
+    @if(meta.mixin-exists(hook-tile-default-hover)) {@include hook-tile-default-hover();}
 }
 
 // Color Mode
@@ -163,11 +165,11 @@
 .uk-tile-muted {
     --uk-inverse: #{$tile-muted-color-mode};
     background-color: $tile-muted-background;
-    @if(mixin-exists(hook-tile-muted)) {@include hook-tile-muted();}
+    @if(meta.mixin-exists(hook-tile-muted)) {@include hook-tile-muted();}
 }
 
 .uk-tile-muted.uk-tile-hover:hover {
-    @if(mixin-exists(hook-tile-muted-hover)) {@include hook-tile-muted-hover();}
+    @if(meta.mixin-exists(hook-tile-muted-hover)) {@include hook-tile-muted-hover();}
 }
 
 // Color Mode
@@ -181,11 +183,11 @@
 .uk-tile-primary {
     --uk-inverse: #{$tile-primary-color-mode};
     background-color: $tile-primary-background;
-    @if(mixin-exists(hook-tile-primary)) {@include hook-tile-primary();}
+    @if(meta.mixin-exists(hook-tile-primary)) {@include hook-tile-primary();}
 }
 
 .uk-tile-primary.uk-tile-hover:hover {
-    @if(mixin-exists(hook-tile-primary-hover)) {@include hook-tile-primary-hover();}
+    @if(meta.mixin-exists(hook-tile-primary-hover)) {@include hook-tile-primary-hover();}
 }
 
 // Color Mode
@@ -199,11 +201,11 @@
 .uk-tile-secondary {
     --uk-inverse: #{$tile-secondary-color-mode};
     background-color: $tile-secondary-background;
-    @if(mixin-exists(hook-tile-secondary)) {@include hook-tile-secondary();}
+    @if(meta.mixin-exists(hook-tile-secondary)) {@include hook-tile-secondary();}
 }
 
 .uk-tile-secondary.uk-tile-hover:hover {
-    @if(mixin-exists(hook-tile-secondary-hover)) {@include hook-tile-secondary-hover();}
+    @if(meta.mixin-exists(hook-tile-secondary-hover)) {@include hook-tile-secondary-hover();}
 }
 
 // Color Mode
@@ -214,7 +216,7 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-tile-misc)) {@include hook-tile-misc();}
+@if(meta.mixin-exists(hook-tile-misc)) {@include hook-tile-misc();}
 
 // @mixin hook-tile(){}
 // @mixin hook-tile-default(){}

package/src/scss/components/tooltip.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Tooltip
 // Description:     Component to create tooltips
 //
@@ -54,7 +56,7 @@
     border-radius: $tooltip-border-radius;
     color: $tooltip-color;
     font-size: $tooltip-font-size;
-    @if(mixin-exists(hook-tooltip)) {@include hook-tooltip();}
+    @if(meta.mixin-exists(hook-tooltip)) {@include hook-tooltip();}
 }
 
 /* Show */
@@ -64,7 +66,7 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-tooltip-misc)) {@include hook-tooltip-misc();}
+@if(meta.mixin-exists(hook-tooltip-misc)) {@include hook-tooltip-misc();}
 
 // @mixin hook-tooltip(){}
 // @mixin hook-tooltip-misc(){}

package/src/scss/components/totop.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Totop
 // Description:     Component to create an icon to scroll back to top
 //
@@ -24,26 +26,26 @@
 .uk-totop {
     padding: $totop-padding;
     color: $totop-color;
-    @if(mixin-exists(hook-totop)) {@include hook-totop();}
+    @if(meta.mixin-exists(hook-totop)) {@include hook-totop();}
 }
 
 /* Hover */
 .uk-totop:hover {
     color: $totop-hover-color;
-    @if(mixin-exists(hook-totop-hover)) {@include hook-totop-hover();}
+    @if(meta.mixin-exists(hook-totop-hover)) {@include hook-totop-hover();}
 }
 
 /* OnClick */
 .uk-totop:active {
     color: $totop-active-color;
-    @if(mixin-exists(hook-totop-active)) {@include hook-totop-active();}
+    @if(meta.mixin-exists(hook-totop-active)) {@include hook-totop-active();}
 }
 
 
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-totop-misc)) {@include hook-totop-misc();}
+@if(meta.mixin-exists(hook-totop-misc)) {@include hook-totop-misc();}
 
 // @mixin hook-totop(){}
 // @mixin hook-totop-hover(){}

package/src/scss/components/transition.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Transition
 // Description:     Utilities for transitions
 //
@@ -162,6 +164,6 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-transition-misc)) {@include hook-transition-misc();}
+@if(meta.mixin-exists(hook-transition-misc)) {@include hook-transition-misc();}
 
 // @mixin hook-transition-misc(){}

package/src/scss/components/utility.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Utility
 // Description:     Utilities collection
 //
@@ -70,7 +72,7 @@
     border: $panel-scrollable-border-width solid $panel-scrollable-border;
     overflow: auto;
     resize: both;
-    @if(mixin-exists(hook-panel-scrollable)) {@include hook-panel-scrollable();}
+    @if(meta.mixin-exists(hook-panel-scrollable)) {@include hook-panel-scrollable();}
 }
 
 
@@ -329,7 +331,7 @@
         filter: blur($box-shadow-bottom-blur);
         /* 3 */
         will-change: filter;
-        @if(mixin-exists(hook-box-shadow-bottom)) {@include hook-box-shadow-bottom();}
+        @if(meta.mixin-exists(hook-box-shadow-bottom)) {@include hook-box-shadow-bottom();}
     }
 
 }
@@ -353,7 +355,7 @@
     float: left;
     font-size: $dropcap-font-size;
     line-height: $dropcap-line-height;
-    @if(mixin-exists(hook-dropcap)) {@include hook-dropcap();}
+    @if(meta.mixin-exists(hook-dropcap)) {@include hook-dropcap();}
 }
 
 /* 2 */
@@ -381,7 +383,7 @@
     color: $logo-color;
     /* 2 */
     text-decoration: none;
-    @if(mixin-exists(hook-logo)) {@include hook-logo();}
+    @if(meta.mixin-exists(hook-logo)) {@include hook-logo();}
 }
 
 /* 3 */
@@ -395,7 +397,7 @@
     color: $logo-hover-color;
     /* 1 */
     text-decoration: none;
-    @if(mixin-exists(hook-logo-hover)) {@include hook-logo-hover();}
+    @if(meta.mixin-exists(hook-logo-hover)) {@include hook-logo-hover();}
 }
 
 .uk-logo :where(img, svg, video) { display: block; }
@@ -477,7 +479,7 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-utility-misc)) {@include hook-utility-misc();}
+@if(meta.mixin-exists(hook-utility-misc)) {@include hook-utility-misc();}
 
 // @mixin hook-panel-scrollable(){}
 // @mixin hook-box-shadow-bottom(){}

package/src/scss/components/visibility.scss

@@ -1,3 +1,5 @@
+@use "sass:meta";
+
 // Name:            Visibility
 // Description:     Utilities to show or hide content on breakpoints, hover or touch
 //
@@ -159,6 +161,6 @@
 // Hooks
 // ========================================================================
 
-@if(mixin-exists(hook-visibility-misc)) {@include hook-visibility-misc();}
+@if(meta.mixin-exists(hook-visibility-misc)) {@include hook-visibility-misc();}
 
 // @mixin hook-visibility-misc(){}