uikit 3.18.0 → 3.18.1-dev.7348eb6e3

package/src/scss/components/container.scss

@@ -141,7 +141,7 @@
  */
 
 .uk-container-item-padding-remove-left,
-.uk-container-item-padding-remove-right { width: unquote('calc(100% + #{$container-padding-horizontal})') }
+.uk-container-item-padding-remove-right { width: unquote('calc(100% + #{$container-padding-horizontal})'); }
 
 .uk-container-item-padding-remove-left { margin-left: (-$container-padding-horizontal); }
 .uk-container-item-padding-remove-right { margin-right: (-$container-padding-horizontal); }
@@ -150,7 +150,7 @@
 @media (min-width: $breakpoint-small) {
 
     .uk-container-item-padding-remove-left,
-    .uk-container-item-padding-remove-right { width: unquote('calc(100% + #{$container-padding-horizontal-s})') }
+    .uk-container-item-padding-remove-right { width: unquote('calc(100% + #{$container-padding-horizontal-s})'); }
 
     .uk-container-item-padding-remove-left { margin-left: (-$container-padding-horizontal-s); }
     .uk-container-item-padding-remove-right { margin-right: (-$container-padding-horizontal-s); }
@@ -161,7 +161,7 @@
 @media (min-width: $breakpoint-medium) {
 
     .uk-container-item-padding-remove-left,
-    .uk-container-item-padding-remove-right { width: unquote('calc(100% + #{$container-padding-horizontal-m})') }
+    .uk-container-item-padding-remove-right { width: unquote('calc(100% + #{$container-padding-horizontal-m})'); }
 
     .uk-container-item-padding-remove-left { margin-left: (-$container-padding-horizontal-m); }
     .uk-container-item-padding-remove-right { margin-right: (-$container-padding-horizontal-m); }

package/src/scss/components/divider.scss

@@ -26,7 +26,7 @@
  * 2. Set margin if a `div` is used for semantical reason
  */
 
-[class*='uk-divider'] {
+[class*="uk-divider"] {
     /* 1 */
     border: none;
     /* 2 */
@@ -34,7 +34,7 @@
 }
 
 /* Add margin if adjacent element */
-* + [class*='uk-divider'] { margin-top: $divider-margin-vertical; }
+* + [class*="uk-divider"] { margin-top: $divider-margin-vertical; }
 
 
 /* Icon

package/src/scss/components/dropnav.scss

@@ -39,4 +39,4 @@
 
 @if(mixin-exists(hook-dropnav-misc)) {@include hook-dropnav-misc();}
 
-// @mixin hook-dropnav-misc(){}
+// @mixin hook-dropnav-misc(){}

package/src/scss/components/form.scss

@@ -323,7 +323,7 @@ textarea.uk-form-large,
  */
 
 .uk-form-success,
-.uk-form-success:focus  {
+.uk-form-success:focus {
     color: $form-success-color;
     @if(mixin-exists(hook-form-success)) {@include hook-form-success();}
 }

package/src/scss/components/grid.scss

@@ -104,7 +104,7 @@
 .uk-grid-small,
 .uk-grid-column-small { margin-left: (-$grid-small-gutter-horizontal); }
 .uk-grid-small > *,
-.uk-grid-column-small > *  { padding-left: $grid-small-gutter-horizontal; }
+.uk-grid-column-small > * { padding-left: $grid-small-gutter-horizontal; }
 
 /* Vertical */
 .uk-grid + .uk-grid-small,
@@ -362,8 +362,8 @@
     flex-wrap: wrap;
 }
 
-.uk-grid-match > * > :not([class*='uk-width']),
-.uk-grid-item-match > :not([class*='uk-width']) {
+.uk-grid-match > * > :not([class*="uk-width"]),
+.uk-grid-item-match > :not([class*="uk-width"]) {
     /* 2 */
     box-sizing: border-box;
     width: 100%;

package/src/scss/components/height.scss

@@ -15,7 +15,7 @@
    Component: Height
  ========================================================================== */
 
-[class*='uk-height'] { box-sizing: border-box; }
+[class*="uk-height"] { box-sizing: border-box; }
 
 /*
  * Only works if parent element has a height set

package/src/scss/components/icon.scss

@@ -80,14 +80,14 @@ button.uk-icon:not(:disabled) { cursor: pointer; }
  * Set the fill and stroke color of all SVG elements to the current text color
  */
 
-.uk-icon:not(.uk-preserve) [fill*='#']:not(.uk-preserve) { fill: currentcolor; }
-.uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { stroke: currentcolor; }
+.uk-icon:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) { fill: currentcolor; }
+.uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) { stroke: currentcolor; }
 
 /*
  * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835
  */
 
-.uk-icon > * { transform: translate(0,0); }
+.uk-icon > * { transform: translate(0, 0); }
 
 
 /* Image modifier

package/src/scss/components/modal.scss

@@ -233,7 +233,7 @@
  * Adopts `uk-close`
  ========================================================================== */
 
-[class*='uk-modal-close-'] {
+[class*="uk-modal-close-"] {
     position: absolute;
     z-index: $modal-z-index;
     top: $modal-close-position;
@@ -246,13 +246,13 @@
  * Remove margin from adjacent element
  */
 
-[class*='uk-modal-close-']:first-child + * { margin-top: 0; }
+[class*="uk-modal-close-"]:first-child + * { margin-top: 0; }
 
 /*
  * Hover
  */
 
-[class*='uk-modal-close-']:hover {
+[class*="uk-modal-close-"]:hover {
     @if(mixin-exists(hook-modal-close-hover)) {@include hook-modal-close-hover();}
 }
 

package/src/scss/components/navbar.scss

@@ -87,7 +87,7 @@ $navbar-nav-gap:                                 0px !default; // Must have a un
 
 .uk-navbar-left,
 .uk-navbar-right,
-[class*='uk-navbar-center'] {
+[class*="uk-navbar-center"] {
     display: flex;
     gap: $navbar-gap;
     /* 1 */
@@ -116,7 +116,7 @@ $navbar-nav-gap:                                 0px !default; // Must have a un
     position: absolute;
     top: 50%;
     left: 50%;
-    transform: translate(-50%,-50%);
+    transform: translate(-50%, -50%);
     /* 2 */
     width: max-content;
     box-sizing: border-box;
@@ -131,10 +131,10 @@ $navbar-nav-gap:                                 0px !default; // Must have a un
    top: 0;
 }
 
-.uk-navbar-center-left { right:  unquote('calc(100% + #{$navbar-gap})'); }
+.uk-navbar-center-left { right: unquote('calc(100% + #{$navbar-gap})'); }
 .uk-navbar-center-right { left: unquote('calc(100% + #{$navbar-gap})'); }
 
-[class*='uk-navbar-center-'] {
+[class*="uk-navbar-center-"] {
     width: max-content;
     box-sizing: border-box;
 }

package/src/scss/components/position.scss

@@ -45,11 +45,11 @@
  * 1. Prevent content overflow.
  */
 
-[class*='uk-position-top'],
-[class*='uk-position-bottom'],
-[class*='uk-position-left'],
-[class*='uk-position-right'],
-[class*='uk-position-center'] {
+[class*="uk-position-top"],
+[class*="uk-position-bottom"],
+[class*="uk-position-left"],
+[class*="uk-position-right"],
+[class*="uk-position-center"] {
     position: absolute !important;
     /* 1 */
     max-width: unquote('calc(100% - (var(--uk-position-margin-offset) * 2))');
@@ -126,8 +126,8 @@
 }
 
 /* Vertical */
-[class*='uk-position-center-left'],
-[class*='uk-position-center-right'] {
+[class*="uk-position-center-left"],
+[class*="uk-position-center-right"] {
     top: unquote('calc(50% - var(--uk-position-margin-offset))');
     --uk-position-translate-y: -50%;
     transform: translate(0, var(--uk-position-translate-y));

package/src/scss/components/sticky.scss

@@ -51,7 +51,7 @@
  * Faster animations
  */
 
-.uk-sticky[class*='uk-animation-'] { animation-duration: $sticky-animation-duration; }
+.uk-sticky[class*="uk-animation-"] { animation-duration: $sticky-animation-duration; }
 
 .uk-sticky.uk-animation-reverse { animation-duration: $sticky-reverse-animation-duration; }
 

package/src/scss/components/svg.scss

@@ -18,14 +18,14 @@
 /* 1 */
 .uk-svg,
 /* 2 */
-.uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve) { fill: currentcolor; }
-.uk-svg:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { stroke: currentcolor; }
+.uk-svg:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) { fill: currentcolor; }
+.uk-svg:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) { stroke: currentcolor; }
 
 /*
  * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835
  */
 
-.uk-svg { transform: translate(0,0); }
+.uk-svg { transform: translate(0, 0); }
 
 
 // Hooks

package/src/scss/components/transition.scss

@@ -45,15 +45,15 @@
  */
 
 :where(.uk-transition-fade),
-:where([class*='uk-transition-scale']),
-:where([class*='uk-transition-slide']) {
+:where([class*="uk-transition-scale"]),
+:where([class*="uk-transition-slide"]) {
     --uk-position-translate-x: 0;
     --uk-position-translate-y: 0;
 }
 
 .uk-transition-fade,
-[class*='uk-transition-scale'],
-[class*='uk-transition-slide'] {
+[class*="uk-transition-scale"],
+[class*="uk-transition-slide"] {
     --uk-translate-x: 0;
     --uk-translate-y: 0;
     --uk-scale-x: 1;
@@ -81,7 +81,7 @@
  */
 
 /* 1 */
-[class*='uk-transition-scale'] { -webkit-backface-visibility: hidden; }
+[class*="uk-transition-scale"] { -webkit-backface-visibility: hidden; }
 
 .uk-transition-scale-up {
     --uk-scale-x: 1;
@@ -131,10 +131,10 @@
 .uk-transition-slide-right-medium { --uk-translate-x: #{$transition-slide-medium-translate}; }
 
 /* Show */
-.uk-transition-toggle:hover [class*='uk-transition-slide'],
-.uk-transition-toggle:focus [class*='uk-transition-slide'],
-.uk-transition-toggle [class*='uk-transition-slide']:focus-within,
-.uk-transition-active.uk-active [class*='uk-transition-slide'] {
+.uk-transition-toggle:hover [class*="uk-transition-slide"],
+.uk-transition-toggle:focus [class*="uk-transition-slide"],
+.uk-transition-toggle [class*="uk-transition-slide"]:focus-within,
+.uk-transition-active.uk-active [class*="uk-transition-slide"] {
     --uk-translate-x: 0;
     --uk-translate-y: 0;
     opacity: 1;

package/src/scss/components/utility.scss

@@ -108,7 +108,7 @@
 .uk-float-right { float: right; }
 
 /* 1 */
-[class*='uk-float-'] { max-width: 100%; }
+[class*="uk-float-"] { max-width: 100%; }
 
 
 /* Overfow
@@ -161,7 +161,7 @@
  * 6. Clip child elements
  */
 
-[class*='uk-inline'] {
+[class*="uk-inline"] {
     /* 1 */
     display: inline-block;
     /* 2 */
@@ -272,7 +272,7 @@
  * Fix `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit
  */
 
-.uk-inline-clip[class*='uk-border-'] { -webkit-transform: translateZ(0); }
+.uk-inline-clip[class*="uk-border-"] { -webkit-transform: translateZ(0); }
 
 
 /* Box-shadow
@@ -287,7 +287,7 @@
  * Hover
  */
 
-[class*='uk-box-shadow-hover'] { transition: box-shadow $box-shadow-duration ease-in-out; }
+[class*="uk-box-shadow-hover"] { transition: box-shadow $box-shadow-duration ease-in-out; }
 
 .uk-box-shadow-hover-small:hover { box-shadow: $global-small-box-shadow; }
 .uk-box-shadow-hover-medium:hover { box-shadow: $global-medium-box-shadow; }

package/src/scss/components/width.scss

@@ -20,7 +20,7 @@
 /* Equal child widths
  ========================================================================== */
 
-[class*='uk-child-width'] > * {
+[class*="uk-child-width"] > * {
     box-sizing: border-box;
     width: 100%;
 }
@@ -40,7 +40,7 @@
  *    if they have zero width and padding and the predecessor is 100% wide.
  */
 
-.uk-child-width-expand > :not([class*='uk-width']) {
+.uk-child-width-expand > :not([class*="uk-width"]) {
     flex: 1;
     /* 1 */
     min-width: 1px;
@@ -57,7 +57,7 @@
     .uk-child-width-1-6\@s > * { width: unquote('calc(100% * 1 / 6.001)'); }
 
     .uk-child-width-auto\@s > * { width: auto; }
-    .uk-child-width-expand\@s > :not([class*='uk-width']) {
+    .uk-child-width-expand\@s > :not([class*="uk-width"]) {
         flex: 1;
         min-width: 1px;
     }
@@ -75,7 +75,7 @@
     .uk-child-width-1-6\@m > * { width: unquote('calc(100% * 1 / 6.001)'); }
 
     .uk-child-width-auto\@m > * { width: auto; }
-    .uk-child-width-expand\@m > :not([class*='uk-width']) {
+    .uk-child-width-expand\@m > :not([class*="uk-width"]) {
         flex: 1;
         min-width: 1px;
     }
@@ -93,7 +93,7 @@
     .uk-child-width-1-6\@l > * { width: unquote('calc(100% * 1 / 6.001)'); }
 
     .uk-child-width-auto\@l > * { width: auto; }
-    .uk-child-width-expand\@l > :not([class*='uk-width']) {
+    .uk-child-width-expand\@l > :not([class*="uk-width"]) {
         flex: 1;
         min-width: 1px;
     }
@@ -111,7 +111,7 @@
     .uk-child-width-1-6\@xl > * { width: unquote('calc(100% * 1 / 6.001)'); }
 
     .uk-child-width-auto\@xl > * { width: auto; }
-    .uk-child-width-expand\@xl > :not([class*='uk-width']) {
+    .uk-child-width-expand\@xl > :not([class*="uk-width"]) {
         flex: 1;
         min-width: 1px;
     }
@@ -126,7 +126,7 @@
  * 1. `max-width` is needed for the pixel-based classes
  */
 
-[class*='uk-width'] {
+[class*="uk-width"] {
     box-sizing: border-box;
     width: 100%;
     /* 1 */

package/src/scss/mixins-theme.scss

@@ -88,11 +88,11 @@
 @mixin hook-inverse-article-meta(){}
 @mixin hook-inverse-component-article(){
 
-    .uk-article-title  {
+    .uk-article-title {
         @if(mixin-exists(hook-inverse-article-title)) {@include hook-inverse-article-title();}
     }
 
-    .uk-article-meta  {
+    .uk-article-meta {
         color: $inverse-article-meta-color;
         @if(mixin-exists(hook-inverse-article-meta)) {@include hook-inverse-article-meta();}
     }
@@ -176,7 +176,7 @@
     //
 
     a,
-    .uk-link  {
+    .uk-link {
         color: $inverse-base-link-color;
         @if(mixin-exists(hook-inverse-base-link)) {@include hook-inverse-base-link();}
     }
@@ -1189,7 +1189,7 @@
 
     a.uk-link-muted:hover,
     .uk-link-muted a:hover,
-    .uk-link-toggle:hover .uk-link-muted  {
+    .uk-link-toggle:hover .uk-link-muted {
         color: $inverse-link-muted-hover-color;
         @if(mixin-exists(hook-inverse-link-muted-hover)) {@include hook-inverse-link-muted-hover();}
     }
@@ -1532,9 +1532,9 @@
 
         .uk-navbar-left,
         .uk-navbar-right,
-        [class*='uk-navbar-center'] { gap: $navbar-gap-m; }
+        [class*="uk-navbar-center"] { gap: $navbar-gap-m; }
 
-        .uk-navbar-center-left { right:  unquote('calc(100% + #{$navbar-gap-m})'); }
+        .uk-navbar-center-left { right: unquote('calc(100% + #{$navbar-gap-m})'); }
         .uk-navbar-center-right { left: unquote('calc(100% + #{$navbar-gap-m})'); }
 
     }
@@ -1958,7 +1958,7 @@
 }
 @mixin hook-tab-misc(){
 
-    .uk-tab .uk-dropdown { margin-left: ($tab-margin-horizontal + $tab-item-padding-horizontal) }
+    .uk-tab .uk-dropdown { margin-left: ($tab-margin-horizontal + $tab-item-padding-horizontal); }
 
 }
 @mixin hook-inverse-tab(){

package/src/scss/mixins.scss

@@ -43,11 +43,11 @@
 @mixin hook-inverse-article-meta(){}
 @mixin hook-inverse-component-article(){
 
-    .uk-article-title  {
+    .uk-article-title {
         @if(mixin-exists(hook-inverse-article-title)) {@include hook-inverse-article-title();}
     }
 
-    .uk-article-meta  {
+    .uk-article-meta {
         color: $inverse-article-meta-color;
         @if(mixin-exists(hook-inverse-article-meta)) {@include hook-inverse-article-meta();}
     }
@@ -113,7 +113,7 @@
     //
 
     a,
-    .uk-link  {
+    .uk-link {
         color: $inverse-base-link-color;
         @if(mixin-exists(hook-inverse-base-link)) {@include hook-inverse-base-link();}
     }
@@ -939,7 +939,7 @@
 
     a.uk-link-muted:hover,
     .uk-link-muted a:hover,
-    .uk-link-toggle:hover .uk-link-muted  {
+    .uk-link-toggle:hover .uk-link-muted {
         color: $inverse-link-muted-hover-color;
         @if(mixin-exists(hook-inverse-link-muted-hover)) {@include hook-inverse-link-muted-hover();}
     }

package/src/scss/theme/alert.scss

@@ -42,3 +42,4 @@
 // Miscellaneous
 // ========================================================================
 
+

package/src/scss/theme/align.scss

@@ -11,4 +11,4 @@
 // Miscellaneous
 // ========================================================================
 
-// @mixin hook-align-misc(){}
+// @mixin hook-align-misc(){}

package/src/scss/theme/animation.scss

@@ -11,4 +11,4 @@
 // Miscellaneous
 // ========================================================================
 
-// @mixin hook-animation-misc(){}
+// @mixin hook-animation-misc(){}

package/src/scss/theme/article.scss

@@ -46,4 +46,4 @@
 // Inverse
 // ========================================================================
 
-// @mixin hook-inverse-article-meta(){}
+// @mixin hook-inverse-article-meta(){}

package/src/scss/theme/background.scss

@@ -11,4 +11,4 @@
 // Miscellaneous
 // ========================================================================
 
-// @mixin hook-background-misc(){}
+// @mixin hook-background-misc(){}

package/src/scss/theme/badge.scss

@@ -26,4 +26,4 @@
 // ========================================================================
 
 // @mixin hook-inverse-badge(){}
-// @mixin hook-inverse-badge-hover(){}
+// @mixin hook-inverse-badge-hover(){}

package/src/scss/theme/base.scss

@@ -101,4 +101,4 @@
 
 
 
-// @mixin hook-inverse-base-hr(){}
+// @mixin hook-inverse-base-hr(){}

package/src/scss/theme/breadcrumb.scss

@@ -42,4 +42,4 @@
 // @mixin hook-inverse-breadcrumb-item-disabled(){}
 // @mixin hook-inverse-breadcrumb-item-active(){}
 
-// @mixin hook-inverse-breadcrumb-divider(){}
+// @mixin hook-inverse-breadcrumb-divider(){}

package/src/scss/theme/button.scss

@@ -129,4 +129,4 @@
 // @mixin hook-inverse-button-text-hover(){}
 // @mixin hook-inverse-button-text-disabled(){}
 
-// @mixin hook-inverse-button-link(){}
+// @mixin hook-inverse-button-link(){}

package/src/scss/theme/card.scss

@@ -108,3 +108,4 @@
 // Miscellaneous
 // ========================================================================
 
+

package/src/scss/theme/close.scss

@@ -26,4 +26,4 @@
 // ========================================================================
 
 // @mixin hook-inverse-close(){}
-// @mixin hook-inverse-close-hover(){}
+// @mixin hook-inverse-close-hover(){}

package/src/scss/theme/column.scss

@@ -11,4 +11,4 @@
 // Miscellaneous
 // ========================================================================
 
-// @mixin hook-column-misc(){}
+// @mixin hook-column-misc(){}

package/src/scss/theme/comment.scss

@@ -64,4 +64,4 @@
 // Miscellaneous
 // ========================================================================
 
-// @mixin hook-comment-misc(){}
+// @mixin hook-comment-misc(){}

package/src/scss/theme/container.scss

@@ -11,4 +11,4 @@
 // Miscellaneous
 // ========================================================================
 
-// @mixin hook-container-misc(){}
+// @mixin hook-container-misc(){}

package/src/scss/theme/description-list.scss

@@ -26,4 +26,4 @@
 // Miscellaneous
 // ========================================================================
 
-// @mixin hook-description-list-misc(){}
+// @mixin hook-description-list-misc(){}

package/src/scss/theme/divider.scss

@@ -46,4 +46,4 @@
 
 // @mixin hook-inverse-divider-small(){}
 
-// @mixin hook-inverse-divider-vertical(){}
+// @mixin hook-inverse-divider-vertical(){}

package/src/scss/theme/dotnav.scss

@@ -43,3 +43,4 @@
 
 
 
+

package/src/scss/theme/drop.scss

@@ -11,4 +11,4 @@
 // Miscellaneous
 // ========================================================================
 
-// @mixin hook-drop-misc(){}
+// @mixin hook-drop-misc(){}

package/src/scss/theme/dropbar.scss

@@ -35,4 +35,4 @@
 // Miscellaneous
 // ========================================================================
 
-// @mixin hook-dropbar-misc(){}
+// @mixin hook-dropbar-misc(){}

package/src/scss/theme/dropdown.scss

@@ -50,4 +50,4 @@
 // Miscellaneous
 // ========================================================================
 
-// @mixin hook-dropdown-misc(){}
+// @mixin hook-dropdown-misc(){}

package/src/scss/theme/form-range.scss

@@ -38,4 +38,4 @@
 // Miscellaneous
 // ========================================================================
 
-// @mixin hook-form-range-misc(){}
+// @mixin hook-form-range-misc(){}

package/src/scss/theme/height.scss

@@ -11,4 +11,4 @@
 // Miscellaneous
 // ========================================================================
 
-// @mixin hook-height-misc(){}
+// @mixin hook-height-misc(){}

package/src/scss/theme/icon.scss

@@ -47,4 +47,4 @@
 
 // @mixin hook-inverse-icon-button(){}
 // @mixin hook-inverse-icon-button-hover(){}
-// @mixin hook-inverse-icon-button-active(){}
+// @mixin hook-inverse-icon-button-active(){}

package/src/scss/theme/iconnav.scss

@@ -36,4 +36,4 @@
 
 // @mixin hook-inverse-iconnav-item(){}
 // @mixin hook-inverse-iconnav-item-hover(){}
-// @mixin hook-inverse-iconnav-item-active(){}
+// @mixin hook-inverse-iconnav-item-active(){}

package/src/scss/theme/inverse.scss

@@ -11,4 +11,4 @@
 // Component
 // ========================================================================
 
-// @mixin hook-inverse(){}
+// @mixin hook-inverse(){}

package/src/scss/theme/label.scss

@@ -38,4 +38,4 @@
 // Inverse
 // ========================================================================
 
-// @mixin hook-inverse-label(){}
+// @mixin hook-inverse-label(){}

package/src/scss/theme/leader.scss

@@ -23,4 +23,4 @@
 // Inverse
 // ========================================================================
 
-// @mixin hook-inverse-leader(){}
+// @mixin hook-inverse-leader(){}