uikit 3.8.1 → 3.9.2-dev.774931570

package/src/scss/components/comment.scss

@@ -157,4 +157,4 @@ $comment-list-padding-left-m:                    100px !default;
 // @mixin hook-comment-list-sub(){}
 // @mixin hook-comment-list-sub-adjacent(){}
 // @mixin hook-comment-primary(){}
-// @mixin hook-comment-misc(){}
+// @mixin hook-comment-misc(){}

package/src/scss/components/container.scss

@@ -182,4 +182,4 @@ $container-padding-horizontal-m:         $global-medium-gutter !default;
 
 @if(mixin-exists(hook-container-misc)) {@include hook-container-misc();}
 
-// @mixin hook-container-misc(){}
+// @mixin hook-container-misc(){}

package/src/scss/components/cover.scss

@@ -59,4 +59,4 @@ iframe.uk-cover { pointer-events: none; }
 
 @if(mixin-exists(hook-cover-misc)) {@include hook-cover-misc();}
 
-// @mixin hook-cover-misc(){}
+// @mixin hook-cover-misc(){}

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

@@ -68,4 +68,4 @@ $description-list-divider-term-border:           $global-border !default;
 // @mixin hook-description-list-term(){}
 // @mixin hook-description-list-description(){}
 // @mixin hook-description-list-divider-term(){}
-// @mixin hook-description-list-misc(){}
+// @mixin hook-description-list-misc(){}

package/src/scss/components/dotnav.scss

@@ -152,4 +152,4 @@ $inverse-dotnav-item-active-background:         rgba($inverse-global-color, 0.9)
 // @mixin hook-inverse-dotnav-item(){}
 // @mixin hook-inverse-dotnav-item-hover(){}
 // @mixin hook-inverse-dotnav-item-onclick(){}
-// @mixin hook-inverse-dotnav-item-active(){}
+// @mixin hook-inverse-dotnav-item-active(){}

package/src/scss/components/flex.scss

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

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

@@ -83,7 +83,7 @@ $form-range-track-focus-background:              darken($form-range-track-backgr
 .uk-range::-webkit-slider-thumb {
     /* 1 */
     -webkit-appearance: none;
-    margin-top: (floor($form-range-thumb-height / 2) * -1);
+    margin-top: (floor(($form-range-thumb-height / 2)) * -1);
     /* 2 */
     height: $form-range-thumb-height;
     width: $form-range-thumb-width;

package/src/scss/components/grid.scss

@@ -404,4 +404,4 @@ $inverse-grid-divider-border:                   $inverse-global-border !default;
 
 
 // @mixin hook-inverse-grid-divider-horizontal(){}
-// @mixin hook-inverse-grid-divider-vertical(){}
+// @mixin hook-inverse-grid-divider-vertical(){}

package/src/scss/components/iconnav.scss

@@ -143,4 +143,4 @@ $inverse-iconnav-item-active-color:         $inverse-global-color !default;
 
 // @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/components/inverse.scss

@@ -43,4 +43,4 @@ $inverse-global-border:                          rgba($global-inverse-color, 0.2
 // Hooks
 // ========================================================================
 
-// @mixin hook-inverse(){}
+// @mixin hook-inverse(){}

package/src/scss/components/label.scss

@@ -99,4 +99,4 @@ $inverse-label-color:                           $inverse-global-inverse-color !d
 
 
 
-// @mixin hook-inverse-label(){}
+// @mixin hook-inverse-label(){}

package/src/scss/components/leader.scss

@@ -50,7 +50,7 @@ $leader-fill-margin-left:                        $global-small-gutter !default;
  */
 
 .uk-leader-fill-content::before { content: '#{$leader-fill-content}'; }
-:root { --uk-leader-fill-content: #{$leader-fill-content}; }
+:root { --uk-leader-fill-content: '#{$leader-fill-content}'; }
 
 
 // Hooks

package/src/scss/components/margin.scss

@@ -198,12 +198,12 @@ $margin-xlarge-margin-l:                                $global-xlarge-margin !d
  .uk-margin-remove-bottom { margin-bottom: 0 !important; }
  .uk-margin-remove-left { margin-left: 0 !important; }
  .uk-margin-remove-right { margin-right: 0 !important; }
- 
+
  .uk-margin-remove-vertical {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
  }
- 
+
  .uk-margin-remove-adjacent + *,
  .uk-margin-remove-first-child > :first-child { margin-top: 0 !important; }
  .uk-margin-remove-last-child > :last-child { margin-bottom: 0 !important; }

package/src/scss/components/nav.scss

@@ -393,4 +393,4 @@ $inverse-nav-dividers-border:                    $inverse-global-border !default
 // @mixin hook-inverse-nav-primary-item-active(){}
 // @mixin hook-inverse-nav-primary-header(){}
 // @mixin hook-inverse-nav-primary-divider(){}
-// @mixin hook-inverse-nav-dividers(){}
+// @mixin hook-inverse-nav-dividers(){}

package/src/scss/components/placeholder.scss

@@ -42,4 +42,4 @@ $placeholder-background:                         $global-muted-background !defau
 @if(mixin-exists(hook-placeholder-misc)) {@include hook-placeholder-misc();}
 
 // @mixin hook-placeholder(){}
-// @mixin hook-placeholder-misc(){}
+// @mixin hook-placeholder-misc(){}

package/src/scss/components/section.scss

@@ -209,4 +209,4 @@ $section-secondary-color-mode:                     light !default;
 // @mixin hook-section-secondary(){}
 // @mixin hook-section-primary(){}
 // @mixin hook-section-overlap(){}
-// @mixin hook-section-misc(){}
+// @mixin hook-section-misc(){}

package/src/scss/components/spinner.scss

@@ -11,7 +11,7 @@
 
 $spinner-size:                                   30px !default;
 $spinner-stroke-width:                           1 !default;
-$spinner-radius:                                 floor(($spinner-size - $spinner-stroke-width) / 2) !default; // Minus stroke width to prevent overflow clipping
+$spinner-radius:                                 floor((($spinner-size - $spinner-stroke-width) / 2)) !default; // Minus stroke width to prevent overflow clipping
 $spinner-circumference:                          round(2 * 3.141 * $spinner-radius) !default;
 $spinner-duration:                               1.4s !default;
 
@@ -55,7 +55,7 @@ $spinner-duration:                               1.4s !default;
 @keyframes uk-spinner-dash {
     0% { stroke-dashoffset: $spinner-circumference; }
     50% {
-        stroke-dashoffset: $spinner-circumference/4;
+        stroke-dashoffset: ($spinner-circumference / 4);
         transform:rotate(135deg);
     }
     100% {

package/src/scss/components/subnav.scss

@@ -122,7 +122,7 @@ $subnav-item-disabled-color:                     $global-muted-color !default;
  ========================================================================== */
 
 /*
- * Set gutter 
+ * Set gutter
  */
 
 .uk-subnav-divider { margin-left: -(($subnav-divider-margin-horizontal * 2) + $subnav-divider-border-width); }

package/src/scss/components/switcher.scss

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

package/src/scss/components/tab.scss

@@ -193,4 +193,4 @@ $inverse-tab-item-disabled-color:               $inverse-global-muted-color !def
 // @mixin hook-inverse-tab-item(){}
 // @mixin hook-inverse-tab-item-hover(){}
 // @mixin hook-inverse-tab-item-active(){}
-// @mixin hook-inverse-tab-item-disabled(){}
+// @mixin hook-inverse-tab-item-disabled(){}

package/src/scss/components/table.scss

@@ -261,11 +261,11 @@ $table-expand-min-width:                         150px !default;
 
     .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 / 3) !important; }
+    .uk-table-responsive .uk-table-link:not(:first-child) > a { padding-top: round(($table-cell-padding-vertical / 3)) !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 / 3) !important; }
+    .uk-table-responsive .uk-table-link:not(:last-child) > a { padding-bottom: round(($table-cell-padding-vertical / 3)) !important; }
 
     .uk-table-justify.uk-table-responsive th,
     .uk-table-justify.uk-table-responsive td {
@@ -312,4 +312,4 @@ $inverse-table-hover-row-background:                     $inverse-table-row-acti
 // @mixin hook-inverse-table-row-active(){}
 // @mixin hook-inverse-table-divider(){}
 // @mixin hook-inverse-table-striped(){}
-// @mixin hook-inverse-table-hover(){}
+// @mixin hook-inverse-table-hover(){}

package/src/scss/components/text.scss

@@ -84,14 +84,14 @@ $text-background-color:                          $global-primary-background !def
 .uk-text-light { font-weight: 300; }
 .uk-text-normal { font-weight: 400; }
 .uk-text-bold { font-weight: 700; }
- 
+
 .uk-text-lighter { font-weight: lighter; }
 .uk-text-bolder { font-weight: bolder; }
 
- 
+
 /* Style modifier
  ========================================================================== */
- 
+
 .uk-text-italic { font-style: italic; }
 
 

package/src/scss/components/thumbnav.scss

@@ -116,4 +116,4 @@ $thumbnav-margin-vertical:                       $thumbnav-margin-horizontal !de
 
 // @mixin hook-inverse-thumbnav-item(){}
 // @mixin hook-inverse-thumbnav-item-hover(){}
-// @mixin hook-inverse-thumbnav-item-active(){}
+// @mixin hook-inverse-thumbnav-item-active(){}

package/src/scss/components/transition.scss

@@ -124,14 +124,14 @@ $transition-slow-duration:                       0.7s !default;
 .uk-transition-slide-left { --uk-translate-x: -100%; }
 .uk-transition-slide-right { --uk-translate-x: 100%; }
 
-.uk-transition-slide-top-small { --uk-translate-y: (-$transition-slide-small-translate); }
+.uk-transition-slide-top-small { --uk-translate-y: calc(-1 * #{$transition-slide-small-translate}); }
 .uk-transition-slide-bottom-small { --uk-translate-y: #{$transition-slide-small-translate}; }
-.uk-transition-slide-left-small { --uk-translate-x: (-$transition-slide-small-translate); }
+.uk-transition-slide-left-small { --uk-translate-x: calc(-1 * #{$transition-slide-small-translate}); }
 .uk-transition-slide-right-small { --uk-translate-x: #{$transition-slide-small-translate}; }
 
-.uk-transition-slide-top-medium { --uk-translate-y: (-$transition-slide-medium-translate); }
+.uk-transition-slide-top-medium { --uk-translate-y: calc(-1 * #{$transition-slide-medium-translate}); }
 .uk-transition-slide-bottom-medium { --uk-translate-y: #{$transition-slide-medium-translate}; }
-.uk-transition-slide-left-medium { --uk-translate-x: (-$transition-slide-medium-translate); }
+.uk-transition-slide-left-medium { --uk-translate-x: calc(-1 * #{$transition-slide-medium-translate}); }
 .uk-transition-slide-right-medium { --uk-translate-x: #{$transition-slide-medium-translate}; }
 
 /* Show */

package/src/scss/components/utility.scss

@@ -287,7 +287,7 @@ $dragover-box-shadow:                            0 0 20px rgba(100,100,100,0.3)
  */
 
 @supports (filter: blur(0)) {
- 
+
     .uk-box-shadow-bottom {
         display: inline-block;
         position: relative;

package/src/scss/mixins-theme.scss

@@ -1227,7 +1227,7 @@
         background-color: $inverse-search-default-background;
         @if(mixin-exists(hook-inverse-search-default-input)) {@include hook-inverse-search-default-input();}
     }
-    
+
     .uk-search-default .uk-search-input:focus {
         background-color: $inverse-search-default-focus-background;
         @if(mixin-exists(hook-inverse-search-default-input-focus)) {@include hook-inverse-search-default-input-focus();}

package/src/scss/mixins.scss

@@ -981,7 +981,7 @@
         background-color: $inverse-search-default-background;
         @if(mixin-exists(hook-inverse-search-default-input)) {@include hook-inverse-search-default-input();}
     }
-    
+
     .uk-search-default .uk-search-input:focus {
         background-color: $inverse-search-default-focus-background;
         @if(mixin-exists(hook-inverse-search-default-input-focus)) {@include hook-inverse-search-default-input-focus();}

package/src/scss/variables-theme.scss

@@ -247,13 +247,13 @@ $card-body-padding-vertical: $global-gutter !default;
 $card-body-padding-horizontal-l: $global-medium-gutter !default;
 $card-body-padding-vertical-l: $global-medium-gutter !default;
 $card-header-padding-horizontal: $global-gutter !default;
-$card-header-padding-vertical: round($global-gutter / 2) !default;
+$card-header-padding-vertical: round(($global-gutter / 2)) !default;
 $card-header-padding-horizontal-l: $global-medium-gutter !default;
-$card-header-padding-vertical-l: round($global-medium-gutter / 2) !default;
+$card-header-padding-vertical-l: round(($global-medium-gutter / 2)) !default;
 $card-footer-padding-horizontal: $global-gutter !default;
 $card-footer-padding-vertical: ($global-gutter / 2) !default;
 $card-footer-padding-horizontal-l: $global-medium-gutter !default;
-$card-footer-padding-vertical-l: round($global-medium-gutter / 2) !default;
+$card-footer-padding-vertical-l: round(($global-medium-gutter / 2)) !default;
 $card-title-font-size: $global-large-font-size !default;
 $card-title-line-height: 1.4 !default;
 $card-badge-top: 15px !default;
@@ -281,16 +281,16 @@ $card-secondary-color-mode: light !default;
 $card-small-body-padding-horizontal: $global-margin !default;
 $card-small-body-padding-vertical: $global-margin !default;
 $card-small-header-padding-horizontal: $global-margin !default;
-$card-small-header-padding-vertical: round($global-margin / 1.5) !default;
+$card-small-header-padding-vertical: round(($global-margin / 1.5)) !default;
 $card-small-footer-padding-horizontal: $global-margin !default;
-$card-small-footer-padding-vertical: round($global-margin / 1.5) !default;
+$card-small-footer-padding-vertical: round(($global-margin / 1.5)) !default;
 $global-large-gutter: 70px !default;
 $card-large-body-padding-horizontal-l: $global-large-gutter !default;
 $card-large-body-padding-vertical-l: $global-large-gutter !default;
 $card-large-header-padding-horizontal-l: $global-large-gutter !default;
-$card-large-header-padding-vertical-l: round($global-large-gutter / 2) !default;
+$card-large-header-padding-vertical-l: round(($global-large-gutter / 2)) !default;
 $card-large-footer-padding-horizontal-l: $global-large-gutter !default;
-$card-large-footer-padding-vertical-l: round($global-large-gutter / 2) !default;
+$card-large-footer-padding-vertical-l: round(($global-large-gutter / 2)) !default;
 $inverse-card-badge-background: $inverse-global-primary-background !default;
 $inverse-card-badge-color: $inverse-global-inverse-color !default;
 $close-color: $global-muted-color !default;
@@ -890,7 +890,7 @@ $sortable-placeholder-opacity: 0 !default;
 $sortable-empty-height: 50px !default;
 $spinner-size: 30px !default;
 $spinner-stroke-width: 1 !default;
-$spinner-radius: floor(($spinner-size - $spinner-stroke-width) / 2) !default;
+$spinner-radius: floor((($spinner-size - $spinner-stroke-width) / 2)) !default;
 $spinner-circumference: round(2 * 3.141 * $spinner-radius) !default;
 $spinner-duration: 1.4s !default;
 $sticky-z-index: $global-z-index - 20 !default;

package/src/scss/variables.scss

@@ -246,13 +246,13 @@ $card-body-padding-vertical: $global-gutter !default;
 $card-body-padding-horizontal-l: $global-medium-gutter !default;
 $card-body-padding-vertical-l: $global-medium-gutter !default;
 $card-header-padding-horizontal: $global-gutter !default;
-$card-header-padding-vertical: round($global-gutter / 2) !default;
+$card-header-padding-vertical: round(($global-gutter / 2)) !default;
 $card-header-padding-horizontal-l: $global-medium-gutter !default;
-$card-header-padding-vertical-l: round($global-medium-gutter / 2) !default;
+$card-header-padding-vertical-l: round(($global-medium-gutter / 2)) !default;
 $card-footer-padding-horizontal: $global-gutter !default;
 $card-footer-padding-vertical: ($global-gutter / 2) !default;
 $card-footer-padding-horizontal-l: $global-medium-gutter !default;
-$card-footer-padding-vertical-l: round($global-medium-gutter / 2) !default;
+$card-footer-padding-vertical-l: round(($global-medium-gutter / 2)) !default;
 $card-title-font-size: $global-large-font-size !default;
 $card-title-line-height: 1.4 !default;
 $card-badge-top: 15px !default;
@@ -280,16 +280,16 @@ $card-secondary-color-mode: light !default;
 $card-small-body-padding-horizontal: $global-margin !default;
 $card-small-body-padding-vertical: $global-margin !default;
 $card-small-header-padding-horizontal: $global-margin !default;
-$card-small-header-padding-vertical: round($global-margin / 1.5) !default;
+$card-small-header-padding-vertical: round(($global-margin / 1.5)) !default;
 $card-small-footer-padding-horizontal: $global-margin !default;
-$card-small-footer-padding-vertical: round($global-margin / 1.5) !default;
+$card-small-footer-padding-vertical: round(($global-margin / 1.5)) !default;
 $global-large-gutter: 70px !default;
 $card-large-body-padding-horizontal-l: $global-large-gutter !default;
 $card-large-body-padding-vertical-l: $global-large-gutter !default;
 $card-large-header-padding-horizontal-l: $global-large-gutter !default;
-$card-large-header-padding-vertical-l: round($global-large-gutter / 2) !default;
+$card-large-header-padding-vertical-l: round(($global-large-gutter / 2)) !default;
 $card-large-footer-padding-horizontal-l: $global-large-gutter !default;
-$card-large-footer-padding-vertical-l: round($global-large-gutter / 2) !default;
+$card-large-footer-padding-vertical-l: round(($global-large-gutter / 2)) !default;
 $inverse-card-badge-background: $inverse-global-primary-background !default;
 $inverse-card-badge-color: $inverse-global-inverse-color !default;
 $close-color: $global-muted-color !default;
@@ -888,7 +888,7 @@ $sortable-placeholder-opacity: 0 !default;
 $sortable-empty-height: 50px !default;
 $spinner-size: 30px !default;
 $spinner-stroke-width: 1 !default;
-$spinner-radius: floor(($spinner-size - $spinner-stroke-width) / 2) !default;
+$spinner-radius: floor((($spinner-size - $spinner-stroke-width) / 2)) !default;
 $spinner-circumference: round(2 * 3.141 * $spinner-radius) !default;
 $spinner-duration: 1.4s !default;
 $sticky-z-index: $global-z-index - 20 !default;

package/tests/js/index.js

@@ -1,4 +1,4 @@
-/* global UIkit */
+/* global UIkit, TESTS */
 import {on} from '../../src/js/util/event';
 import {css} from '../../src/js/util/style';
 import {ucfirst} from '../../src/js/util/lang';
@@ -6,6 +6,7 @@ import {prepend} from '../../src/js/util/dom';
 import {addClass, removeClass} from '../../src/js/util/class';
 import {fastdom} from '../../src/js/util/fastdom';
 
+const tests = TESTS;
 const storage = window.sessionStorage;
 const key = '_uikit_style';
 const keyinverse = '_uikit_inverse';
@@ -61,7 +62,7 @@ on(window, 'load', () => setTimeout(() => fastdom.write(() => {
         <div class="uk-container">
             <select class="uk-select uk-form-width-small" style="margin: 20px 20px 20px 0">
                 <option value="index.html">Overview</option>
-                ${TESTS.map(name => `<option value="${name}.html">${name.split('-').map(ucfirst).join(' ')}</option>`).join('')}
+                ${tests.map(name => `<option value="${name}.html">${name.split('-').map(ucfirst).join(' ')}</option>`).join('')}
             </select>
             <select class="uk-select uk-form-width-small" style="margin: 20px">
                 ${Object.keys(styles).map(style => `<option value="${style}">${ucfirst(style)}</option>`).join('')}

package/build/.eslintrc.js

@@ -1,13 +0,0 @@
-module.exports = {
-    "root": true,
-    "env": {
-        "es6": true,
-        "node": true,
-    },
-    "extends": [
-        "../.eslintrc.js",
-    ],
-    "parserOptions": {
-        "ecmaVersion": 2018
-    }
-};