uikit 3.8.1-dev.3a43322ca → 3.9.1

package/src/less/components/button.less

@@ -122,7 +122,7 @@
     text-align: center;
     /* 10 */
     text-decoration: none;
-    .hook-button;
+    .hook-button();
 }
 
 .uk-button:not(:disabled) { cursor: pointer; }
@@ -140,13 +140,13 @@
 .uk-button:hover {
     /* 9 */
     text-decoration: none;
-    .hook-button-hover;
+    .hook-button-hover();
 }
 
 /* OnClick + Active */
 .uk-button:active,
 .uk-button.uk-active {
-    .hook-button-active;
+    .hook-button-active();
 }
 
 
@@ -160,14 +160,14 @@
 .uk-button-default {
     background-color: @button-default-background;
     color: @button-default-color;
-    .hook-button-default;
+    .hook-button-default();
 }
 
 /* Hover */
 .uk-button-default:hover {
     background-color: @button-default-hover-background;
     color: @button-default-hover-color;
-    .hook-button-default-hover;
+    .hook-button-default-hover();
 }
 
 /* OnClick + Active */
@@ -175,7 +175,7 @@
 .uk-button-default.uk-active {
     background-color: @button-default-active-background;
     color: @button-default-active-color;
-    .hook-button-default-active;
+    .hook-button-default-active();
 }
 
 /*
@@ -185,14 +185,14 @@
 .uk-button-primary {
     background-color: @button-primary-background;
     color: @button-primary-color;
-    .hook-button-primary;
+    .hook-button-primary();
 }
 
 /* Hover */
 .uk-button-primary:hover {
     background-color: @button-primary-hover-background;
     color: @button-primary-hover-color;
-    .hook-button-primary-hover;
+    .hook-button-primary-hover();
 }
 
 /* OnClick + Active */
@@ -200,7 +200,7 @@
 .uk-button-primary.uk-active {
     background-color: @button-primary-active-background;
     color: @button-primary-active-color;
-    .hook-button-primary-active;
+    .hook-button-primary-active();
 }
 
 /*
@@ -210,14 +210,14 @@
 .uk-button-secondary {
     background-color: @button-secondary-background;
     color: @button-secondary-color;
-    .hook-button-secondary;
+    .hook-button-secondary();
 }
 
 /* Hover */
 .uk-button-secondary:hover {
     background-color: @button-secondary-hover-background;
     color: @button-secondary-hover-color;
-    .hook-button-secondary-hover;
+    .hook-button-secondary-hover();
 }
 
 /* OnClick + Active */
@@ -225,7 +225,7 @@
 .uk-button-secondary.uk-active {
     background-color: @button-secondary-active-background;
     color: @button-secondary-active-color;
-    .hook-button-secondary-active;
+    .hook-button-secondary-active();
 }
 
 /*
@@ -235,14 +235,14 @@
 .uk-button-danger {
     background-color: @button-danger-background;
     color: @button-danger-color;
-    .hook-button-danger;
+    .hook-button-danger();
 }
 
 /* Hover */
 .uk-button-danger:hover {
     background-color: @button-danger-hover-background;
     color: @button-danger-hover-color;
-    .hook-button-danger-hover;
+    .hook-button-danger-hover();
 }
 
 /* OnClick + Active */
@@ -250,7 +250,7 @@
 .uk-button-danger.uk-active {
     background-color: @button-danger-active-background;
     color: @button-danger-active-color;
-    .hook-button-danger-active;
+    .hook-button-danger-active();
 }
 
 /*
@@ -264,7 +264,7 @@
 .uk-button-danger:disabled {
     background-color: @button-disabled-background;
     color: @button-disabled-color;
-    .hook-button-disabled;
+    .hook-button-disabled();
 }
 
 
@@ -275,14 +275,14 @@
     padding: 0 @button-small-padding-horizontal;
     line-height: @button-small-line-height;
     font-size: @button-small-font-size;
-    .hook-button-small;
+    .hook-button-small();
 }
 
 .uk-button-large {
     padding: 0 @button-large-padding-horizontal;
     line-height: @button-large-line-height;
     font-size: @button-large-font-size;
-    .hook-button-large;
+    .hook-button-large();
 }
 
 
@@ -302,19 +302,19 @@
     background: none;
     /* 2 */
     color: @button-text-color;
-    .hook-button-text;
+    .hook-button-text();
 }
 
 /* Hover */
 .uk-button-text:hover {
     color: @button-text-hover-color;
-    .hook-button-text-hover;
+    .hook-button-text-hover();
 }
 
 /* Disabled */
 .uk-button-text:disabled {
     color: @button-text-disabled-color;
-    .hook-button-text-disabled;
+    .hook-button-text-disabled();
 }
 
 /*
@@ -330,7 +330,7 @@
     background: none;
     /* 2 */
     color: @button-link-color;
-    .hook-button-link;
+    .hook-button-link();
 }
 
 /* Hover */
@@ -368,7 +368,7 @@
 // Hooks
 // ========================================================================
 
-.hook-button-misc;
+.hook-button-misc();
 
 .hook-button() {}
 .hook-button-hover() {}
@@ -431,20 +431,20 @@
     .uk-button-default {
         background-color: @inverse-button-default-background;
         color: @inverse-button-default-color;
-        .hook-inverse-button-default;
+        .hook-inverse-button-default();
     }
 
     .uk-button-default:hover {
         background-color: @inverse-button-default-hover-background;
         color: @inverse-button-default-hover-color;
-        .hook-inverse-button-default-hover;
+        .hook-inverse-button-default-hover();
     }
 
     .uk-button-default:active,
     .uk-button-default.uk-active {
         background-color: @inverse-button-default-active-background;
         color: @inverse-button-default-active-color;
-        .hook-inverse-button-default-active;
+        .hook-inverse-button-default-active();
     }
 
     //
@@ -454,20 +454,20 @@
     .uk-button-primary {
         background-color: @inverse-button-primary-background;
         color: @inverse-button-primary-color;
-        .hook-inverse-button-primary;
+        .hook-inverse-button-primary();
     }
 
     .uk-button-primary:hover {
         background-color: @inverse-button-primary-hover-background;
         color: @inverse-button-primary-hover-color;
-        .hook-inverse-button-primary-hover;
+        .hook-inverse-button-primary-hover();
     }
 
     .uk-button-primary:active,
     .uk-button-primary.uk-active {
         background-color: @inverse-button-primary-active-background;
         color: @inverse-button-primary-active-color;
-        .hook-inverse-button-primary-active;
+        .hook-inverse-button-primary-active();
     }
 
     //
@@ -477,20 +477,20 @@
     .uk-button-secondary {
         background-color: @inverse-button-secondary-background;
         color: @inverse-button-secondary-color;
-        .hook-inverse-button-secondary;
+        .hook-inverse-button-secondary();
     }
 
     .uk-button-secondary:hover {
         background-color: @inverse-button-secondary-hover-background;
         color: @inverse-button-secondary-hover-color;
-        .hook-inverse-button-secondary-hover;
+        .hook-inverse-button-secondary-hover();
     }
 
     .uk-button-secondary:active,
     .uk-button-secondary.uk-active {
         background-color: @inverse-button-secondary-active-background;
         color: @inverse-button-secondary-active-color;
-        .hook-inverse-button-secondary-active;
+        .hook-inverse-button-secondary-active();
     }
 
     //
@@ -499,17 +499,17 @@
 
     .uk-button-text {
         color: @inverse-button-text-color;
-        .hook-inverse-button-text;
+        .hook-inverse-button-text();
     }
 
     .uk-button-text:hover {
         color: @inverse-button-text-hover-color;
-        .hook-inverse-button-text-hover;
+        .hook-inverse-button-text-hover();
     }
 
     .uk-button-text:disabled {
         color: @inverse-button-text-disabled-color;
-        .hook-inverse-button-text-disabled;
+        .hook-inverse-button-text-disabled();
     }
 
     //
@@ -518,7 +518,7 @@
 
     .uk-button-link {
         color: @inverse-button-link-color;
-        .hook-inverse-button-link;
+        .hook-inverse-button-link();
     }
 
     .uk-button-link:hover { color: @inverse-button-link-hover-color; }

package/src/less/components/card.less

@@ -32,16 +32,16 @@
 @card-body-padding-vertical-l:                 @global-medium-gutter;
 
 @card-header-padding-horizontal:               @global-gutter;
-@card-header-padding-vertical:                 round(@global-gutter / 2);
+@card-header-padding-vertical:                 round((@global-gutter / 2));
 
 @card-header-padding-horizontal-l:             @global-medium-gutter;
-@card-header-padding-vertical-l:               round(@global-medium-gutter / 2);
+@card-header-padding-vertical-l:               round((@global-medium-gutter / 2));
 
 @card-footer-padding-horizontal:               @global-gutter;
 @card-footer-padding-vertical:                 (@global-gutter / 2);
 
 @card-footer-padding-horizontal-l:             @global-medium-gutter;
-@card-footer-padding-vertical-l:               round(@global-medium-gutter / 2);
+@card-footer-padding-vertical-l:               round((@global-medium-gutter / 2));
 
 @card-title-font-size:                         @global-large-font-size;
 @card-title-line-height:                       1.4;
@@ -76,16 +76,16 @@
 @card-small-body-padding-horizontal:           @global-margin;
 @card-small-body-padding-vertical:             @global-margin;
 @card-small-header-padding-horizontal:         @global-margin;
-@card-small-header-padding-vertical:           round(@global-margin / 1.5);
+@card-small-header-padding-vertical:           round((@global-margin / 1.5));
 @card-small-footer-padding-horizontal:         @global-margin;
-@card-small-footer-padding-vertical:           round(@global-margin / 1.5);
+@card-small-footer-padding-vertical:           round((@global-margin / 1.5));
 
 @card-large-body-padding-horizontal-l:         @global-large-gutter;
 @card-large-body-padding-vertical-l:           @global-large-gutter;
 @card-large-header-padding-horizontal-l:       @global-large-gutter;
-@card-large-header-padding-vertical-l:         round(@global-large-gutter / 2);
+@card-large-header-padding-vertical-l:         round((@global-large-gutter / 2));
 @card-large-footer-padding-horizontal-l:       @global-large-gutter;
-@card-large-footer-padding-vertical-l:         round(@global-large-gutter / 2);
+@card-large-footer-padding-vertical-l:         round((@global-large-gutter / 2));
 
 
 /* ========================================================================
@@ -95,7 +95,7 @@
 .uk-card {
     position: relative;
     box-sizing: border-box;
-    .hook-card;
+    .hook-card();
 }
 
 
@@ -105,19 +105,19 @@
 .uk-card-body {
     display: flow-root;
     padding: @card-body-padding-vertical @card-body-padding-horizontal;
-    .hook-card-body;
+    .hook-card-body();
 }
 
 .uk-card-header {
     display: flow-root;
     padding: @card-header-padding-vertical @card-header-padding-horizontal;
-    .hook-card-header;
+    .hook-card-header();
 }
 
 .uk-card-footer {
     display: flow-root;
     padding: @card-footer-padding-vertical @card-footer-padding-horizontal;
-    .hook-card-footer;
+    .hook-card-footer();
 }
 
 /* Desktop and bigger */
@@ -149,25 +149,25 @@
  */
 
 [class*='uk-card-media'] {
-    .hook-card-media;
+    .hook-card-media();
 }
 
 .uk-card-media-top,
 .uk-grid-stack > .uk-card-media-left,
 .uk-grid-stack > .uk-card-media-right  {
-    .hook-card-media-top;
+    .hook-card-media-top();
 }
 
 .uk-card-media-bottom {
-    .hook-card-media-bottom;
+    .hook-card-media-bottom();
 }
 
 :not(.uk-grid-stack) > .uk-card-media-left {
-    .hook-card-media-left;
+    .hook-card-media-left();
 }
 
 :not(.uk-grid-stack) > .uk-card-media-right {
-    .hook-card-media-right;
+    .hook-card-media-right();
 }
 
 
@@ -177,7 +177,7 @@
 .uk-card-title {
     font-size: @card-title-font-size;
     line-height: @card-title-line-height;
-    .hook-card-title;
+    .hook-card-title();
 }
 
 
@@ -209,7 +209,7 @@
     justify-content: center;
     align-items: center;
     line-height: 0;
-    .hook-card-badge;
+    .hook-card-badge();
 }
 
 /*
@@ -224,7 +224,7 @@
 
 .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover {
     background-color: @card-hover-background;
-    .hook-card-hover;
+    .hook-card-hover();
 }
 
 
@@ -239,25 +239,25 @@
 .uk-card-default {
     background-color: @card-default-background;
     color: @card-default-color;
-    .hook-card-default;
+    .hook-card-default();
 }
 
 .uk-card-default .uk-card-title {
     color: @card-default-title-color;
-    .hook-card-default-title;
+    .hook-card-default-title();
 }
 
 .uk-card-default.uk-card-hover:hover {
     background-color: @card-default-hover-background;
-    .hook-card-default-hover;
+    .hook-card-default-hover();
 }
 
 .uk-card-default .uk-card-header {
-    .hook-card-default-header;
+    .hook-card-default-header();
 }
 
 .uk-card-default .uk-card-footer {
-    .hook-card-default-footer;
+    .hook-card-default-footer();
 }
 
 /*
@@ -267,17 +267,17 @@
 .uk-card-primary {
     background-color: @card-primary-background;
     color: @card-primary-color;
-    .hook-card-primary;
+    .hook-card-primary();
 }
 
 .uk-card-primary .uk-card-title {
     color: @card-primary-title-color;
-    .hook-card-primary-title;
+    .hook-card-primary-title();
 }
 
 .uk-card-primary.uk-card-hover:hover {
     background-color: @card-primary-hover-background;
-    .hook-card-primary-hover;
+    .hook-card-primary-hover();
 }
 
 // Color Mode
@@ -293,17 +293,17 @@
 .uk-card-secondary {
     background-color: @card-secondary-background;
     color: @card-secondary-color;
-    .hook-card-secondary;
+    .hook-card-secondary();
 }
 
 .uk-card-secondary .uk-card-title {
     color: @card-secondary-title-color;
-    .hook-card-secondary-title;
+    .hook-card-secondary-title();
 }
 
 .uk-card-secondary.uk-card-hover:hover {
     background-color: @card-secondary-hover-background;
-    .hook-card-secondary-hover;
+    .hook-card-secondary-hover();
 }
 
 // Color Mode
@@ -345,7 +345,7 @@
 // Hooks
 // ========================================================================
 
-.hook-card-misc;
+.hook-card-misc();
 
 .hook-card() {}
 .hook-card-body() {}
@@ -384,7 +384,7 @@
     &.uk-card-badge {
         background-color: @inverse-card-badge-background;
         color: @inverse-card-badge-color;
-        .hook-inverse-card-badge;
+        .hook-inverse-card-badge();
     }
 
 }

package/src/less/components/close.less

@@ -23,20 +23,20 @@
 
 .uk-close {
     color: @close-color;
-    .hook-close;
+    .hook-close();
 }
 
 /* Hover */
 .uk-close:hover {
     color: @close-hover-color;
-    .hook-close-hover;
+    .hook-close-hover();
 }
 
 
 // Hooks
 // ========================================================================
 
-.hook-close-misc;
+.hook-close-misc();
 
 .hook-close() {}
 .hook-close-hover() {}
@@ -53,12 +53,12 @@
 
     .uk-close {
         color: @inverse-close-color;
-        .hook-inverse-close;
+        .hook-inverse-close();
     }
 
     .uk-close:hover {
         color: @inverse-close-hover-color;
-        .hook-inverse-close-hover;
+        .hook-inverse-close-hover();
     }
 
 }

package/src/less/components/column.less

@@ -126,7 +126,7 @@
 // Hooks
 // ========================================================================
 
-.hook-column-misc;
+.hook-column-misc();
 
 .hook-column-misc() {}
 
@@ -140,4 +140,4 @@
 
     .uk-column-divider { column-rule-color: @inverse-column-divider-rule-color; }
 
-}
+}

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