uikit 3.8.1-dev.3a43322ca → 3.9.1

package/src/less/components/countdown.less

@@ -29,7 +29,7 @@
  ========================================================================== */
 
 .uk-countdown {
-    .hook-countdown;
+    .hook-countdown();
 }
 
 
@@ -38,7 +38,7 @@
 
 .uk-countdown-number,
 .uk-countdown-separator {
-    .hook-countdown-item;
+    .hook-countdown-item();
 }
 
 
@@ -57,7 +57,7 @@
     /* 2 */
     font-size: @countdown-number-font-size;
     line-height: @countdown-number-line-height;
-    .hook-countdown-number;
+    .hook-countdown-number();
 }
 
 /* Phone landscape and bigger */
@@ -81,7 +81,7 @@
 .uk-countdown-separator {
     font-size: @countdown-separator-font-size;
     line-height: @countdown-separator-line-height;
-    .hook-countdown-separator;
+    .hook-countdown-separator();
 }
 
 /* Phone landscape and bigger */
@@ -103,14 +103,14 @@
  ========================================================================== */
 
 .uk-countdown-label {
-    .hook-countdown-label;
+    .hook-countdown-label();
 }
 
 
 // Hooks
 // ========================================================================
 
-.hook-countdown-misc;
+.hook-countdown-misc();
 
 .hook-countdown() {}
 .hook-countdown-item() {}
@@ -127,19 +127,19 @@
 
     .uk-countdown-number,
     .uk-countdown-separator {
-        .hook-inverse-countdown-item;
+        .hook-inverse-countdown-item();
     }
 
     .uk-countdown-number {
-        .hook-inverse-countdown-number;
+        .hook-inverse-countdown-number();
     }
 
     .uk-countdown-separator {
-        .hook-inverse-countdown-separator;
+        .hook-inverse-countdown-separator();
     }
 
     .uk-countdown-label {
-        .hook-inverse-countdown-label;
+        .hook-inverse-countdown-label();
     }
 
 }

package/src/less/components/cover.less

@@ -57,6 +57,6 @@ iframe.uk-cover { pointer-events: none; }
 // Hooks
 // ========================================================================
 
-.hook-cover-misc;
+.hook-cover-misc();
 
-.hook-cover-misc() {}
+.hook-cover-misc() {}

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

@@ -29,7 +29,7 @@
 
 .uk-description-list > dt {
     color: @description-list-term-color;
-    .hook-description-list-term;
+    .hook-description-list-term();
 }
 
 .uk-description-list > dt:nth-child(n+2) {
@@ -41,7 +41,7 @@
  */
 
 .uk-description-list > dd {
-    .hook-description-list-description;
+    .hook-description-list-description();
 }
 
 
@@ -56,16 +56,16 @@
     margin-top: @description-list-divider-term-margin-top;
     padding-top: @description-list-divider-term-margin-top;
     border-top: @description-list-divider-term-border-width solid @description-list-divider-term-border;
-    .hook-description-list-divider-term;
+    .hook-description-list-divider-term();
 }
 
 
 // Hooks
 // ========================================================================
 
-.hook-description-list-misc;
+.hook-description-list-misc();
 
 .hook-description-list-term() {}
 .hook-description-list-description() {}
 .hook-description-list-divider-term() {}
-.hook-description-list-misc() {}
+.hook-description-list-misc() {}

package/src/less/components/divider.less

@@ -61,7 +61,7 @@
     .svg-fill(@internal-divider-icon-image, "#000", @divider-icon-color);
     background-repeat: no-repeat;
     background-position: 50% 50%;
-    .hook-divider-icon;
+    .hook-divider-icon();
 }
 
 .uk-divider-icon::before,
@@ -71,19 +71,19 @@
     top: @divider-icon-line-top;
     max-width: ~'calc(50% - (@{divider-icon-width} / 2))';
     border-bottom: @divider-icon-line-border-width solid @divider-icon-line-border;
-    .hook-divider-icon-line;
+    .hook-divider-icon-line();
 }
 
 .uk-divider-icon::before {
     right: ~'calc(50% + (@{divider-icon-width} / 2))';
     width: @divider-icon-line-width;
-    .hook-divider-icon-line-left;
+    .hook-divider-icon-line-left();
 }
 
 .uk-divider-icon::after {
     left: ~'calc(50% + (@{divider-icon-width} / 2))';
     width: @divider-icon-line-width;
-    .hook-divider-icon-line-right;
+    .hook-divider-icon-line-right();
 }
 
 
@@ -106,7 +106,7 @@
     max-width: 100%;
     border-top: @divider-small-border-width solid @divider-small-border;
     vertical-align: top;
-    .hook-divider-small;
+    .hook-divider-small();
 }
 
 
@@ -119,14 +119,14 @@
     margin-left: auto;
     margin-right: auto;
     border-left: @divider-vertical-border-width solid @divider-vertical-border;
-    .hook-divider-vertical;
+    .hook-divider-vertical();
 }
 
 
 // Hooks
 // ========================================================================
 
-.hook-divider-misc;
+.hook-divider-misc();
 
 .hook-divider-icon() {}
 .hook-divider-icon-line() {}
@@ -149,23 +149,23 @@
 
     .uk-divider-icon {
         .svg-fill(@internal-divider-icon-image, "#000", @inverse-divider-icon-color);
-        .hook-inverse-divider-icon;
+        .hook-inverse-divider-icon();
     }
 
     .uk-divider-icon::before,
     .uk-divider-icon::after {
         border-bottom-color: @inverse-divider-icon-line-border;
-        .hook-inverse-divider-icon-line;
+        .hook-inverse-divider-icon-line();
     }
 
     .uk-divider-small::after {
         border-top-color: @inverse-divider-small-border;
-        .hook-inverse-divider-small;
+        .hook-inverse-divider-small();
     }
 
     .uk-divider-vertical {
         border-left-color: @inverse-divider-vertical-border;
-        .hook-inverse-divider-vertical;
+        .hook-inverse-divider-vertical();
     }
 
 }

package/src/less/components/dotnav.less

@@ -46,7 +46,7 @@
     list-style: none;
     /* 3 */
     margin-left: -@dotnav-margin-horizontal;
-    .hook-dotnav;
+    .hook-dotnav();
 }
 
 /*
@@ -81,25 +81,25 @@
     text-indent: 100%;
     overflow: hidden;
     white-space: nowrap;
-    .hook-dotnav-item;
+    .hook-dotnav-item();
 }
 
 /* Hover */
 .uk-dotnav > * > :hover {
     background-color: @dotnav-item-hover-background;
-    .hook-dotnav-item-hover;
+    .hook-dotnav-item-hover();
 }
 
 /* OnClick */
 .uk-dotnav > * > :active {
     background-color: @dotnav-item-onclick-background;
-    .hook-dotnav-item-onclick;
+    .hook-dotnav-item-onclick();
 }
 
 /* Active */
 .uk-dotnav > .uk-active > * {
     background-color: @dotnav-item-active-background;
-    .hook-dotnav-item-active;
+    .hook-dotnav-item-active();
 }
 
 
@@ -129,7 +129,7 @@
 // Hooks
 // ========================================================================
 
-.hook-dotnav-misc;
+.hook-dotnav-misc();
 
 .hook-dotnav() {}
 .hook-dotnav-item() {}
@@ -151,22 +151,22 @@
 
     .uk-dotnav > * > * {
         background-color: @inverse-dotnav-item-background;
-        .hook-inverse-dotnav-item;
+        .hook-inverse-dotnav-item();
     }
 
     .uk-dotnav > * > :hover {
         background-color: @inverse-dotnav-item-hover-background;
-        .hook-inverse-dotnav-item-hover;
+        .hook-inverse-dotnav-item-hover();
     }
 
     .uk-dotnav > * > :active {
         background-color: @inverse-dotnav-item-onclick-background;
-        .hook-inverse-dotnav-item-onclick;
+        .hook-inverse-dotnav-item-onclick();
     }
 
     .uk-dotnav > .uk-active > * {
         background-color: @inverse-dotnav-item-active-background;
-        .hook-inverse-dotnav-item-active;
+        .hook-inverse-dotnav-item-active();
     }
 
 }
@@ -174,4 +174,4 @@
 .hook-inverse-dotnav-item() {}
 .hook-inverse-dotnav-item-hover() {}
 .hook-inverse-dotnav-item-onclick() {}
-.hook-inverse-dotnav-item-active() {}
+.hook-inverse-dotnav-item-active() {}

package/src/less/components/drop.less

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

package/src/less/components/dropdown.less

@@ -60,7 +60,7 @@
     padding: @dropdown-padding;
     background: @dropdown-background;
     color: @dropdown-color;
-    .hook-dropdown;
+    .hook-dropdown();
 }
 
 /* Show */
@@ -73,7 +73,7 @@
 
 .uk-dropdown-nav {
     white-space: nowrap;
-    .hook-dropdown-nav;
+    .hook-dropdown-nav();
 }
 
 /*
@@ -82,14 +82,14 @@
 
 .uk-dropdown-nav > li > a {
     color: @dropdown-nav-item-color;
-    .hook-dropdown-nav-item;
+    .hook-dropdown-nav-item();
 }
 
 /* Hover + Active */
 .uk-dropdown-nav > li > a:hover,
 .uk-dropdown-nav > li.uk-active > a {
     color: @dropdown-nav-item-hover-color;
-    .hook-dropdown-nav-item-hover;
+    .hook-dropdown-nav-item-hover();
 }
 
 /*
@@ -98,7 +98,7 @@
 
 .uk-dropdown-nav .uk-nav-header {
     color: @dropdown-nav-header-color;
-    .hook-dropdown-nav-header;
+    .hook-dropdown-nav-header();
 }
 
 /*
@@ -107,7 +107,7 @@
 
 .uk-dropdown-nav .uk-nav-divider {
     border-top: @dropdown-nav-divider-border-width solid @dropdown-nav-divider-border;
-    .hook-dropdown-nav-divider;
+    .hook-dropdown-nav-divider();
 }
 
 /*
@@ -140,7 +140,7 @@
 // Hooks
 // ========================================================================
 
-.hook-dropdown-misc;
+.hook-dropdown-misc();
 
 .hook-dropdown() {}
 .hook-dropdown-nav() {}

package/src/less/components/flex.less

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

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

@@ -47,7 +47,7 @@
     background: transparent;
     /* 6 */
     padding: 0;
-    .hook-form-range;
+    .hook-form-range();
 }
 
 /* Focus */
@@ -83,13 +83,13 @@
 .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;
     border-radius: @form-range-thumb-border-radius;
     background: @form-range-thumb-background;
-    .hook-form-range-thumb;
+    .hook-form-range-thumb();
 }
 
 /* Firefox */
@@ -101,7 +101,7 @@
     width: @form-range-thumb-width;
     border-radius: @form-range-thumb-border-radius;
     background: @form-range-thumb-background;
-    .hook-form-range-thumb;
+    .hook-form-range-thumb();
 }
 
 /* Edge */
@@ -119,7 +119,7 @@
     width: @form-range-thumb-width;
     border-radius: @form-range-thumb-border-radius;
     background: @form-range-thumb-background;
-    .hook-form-range-thumb;
+    .hook-form-range-thumb();
 }
 
 /* Edge + IE11 */
@@ -137,26 +137,26 @@
 .uk-range::-webkit-slider-runnable-track {
     height: @form-range-track-height;
     background: @form-range-track-background;
-    .hook-form-range-track;
+    .hook-form-range-track();
 }
 
 .uk-range:focus::-webkit-slider-runnable-track,
 /* 1 */
 .uk-range:active::-webkit-slider-runnable-track {
     background: @form-range-track-focus-background;
-    .hook-form-range-track-focus;
+    .hook-form-range-track-focus();
 }
 
 /* Firefox */
 .uk-range::-moz-range-track {
     height: @form-range-track-height;
     background: @form-range-track-background;
-    .hook-form-range-track;
+    .hook-form-range-track();
 }
 
 .uk-range:focus::-moz-range-track {
     background: @form-range-track-focus-background;
-    .hook-form-range-track-focus;
+    .hook-form-range-track-focus();
 }
 
 /* Edge */
@@ -164,20 +164,20 @@
 .uk-range::-ms-fill-upper {
     height: @form-range-track-height;
     background: @form-range-track-background;
-    .hook-form-range-track;
+    .hook-form-range-track();
 }
 
 .uk-range:focus::-ms-fill-lower,
 .uk-range:focus::-ms-fill-upper {
     background: @form-range-track-focus-background;
-    .hook-form-range-track-focus;
+    .hook-form-range-track-focus();
 }
 
 
 // Hooks
 // ========================================================================
 
-.hook-form-range-misc;
+.hook-form-range-misc();
 
 .hook-form-range() {}
 .hook-form-range-thumb() {}

package/src/less/components/form.less

@@ -248,7 +248,7 @@
     padding: 0 @form-padding-horizontal;
     background: @form-background;
     color: @form-color;
-    .hook-form;
+    .hook-form();
 }
 
 /*
@@ -264,7 +264,7 @@
     vertical-align: middle;
     /* 1 */
     display: inline-block;
-    .hook-form-single-line;
+    .hook-form-single-line();
 }
 
 /* 2 */
@@ -281,7 +281,7 @@
     padding-top: @form-padding-vertical;
     padding-bottom: @form-padding-vertical;
     vertical-align: top;
-    .hook-form-multi-line;
+    .hook-form-multi-line();
 }
 
 .uk-select[multiple],
@@ -294,7 +294,7 @@
     outline: none;
     background-color: @form-focus-background;
     color: @form-focus-color;
-    .hook-form-focus;
+    .hook-form-focus();
 }
 
 /* Disabled */
@@ -303,7 +303,7 @@
 .uk-textarea:disabled {
     background-color: @form-disabled-background;
     color: @form-disabled-color;
-    .hook-form-disabled;
+    .hook-form-disabled();
 }
 
 /*
@@ -371,7 +371,7 @@ textarea.uk-form-large,
 .uk-form-danger,
 .uk-form-danger:focus {
     color: @form-danger-color;
-    .hook-form-danger;
+    .hook-form-danger();
 }
 
 /*
@@ -381,7 +381,7 @@ textarea.uk-form-large,
 .uk-form-success,
 .uk-form-success:focus  {
     color: @form-success-color;
-    .hook-form-success;
+    .hook-form-success();
 }
 
 /*
@@ -390,11 +390,11 @@ textarea.uk-form-large,
 
 .uk-form-blank {
     background: none;
-    .hook-form-blank;
+    .hook-form-blank();
 }
 
 .uk-form-blank:focus {
-    .hook-form-blank-focus;
+    .hook-form-blank-focus();
 }
 
 
@@ -503,7 +503,7 @@ select.uk-form-width-xsmall { width: (@form-width-xsmall + 25px); }
     /* 6 */
     background-repeat: no-repeat;
     background-position: 50% 50%;
-    .hook-form-radio;
+    .hook-form-radio();
 }
 
 .uk-radio { border-radius: 50%; }
@@ -513,7 +513,7 @@ select.uk-form-width-xsmall { width: (@form-width-xsmall + 25px); }
 .uk-checkbox:focus {
     background-color: @form-radio-focus-background;
     outline: none;
-    .hook-form-radio-focus;
+    .hook-form-radio-focus();
 }
 
 /*
@@ -524,7 +524,7 @@ select.uk-form-width-xsmall { width: (@form-width-xsmall + 25px); }
 .uk-checkbox:checked,
 .uk-checkbox:indeterminate {
     background-color: @form-radio-checked-background;
-    .hook-form-radio-checked;
+    .hook-form-radio-checked();
 }
 
 /* Focus */
@@ -532,7 +532,7 @@ select.uk-form-width-xsmall { width: (@form-width-xsmall + 25px); }
 .uk-checkbox:checked:focus,
 .uk-checkbox:indeterminate:focus {
     background-color: @form-radio-checked-focus-background;
-    .hook-form-radio-checked-focus;
+    .hook-form-radio-checked-focus();
 }
 
 /*
@@ -550,7 +550,7 @@ select.uk-form-width-xsmall { width: (@form-width-xsmall + 25px); }
 .uk-radio:disabled,
 .uk-checkbox:disabled {
     background-color: @form-radio-disabled-background;
-    .hook-form-radio-disabled;
+    .hook-form-radio-disabled();
 }
 
 .uk-radio:disabled:checked { .svg-fill(@internal-form-radio-image, "#000", @form-radio-disabled-icon-color); }
@@ -579,7 +579,7 @@ select.uk-form-width-xsmall { width: (@form-width-xsmall + 25px); }
     /* 4 */
     font-size: @form-legend-font-size;
     line-height: @form-legend-line-height;
-    .hook-form-legend;
+    .hook-form-legend();
 }
 
 
@@ -642,7 +642,7 @@ select.uk-form-width-xsmall { width: (@form-width-xsmall + 25px); }
  ========================================================================== */
 
 .uk-form-label {
-    .hook-form-label;
+    .hook-form-label();
 }
 
 
@@ -656,7 +656,7 @@ select.uk-form-width-xsmall { width: (@form-width-xsmall + 25px); }
 .uk-form-stacked .uk-form-label {
     display: block;
     margin-bottom: @form-stacked-margin-bottom;
-    .hook-form-stacked-label;
+    .hook-form-stacked-label();
 }
 
 /*
@@ -670,7 +670,7 @@ select.uk-form-width-xsmall { width: (@form-width-xsmall + 25px); }
     .uk-form-horizontal .uk-form-label {
         display: block;
         margin-bottom: @form-stacked-margin-bottom;
-        .hook-form-stacked-label;
+        .hook-form-stacked-label();
     }
 
 }
@@ -682,7 +682,7 @@ select.uk-form-width-xsmall { width: (@form-width-xsmall + 25px); }
         width: @form-horizontal-label-width;
         margin-top: @form-horizontal-label-margin-top;
         float: left;
-        .hook-form-horizontal-label;
+        .hook-form-horizontal-label();
     }
 
     .uk-form-horizontal .uk-form-controls { margin-left: @form-horizontal-controls-margin-left; }
@@ -752,7 +752,7 @@ select.uk-form-width-xsmall { width: (@form-width-xsmall + 25px); }
 // Hooks
 // ========================================================================
 
-.hook-form-misc;
+.hook-form-misc();
 
 .hook-form() {}
 .hook-form-single-line() {}
@@ -808,12 +808,12 @@ select.uk-form-width-xsmall { width: (@form-width-xsmall + 25px); }
         background-color: @inverse-form-background;
         color: @inverse-form-color;
         background-clip: padding-box;
-        .hook-inverse-form;
+        .hook-inverse-form();
 
         &:focus {
             background-color: @inverse-form-focus-background;
             color: @inverse-form-focus-color;
-            .hook-inverse-form-focus;
+            .hook-inverse-form-focus();
         }
     }
 
@@ -847,14 +847,14 @@ select.uk-form-width-xsmall { width: (@form-width-xsmall + 25px); }
     .uk-radio,
     .uk-checkbox {
         background-color: @inverse-form-radio-background;
-        .hook-inverse-form-radio;
+        .hook-inverse-form-radio();
     }
 
     // Focus
     .uk-radio:focus,
     .uk-checkbox:focus {
         background-color: @inverse-form-radio-focus-background;
-        .hook-inverse-form-radio-focus;
+        .hook-inverse-form-radio-focus();
     }
 
     // Checked
@@ -862,7 +862,7 @@ select.uk-form-width-xsmall { width: (@form-width-xsmall + 25px); }
     .uk-checkbox:checked,
     .uk-checkbox:indeterminate {
         background-color: @inverse-form-radio-checked-background;
-        .hook-inverse-form-radio-checked;
+        .hook-inverse-form-radio-checked();
     }
 
     // Focus
@@ -870,7 +870,7 @@ select.uk-form-width-xsmall { width: (@form-width-xsmall + 25px); }
     .uk-checkbox:checked:focus,
     .uk-checkbox:indeterminate:focus {
         background-color: @inverse-form-radio-checked-focus-background;
-        .hook-inverse-form-radio-checked-focus;
+        .hook-inverse-form-radio-checked-focus();
     }
 
     // Icon
@@ -880,7 +880,7 @@ select.uk-form-width-xsmall { width: (@form-width-xsmall + 25px); }
 
     // Label
     .uk-form-label {
-        .hook-inverse-form-label;
+        .hook-inverse-form-label();
     }
 
     // Icon