uikit 3.8.1 → 3.9.2-dev.774931570

package/src/less/components/comment.less

@@ -37,7 +37,7 @@
  ========================================================================== */
 
 .uk-comment {
-    .hook-comment;
+    .hook-comment();
 }
 
 
@@ -48,13 +48,13 @@
     display: flow-root;
     overflow-wrap: break-word;
     word-wrap: break-word;
-    .hook-comment-body;
+    .hook-comment-body();
 }
 
 .uk-comment-header {
     display: flow-root;
     margin-bottom: @comment-header-margin-bottom;
-    .hook-comment-header;
+    .hook-comment-header();
 }
 
 /*
@@ -71,7 +71,7 @@
 .uk-comment-title {
     font-size: @comment-title-font-size;
     line-height: @comment-title-line-height;
-    .hook-comment-title;
+    .hook-comment-title();
 }
 
 
@@ -82,7 +82,7 @@
     font-size: @comment-meta-font-size;
     line-height: @comment-meta-line-height;
     color: @comment-meta-color;
-    .hook-comment-meta;
+    .hook-comment-meta();
 }
 
 
@@ -90,7 +90,7 @@
  ========================================================================== */
 
 .uk-comment-avatar {
-    .hook-comment-avatar;
+    .hook-comment-avatar();
 }
 
 
@@ -105,7 +105,7 @@
 /* Adjacent siblings */
 .uk-comment-list > :nth-child(n+2) {
     margin-top: @comment-list-margin-top;
-    .hook-comment-list-adjacent;
+    .hook-comment-list-adjacent();
 }
 
 /*
@@ -117,7 +117,7 @@
     margin: @comment-list-margin-top 0 0 0;
     padding-left: @comment-list-padding-left;
     list-style: none;
-    .hook-comment-list-sub;
+    .hook-comment-list-sub();
 }
 
 /* Tablet and bigger */
@@ -130,7 +130,7 @@
 /* Adjacent siblings */
 .uk-comment-list .uk-comment ~ ul > :nth-child(n+2) {
     margin-top: @comment-list-margin-top;
-    .hook-comment-list-sub-adjacent;
+    .hook-comment-list-sub-adjacent();
 }
 
 
@@ -138,14 +138,14 @@
  ========================================================================== */
 
 .uk-comment-primary {
-    .hook-comment-primary;
+    .hook-comment-primary();
 }
 
 
 // Hooks
 // ========================================================================
 
-.hook-comment-misc;
+.hook-comment-misc();
 
 .hook-comment() {}
 .hook-comment-body() {}
@@ -157,4 +157,4 @@
 .hook-comment-list-sub() {}
 .hook-comment-list-sub-adjacent() {}
 .hook-comment-primary() {}
-.hook-comment-misc() {}
+.hook-comment-misc() {}

package/src/less/components/container.less

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

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