uikit 3.8.1 → 3.9.2-dev.774931570

package/src/less/components/table.less

@@ -72,7 +72,7 @@
     width: 100%;
     /* 3 */
     margin-bottom: @table-margin-vertical;
-    .hook-table;
+    .hook-table();
 }
 
 /* Add margin if adjacent element */
@@ -94,7 +94,7 @@
     font-size: @table-header-cell-font-size;
     font-weight: @table-header-cell-font-weight;
     color: @table-header-cell-color;
-    .hook-table-header-cell;
+    .hook-table-header-cell();
 }
 
 
@@ -104,7 +104,7 @@
 .uk-table td {
     padding: @table-cell-padding-vertical @table-cell-padding-horizontal;
     vertical-align: top;
-    .hook-table-cell;
+    .hook-table-cell();
 }
 
 /*
@@ -119,7 +119,7 @@
 
 .uk-table tfoot {
     font-size: @table-footer-font-size;
-    .hook-table-footer;
+    .hook-table-footer();
 }
 
 
@@ -130,7 +130,7 @@
     font-size: @table-caption-font-size;
     text-align: left;
     color: @table-caption-color;
-    .hook-table-caption;
+    .hook-table-caption();
 }
 
 
@@ -152,7 +152,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;
-    .hook-table-divider;
+    .hook-table-divider();
 }
 
 /*
@@ -162,7 +162,7 @@
 .uk-table-striped > tr:nth-of-type(odd),
 .uk-table-striped tbody tr:nth-of-type(odd) {
     background: @table-striped-row-background;
-    .hook-table-striped;
+    .hook-table-striped();
 }
 
 /*
@@ -172,7 +172,7 @@
 .uk-table-hover > tr:hover,
 .uk-table-hover tbody tr:hover {
     background: @table-hover-row-background;
-    .hook-table-hover;
+    .hook-table-hover();
 }
 
 
@@ -182,7 +182,7 @@
 .uk-table > tr.uk-active,
 .uk-table tbody tr.uk-active {
     background: @table-row-active-background;
-    .hook-table-row-active;
+    .hook-table-row-active();
 }
 
 /* Size modifier
@@ -191,13 +191,13 @@
 .uk-table-small th,
 .uk-table-small td {
     padding: @table-small-cell-padding-vertical @table-small-cell-padding-horizontal;
-    .hook-table-small;
+    .hook-table-small();
 }
 
 .uk-table-large th,
 .uk-table-large td {
     padding: @table-large-cell-padding-vertical @table-large-cell-padding-horizontal;
-    .hook-table-large;
+    .hook-table-large();
 }
 
 
@@ -261,11 +261,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 / 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 {
@@ -279,7 +279,7 @@
 // Hooks
 // ========================================================================
 
-.hook-table-misc;
+.hook-table-misc();
 
 .hook-table() {}
 .hook-table-header-cell() {}
@@ -309,37 +309,37 @@
 
     .uk-table th {
         color: @inverse-table-header-cell-color;
-        .hook-inverse-table-header-cell;
+        .hook-inverse-table-header-cell();
     }
 
     .uk-table caption {
         color: @inverse-table-caption-color;
-        .hook-inverse-table-caption;
+        .hook-inverse-table-caption();
     }
 
     .uk-table > tr.uk-active,
     .uk-table tbody tr.uk-active {
         background: @inverse-table-row-active-background;
-        .hook-inverse-table-row-active;
+        .hook-inverse-table-row-active();
     }
 
     .uk-table-divider > tr:not(:first-child),
     .uk-table-divider > :not(:first-child) > tr,
     .uk-table-divider > :first-child > tr:not(:first-child) {
         border-top-color: @inverse-table-divider-border;
-        .hook-inverse-table-divider;
+        .hook-inverse-table-divider();
     }
 
     .uk-table-striped > tr:nth-of-type(odd),
     .uk-table-striped tbody tr:nth-of-type(odd) {
         background: @inverse-table-striped-row-background;
-        .hook-inverse-table-striped;
+        .hook-inverse-table-striped();
     }
 
     .uk-table-hover > tr:hover,
     .uk-table-hover tbody tr:hover {
         background: @inverse-table-hover-row-background;
-        .hook-inverse-table-hover;
+        .hook-inverse-table-hover();
     }
 
 }
@@ -349,4 +349,4 @@
 .hook-inverse-table-row-active() {}
 .hook-inverse-table-divider() {}
 .hook-inverse-table-striped() {}
-.hook-inverse-table-hover() {}
+.hook-inverse-table-hover() {}

package/src/less/components/text.less

@@ -46,14 +46,14 @@
     font-size: @text-lead-font-size;
     line-height: @text-lead-line-height;
     color: @text-lead-color;
-    .hook-text-lead;
+    .hook-text-lead();
 }
 
 .uk-text-meta {
     font-size: @text-meta-font-size;
     line-height: @text-meta-line-height;
     color: @text-meta-color;
-    .hook-text-meta;
+    .hook-text-meta();
 }
 
 
@@ -63,13 +63,13 @@
 .uk-text-small {
     font-size: @text-small-font-size;
     line-height: @text-small-line-height;
-    .hook-text-small;
+    .hook-text-small();
 }
 
 .uk-text-large {
     font-size: @text-large-font-size;
     line-height: @text-large-line-height;
-    .hook-text-large;
+    .hook-text-large();
 }
 
 .uk-text-default {
@@ -84,14 +84,14 @@
 .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; }
 
 
@@ -145,7 +145,7 @@
     .uk-text-background {
         background-color: @text-background-color;
         color: transparent !important;
-        .hook-text-background;
+        .hook-text-background();
     }
 
 }
@@ -258,7 +258,7 @@ td.uk-text-break { word-break: break-all; }
 // Hooks
 // ========================================================================
 
-.hook-text-misc;
+.hook-text-misc();
 
 .hook-text-lead() {}
 .hook-text-meta() {}
@@ -282,12 +282,12 @@ td.uk-text-break { word-break: break-all; }
 
     .uk-text-lead {
         color: @inverse-text-lead-color;
-        .hook-inverse-text-lead;
+        .hook-inverse-text-lead();
     }
 
     .uk-text-meta {
         color: @inverse-text-meta-color;
-        .hook-inverse-text-meta;
+        .hook-inverse-text-meta();
     }
 
     .uk-text-muted { color: @inverse-text-muted-color !important; }

package/src/less/components/thumbnav.less

@@ -37,7 +37,7 @@
     list-style: none;
     /* 3 */
     margin-left: -@thumbnav-margin-horizontal;
-    .hook-thumbnav;
+    .hook-thumbnav();
 }
 
 /*
@@ -60,17 +60,17 @@
 
 .uk-thumbnav > * > * {
     display: inline-block;
-    .hook-thumbnav-item;
+    .hook-thumbnav-item();
 }
 
 /* Hover */
 .uk-thumbnav > * > :hover {
-    .hook-thumbnav-item-hover;
+    .hook-thumbnav-item-hover();
 }
 
 /* Active */
 .uk-thumbnav > .uk-active > * {
-    .hook-thumbnav-item-active;
+    .hook-thumbnav-item-active();
 }
 
 
@@ -100,7 +100,7 @@
 // Hooks
 // ========================================================================
 
-.hook-thumbnav-misc;
+.hook-thumbnav-misc();
 
 .hook-thumbnav() {}
 .hook-thumbnav-item() {}
@@ -115,19 +115,19 @@
 .hook-inverse() {
 
     .uk-thumbnav > * > * {
-        .hook-inverse-thumbnav-item;
+        .hook-inverse-thumbnav-item();
     }
 
     .uk-thumbnav > * > :hover {
-        .hook-inverse-thumbnav-item-hover;
+        .hook-inverse-thumbnav-item-hover();
     }
 
     .uk-thumbnav > .uk-active > * {
-        .hook-inverse-thumbnav-item-active;
+        .hook-inverse-thumbnav-item-active();
     }
 
 }
 
 .hook-inverse-thumbnav-item() {}
 .hook-inverse-thumbnav-item-hover() {}
-.hook-inverse-thumbnav-item-active() {}
+.hook-inverse-thumbnav-item-active() {}

package/src/less/components/tile.less

@@ -59,7 +59,7 @@
     padding-right: @tile-padding-horizontal;
     padding-top: @tile-padding-vertical;
     padding-bottom: @tile-padding-vertical;
-    .hook-tile;
+    .hook-tile();
 }
 
 /* Phone landscape and bigger */
@@ -161,11 +161,11 @@
 
 .uk-tile-default {
     background-color: @tile-default-background;
-    .hook-tile-default;
+    .hook-tile-default();
 }
 
 .uk-tile-default.uk-tile-hover:hover {
-    .hook-tile-default-hover;
+    .hook-tile-default-hover();
 }
 
 /*
@@ -174,11 +174,11 @@
 
 .uk-tile-muted {
     background-color: @tile-muted-background;
-    .hook-tile-muted;
+    .hook-tile-muted();
 }
 
 .uk-tile-muted.uk-tile-hover:hover {
-    .hook-tile-muted-hover;
+    .hook-tile-muted-hover();
 }
 
 /*
@@ -187,11 +187,11 @@
 
 .uk-tile-primary {
     background-color: @tile-primary-background;
-    .hook-tile-primary;
+    .hook-tile-primary();
 }
 
 .uk-tile-primary.uk-tile-hover:hover {
-    .hook-tile-primary-hover;
+    .hook-tile-primary-hover();
 }
 
 // Color Mode
@@ -204,11 +204,11 @@
 
 .uk-tile-secondary {
     background-color: @tile-secondary-background;
-    .hook-tile-secondary;
+    .hook-tile-secondary();
 }
 
 .uk-tile-secondary.uk-tile-hover:hover {
-    .hook-tile-secondary-hover;
+    .hook-tile-secondary-hover();
 }
 
 // Color Mode
@@ -219,7 +219,7 @@
 // Hooks
 // ========================================================================
 
-.hook-tile-misc;
+.hook-tile-misc();
 
 .hook-tile() {}
 .hook-tile-default() {}

package/src/less/components/tooltip.less

@@ -61,7 +61,7 @@
     border-radius: @tooltip-border-radius;
     color: @tooltip-color;
     font-size: @tooltip-font-size;
-    .hook-tooltip;
+    .hook-tooltip();
 }
 
 /* Show */
@@ -81,7 +81,7 @@
 // Hooks
 // ========================================================================
 
-.hook-tooltip-misc;
+.hook-tooltip-misc();
 
 .hook-tooltip() {}
 .hook-tooltip-misc() {}

package/src/less/components/totop.less

@@ -28,26 +28,26 @@
 .uk-totop {
     padding: @totop-padding;
     color: @totop-color;
-    .hook-totop;
+    .hook-totop();
 }
 
 /* Hover */
 .uk-totop:hover {
     color: @totop-hover-color;
-    .hook-totop-hover;
+    .hook-totop-hover();
 }
 
 /* OnClick */
 .uk-totop:active {
     color: @totop-active-color;
-    .hook-totop-active;
+    .hook-totop-active();
 }
 
 
 // Hooks
 // ========================================================================
 
-.hook-totop-misc;
+.hook-totop-misc();
 
 .hook-totop() {}
 .hook-totop-hover() {}
@@ -66,17 +66,17 @@
 
     .uk-totop {
         color: @inverse-totop-color;
-        .hook-inverse-totop;
+        .hook-inverse-totop();
     }
 
     .uk-totop:hover {
         color: @inverse-totop-hover-color;
-        .hook-inverse-totop-hover;
+        .hook-inverse-totop-hover();
     }
 
     .uk-totop:active {
         color: @inverse-totop-active-color;
-        .hook-inverse-totop-active;
+        .hook-inverse-totop-active();
     }
 
 }

package/src/less/components/transition.less

@@ -124,14 +124,14 @@
 .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 */
@@ -160,6 +160,6 @@
 // Hooks
 // ========================================================================
 
-.hook-transition-misc;
+.hook-transition-misc();
 
 .hook-transition-misc() {}

package/src/less/components/utility.less

@@ -87,7 +87,7 @@
     overflow: auto;
     -webkit-overflow-scrolling: touch;
     resize: both;
-    .hook-panel-scrollable;
+    .hook-panel-scrollable();
 }
 
 
@@ -287,7 +287,7 @@
  */
 
 @supports (filter: blur(0)) {
- 
+
     .uk-box-shadow-bottom {
         display: inline-block;
         position: relative;
@@ -311,7 +311,7 @@
         filter: blur(@box-shadow-bottom-blur);
         /* 3 */
         will-change: filter;
-        .hook-box-shadow-bottom;
+        .hook-box-shadow-bottom();
     }
 
 }
@@ -337,7 +337,7 @@
     float: left;
     font-size: @dropcap-font-size;
     line-height: 1;
-    .hook-dropcap;
+    .hook-dropcap();
 }
 
 /* 2 */
@@ -369,7 +369,7 @@
     color: @logo-color;
     /* 1 */
     text-decoration: none;
-    .hook-logo;
+    .hook-logo();
 }
 
 /* Hover */
@@ -377,7 +377,7 @@
     color: @logo-hover-color;
     /* 1 */
     text-decoration: none;
-    .hook-logo-hover;
+    .hook-logo-hover();
 }
 
 .uk-logo-inverse { display: none; }
@@ -457,7 +457,7 @@
 // Hooks
 // ========================================================================
 
-.hook-utility-misc;
+.hook-utility-misc();
 
 .hook-panel-scrollable() {}
 .hook-box-shadow-bottom() {}
@@ -477,17 +477,17 @@
 
     .uk-dropcap::first-letter,
     .uk-dropcap p:first-of-type::first-letter {
-        .hook-inverse-dropcap;
+        .hook-inverse-dropcap();
     }
 
     .uk-logo {
         color: @inverse-logo-color;
-        .hook-inverse-logo;
+        .hook-inverse-logo();
     }
 
     .uk-logo:hover {
         color: @inverse-logo-hover-color;
-        .hook-inverse-logo-hover;
+        .hook-inverse-logo-hover();
     }
 
     .uk-logo > :not(.uk-logo-inverse):not(:only-of-type) { display: none; }

package/src/less/components/visibility.less

@@ -141,6 +141,6 @@
 // Hooks
 // ========================================================================
 
-.hook-visibility-misc;
+.hook-visibility-misc();
 
 .hook-visibility-misc() {}

package/src/less/components/width.less

@@ -364,6 +364,6 @@
 // Hooks
 // ========================================================================
 
-.hook-width-misc;
+.hook-width-misc();
 
 .hook-width-misc() {}

package/src/scss/components/accordion.scss

@@ -102,4 +102,4 @@ $inverse-accordion-title-hover-color:        $inverse-global-color !default;
 
 // @mixin hook-inverse-accordion-item(){}
 // @mixin hook-inverse-accordion-title(){}
-// @mixin hook-inverse-accordion-title-hover(){}
+// @mixin hook-inverse-accordion-title-hover(){}

package/src/scss/components/alert.scss

@@ -143,4 +143,4 @@ $alert-danger-color:                             $global-danger-background !defa
 // @mixin hook-alert-success(){}
 // @mixin hook-alert-warning(){}
 // @mixin hook-alert-danger(){}
-// @mixin hook-alert-misc(){}
+// @mixin hook-alert-misc(){}

package/src/scss/components/align.scss

@@ -139,4 +139,4 @@ $align-margin-horizontal-l:                      $global-medium-gutter !default;
 
 @if(mixin-exists(hook-align-misc)) {@include hook-align-misc();}
 
-// @mixin hook-align-misc(){}
+// @mixin hook-align-misc(){}

package/src/scss/components/animation.scss

@@ -84,7 +84,7 @@ $animation-slide-medium-translate:               50px !default;
 /*
  * Slide Medium
  */
- 
+
 .uk-animation-slide-top-medium { animation-name: uk-fade, uk-slide-top-medium; }
 .uk-animation-slide-bottom-medium { animation-name: uk-fade, uk-slide-bottom-medium; }
 .uk-animation-slide-left-medium { animation-name: uk-fade, uk-slide-left-medium; }

package/src/scss/components/article.scss

@@ -96,4 +96,4 @@ $inverse-article-meta-color:                    $inverse-global-muted-color !def
 
 
 // @mixin hook-inverse-article-title(){}
-// @mixin hook-inverse-article-meta(){}
+// @mixin hook-inverse-article-meta(){}

package/src/scss/components/badge.scss

@@ -75,4 +75,4 @@ $inverse-badge-color:                           $inverse-global-inverse-color !d
 
 
 // @mixin hook-inverse-badge(){}
-// @mixin hook-inverse-badge-hover(){}
+// @mixin hook-inverse-badge-hover(){}

package/src/scss/components/base.scss

@@ -523,7 +523,7 @@ pre code { font-family: $base-pre-font-family; }
  ========================================================================== */
 
 /*
- * Safari doesn't support `:focus-visible` yet. It also doesn't set focus if clicking a button or anchor. 
+ * Safari doesn't support `:focus-visible` yet. It also doesn't set focus if clicking a button or anchor.
  * 1. Fallback: Remove `:focus` for a negative tabindexes.
  * 2. Fallback: Set `:focus` style but not for negative tabindexes.
  * 3. Fallback: Remove `:focus` style for browsers which support `:focus-visible`.

package/src/scss/components/card.scss

@@ -32,16 +32,16 @@ $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;
@@ -76,16 +76,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;
 
 $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;
 
 
 /* ========================================================================

package/src/scss/components/column.scss

@@ -136,3 +136,4 @@ $column-divider-rule-width:                      1px !default;
 
 $inverse-column-divider-rule-color:                     $inverse-global-border !default;
 
+