uikit 3.8.1-dev.3a43322ca → 3.9.1

package/src/less/components/grid.less

@@ -207,7 +207,7 @@
     top: 0;
     bottom: 0;
     border-left: @grid-divider-border-width solid @grid-divider-border;
-    .hook-grid-divider-horizontal;
+    .hook-grid-divider-horizontal();
 }
 
 /* Vertical */
@@ -217,7 +217,7 @@
     left: 0;
     right: 0;
     border-top: @grid-divider-border-width solid @grid-divider-border;
-    .hook-grid-divider-vertical;
+    .hook-grid-divider-vertical();
 }
 
 /*
@@ -389,7 +389,7 @@
 // Hooks
 // ========================================================================
 
-.hook-grid-misc;
+.hook-grid-misc();
 
 .hook-grid-divider-horizontal() {}
 .hook-grid-divider-vertical() {}
@@ -405,15 +405,15 @@
 
     .uk-grid-divider > :not(.uk-first-column)::before {
         border-left-color: @inverse-grid-divider-border;
-        .hook-inverse-grid-divider-horizontal;
+        .hook-inverse-grid-divider-horizontal();
     }
 
     .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
         border-top-color: @inverse-grid-divider-border;
-        .hook-inverse-grid-divider-vertical;
+        .hook-inverse-grid-divider-vertical();
     }
 
 }
 
 .hook-inverse-grid-divider-horizontal() {}
-.hook-inverse-grid-divider-vertical() {}
+.hook-inverse-grid-divider-vertical() {}

package/src/less/components/heading.less

@@ -61,31 +61,31 @@
 .uk-heading-small {
     font-size: @heading-small-font-size;
     line-height: @heading-small-line-height;
-    .hook-heading-small;
+    .hook-heading-small();
 }
 
 .uk-heading-medium {
     font-size: @heading-medium-font-size;
     line-height: @heading-medium-line-height;
-    .hook-heading-medium;
+    .hook-heading-medium();
 }
 
 .uk-heading-large {
     font-size: @heading-large-font-size;
     line-height: @heading-large-line-height;
-    .hook-heading-large;
+    .hook-heading-large();
 }
 
 .uk-heading-xlarge {
     font-size: @heading-xlarge-font-size;
     line-height: @heading-xlarge-line-height;
-    .hook-heading-xlarge;
+    .hook-heading-xlarge();
 }
 
 .uk-heading-2xlarge {
     font-size: @heading-2xlarge-font-size;
     line-height: @heading-2xlarge-line-height;
-    .hook-heading-2xlarge;
+    .hook-heading-2xlarge();
 }
 
 /* Tablet Landscape and bigger */
@@ -125,7 +125,7 @@
 .uk-heading-primary when (@deprecated = true) {
     font-size: @heading-primary-font-size;
     line-height: @heading-primary-line-height;
-    .hook-heading-primary;
+    .hook-heading-primary();
 }
 
 /* Tablet landscape and bigger */
@@ -162,7 +162,7 @@
 .uk-heading-hero when (@deprecated = true) {
     font-size: @heading-hero-font-size;
     line-height: @heading-hero-line-height;
-    .hook-heading-hero;
+    .hook-heading-hero();
 }
 
 /* Tablet landscape and bigger */
@@ -192,7 +192,7 @@
 .uk-heading-divider {
     padding-bottom: @heading-divider-padding-bottom;
     border-bottom: @heading-divider-border-width solid @heading-divider-border;
-    .hook-heading-divider;
+    .hook-heading-divider();
 }
 
 
@@ -219,7 +219,7 @@
     height: @heading-bullet-height;
     margin-right: @heading-bullet-margin-right;
     border-left: @heading-bullet-border-width solid @heading-bullet-border;
-    .hook-heading-bullet;
+    .hook-heading-bullet();
 }
 
 
@@ -257,7 +257,7 @@
     width: @heading-line-width;
     /* 3 */
     border-bottom: @heading-line-border-width solid @heading-line-border;
-    .hook-heading-line;
+    .hook-heading-line();
 }
 
 .uk-heading-line > ::before {
@@ -273,7 +273,7 @@
 // Hooks
 // ========================================================================
 
-.hook-heading-misc;
+.hook-heading-misc();
 
 .hook-heading-small() {}
 .hook-heading-medium() {}
@@ -298,47 +298,47 @@
 .hook-inverse() {
 
     .uk-heading-small {
-        .hook-inverse-heading-small;
+        .hook-inverse-heading-small();
     }
 
     .uk-heading-medium {
-        .hook-inverse-heading-medium;
+        .hook-inverse-heading-medium();
     }
 
     .uk-heading-large {
-        .hook-inverse-heading-large;
+        .hook-inverse-heading-large();
     }
 
     .uk-heading-xlarge {
-        .hook-inverse-heading-xlarge;
+        .hook-inverse-heading-xlarge();
     }
 
     .uk-heading-2xlarge {
-        .hook-inverse-heading-2xlarge;
+        .hook-inverse-heading-2xlarge();
     }
 
     .uk-heading-primary when (@deprecated = true) {
-        .hook-inverse-heading-primary;
+        .hook-inverse-heading-primary();
     }
 
     .uk-heading-hero when (@deprecated = true) {
-        .hook-inverse-heading-hero;
+        .hook-inverse-heading-hero();
     }
 
     .uk-heading-divider {
         border-bottom-color: @inverse-heading-divider-border;
-        .hook-inverse-heading-divider;
+        .hook-inverse-heading-divider();
     }
 
     .uk-heading-bullet::before {
         border-left-color: @inverse-heading-bullet-border;
-        .hook-inverse-heading-bullet;
+        .hook-inverse-heading-bullet();
     }
 
     .uk-heading-line > ::before,
     .uk-heading-line > ::after {
         border-bottom-color: @inverse-heading-line-border;
-        .hook-inverse-heading-line;
+        .hook-inverse-heading-line();
     }
 
 }

package/src/less/components/height.less

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

package/src/less/components/icon.less

@@ -128,19 +128,19 @@ button.uk-icon:not(:disabled) { cursor: pointer; }
 
 .uk-icon-link {
     color: @icon-link-color;
-    .hook-icon-link;
+    .hook-icon-link();
 }
 
 .uk-icon-link:hover {
     color: @icon-link-hover-color;
-    .hook-icon-link-hover;
+    .hook-icon-link-hover();
 }
 
 /* OnClick + Active */
 .uk-icon-link:active,
 .uk-active > .uk-icon-link {
     color: @icon-link-active-color;
-    .hook-icon-link-active;
+    .hook-icon-link-active();
 }
 
 /*
@@ -160,14 +160,14 @@ button.uk-icon:not(:disabled) { cursor: pointer; }
     display: inline-flex;
     justify-content: center;
     align-items: center;
-    .hook-icon-button;
+    .hook-icon-button();
 }
 
 /* Hover */
 .uk-icon-button:hover {
     background-color: @icon-button-hover-background;
     color: @icon-button-hover-color;
-    .hook-icon-button-hover;
+    .hook-icon-button-hover();
 }
 
 /* OnClick + Active */
@@ -175,14 +175,14 @@ button.uk-icon:not(:disabled) { cursor: pointer; }
 .uk-active > .uk-icon-button {
     background-color: @icon-button-active-background;
     color: @icon-button-active-color;
-    .hook-icon-button-active;
+    .hook-icon-button-active();
 }
 
 
 // Hooks
 // ========================================================================
 
-.hook-icon-misc;
+.hook-icon-misc();
 
 .hook-icon-link() {}
 .hook-icon-link-hover() {}
@@ -214,18 +214,18 @@ button.uk-icon:not(:disabled) { cursor: pointer; }
 
     .uk-icon-link {
         color: @inverse-icon-link-color;
-        .hook-inverse-icon-link;
+        .hook-inverse-icon-link();
     }
 
     .uk-icon-link:hover {
         color: @inverse-icon-link-hover-color;
-        .hook-inverse-icon-link-hover;
+        .hook-inverse-icon-link-hover();
     }
 
     .uk-icon-link:active,
     .uk-active > .uk-icon-link {
         color: @inverse-icon-link-active-color;
-        .hook-inverse-icon-link-active;
+        .hook-inverse-icon-link-active();
     }
 
     //
@@ -235,19 +235,19 @@ button.uk-icon:not(:disabled) { cursor: pointer; }
     .uk-icon-button {
         background-color: @inverse-icon-button-background;
         color: @inverse-icon-button-color;
-        .hook-inverse-icon-button;
+        .hook-inverse-icon-button();
     }
 
     .uk-icon-button:hover {
         background-color: @inverse-icon-button-hover-background;
         color: @inverse-icon-button-hover-color;
-        .hook-inverse-icon-button-hover;
+        .hook-inverse-icon-button-hover();
     }
 
     .uk-icon-button:active {
         background-color: @inverse-icon-button-active-background;
         color: @inverse-icon-button-active-color;
-        .hook-inverse-icon-button-active;
+        .hook-inverse-icon-button-active();
     }
 
 }

package/src/less/components/iconnav.less

@@ -43,7 +43,7 @@
     list-style: none;
     /* 3 */
     margin-left: -@iconnav-margin-horizontal;
-    .hook-iconnav;
+    .hook-iconnav();
 }
 
 /*
@@ -81,19 +81,19 @@
     color: @iconnav-item-color;
     /* 5 */
     text-decoration: none;
-    .hook-iconnav-item;
+    .hook-iconnav-item();
 }
 
 /* Hover */
 .uk-iconnav > * > a:hover {
     color: @iconnav-item-hover-color;
-    .hook-iconnav-item-hover;
+    .hook-iconnav-item-hover();
 }
 
 /* Active */
 .uk-iconnav > .uk-active > a {
     color: @iconnav-item-active-color;
-    .hook-iconnav-item-active;
+    .hook-iconnav-item-active();
 }
 
 
@@ -123,7 +123,7 @@
 // Hooks
 // ========================================================================
 
-.hook-iconnav-misc;
+.hook-iconnav-misc();
 
 .hook-iconnav() {}
 .hook-iconnav-item() {}
@@ -143,21 +143,21 @@
 
     .uk-iconnav > * > a {
         color: @inverse-iconnav-item-color;
-        .hook-inverse-iconnav-item;
+        .hook-inverse-iconnav-item();
     }
 
     .uk-iconnav > * > a:hover {
         color: @inverse-iconnav-item-hover-color;
-        .hook-inverse-iconnav-item-hover;
+        .hook-inverse-iconnav-item-hover();
     }
 
     .uk-iconnav > .uk-active > a {
         color: @inverse-iconnav-item-active-color;
-        .hook-inverse-iconnav-item-active;
+        .hook-inverse-iconnav-item-active();
     }
 
 }
 
 .hook-inverse-iconnav-item() {}
 .hook-inverse-iconnav-item-hover() {}
-.hook-inverse-iconnav-item-active() {}
+.hook-inverse-iconnav-item-active() {}

package/src/less/components/inverse.less

@@ -35,13 +35,13 @@
 
 .uk-light when (@inverse-global-color-mode = light) {
 
-    .hook-inverse;
+    .hook-inverse();
 
 }
 
 .uk-dark when (@inverse-global-color-mode = dark) {
 
-    .hook-inverse;
+    .hook-inverse();
 
 }
 
@@ -49,4 +49,4 @@
 // Hooks
 // ========================================================================
 
-.hook-inverse() {}
+.hook-inverse() {}

package/src/less/components/label.less

@@ -41,7 +41,7 @@
     color: @label-color;
     vertical-align: middle;
     white-space: nowrap;
-    .hook-label;
+    .hook-label();
 }
 
 
@@ -55,7 +55,7 @@
 .uk-label-success {
     background-color: @label-success-background;
     color: @label-success-color;
-    .hook-label-success;
+    .hook-label-success();
 }
 
 /*
@@ -65,7 +65,7 @@
 .uk-label-warning {
     background-color: @label-warning-background;
     color: @label-warning-color;
-    .hook-label-warning;
+    .hook-label-warning();
 }
 
 /*
@@ -75,14 +75,14 @@
 .uk-label-danger {
     background-color: @label-danger-background;
     color: @label-danger-color;
-    .hook-label-danger;
+    .hook-label-danger();
 }
 
 
 // Hooks
 // ========================================================================
 
-.hook-label-misc;
+.hook-label-misc();
 
 .hook-label() {}
 .hook-label-success() {}
@@ -102,9 +102,9 @@
     .uk-label {
         background-color: @inverse-label-background;
         color: @inverse-label-color;
-        .hook-inverse-label;
+        .hook-inverse-label();
     }
 
 }
 
-.hook-inverse-label() {}
+.hook-inverse-label() {}

package/src/less/components/leader.less

@@ -36,7 +36,7 @@
     content: attr(data-fill);
     /* 4 */
     white-space: nowrap;
-    .hook-leader;
+    .hook-leader();
 }
 
 /*
@@ -56,7 +56,7 @@
 // Hooks
 // ========================================================================
 
-.hook-leader-misc;
+.hook-leader-misc();
 
 .hook-leader() {}
 .hook-leader-misc() {}
@@ -68,7 +68,7 @@
 .hook-inverse() {
 
     .uk-leader-fill::after {
-        .hook-inverse-leader;
+        .hook-inverse-leader();
     }
 
 }

package/src/less/components/lightbox.less

@@ -76,7 +76,7 @@
     transition: opacity 0.15s linear;
     /* 7 */
     touch-action: pinch-zoom;
-    .hook-lightbox;
+    .hook-lightbox();
 }
 
 /*
@@ -137,7 +137,7 @@
     color: @lightbox-item-color;
     /* 4 */
     will-change: transform, opacity;
-    .hook-lightbox-item;
+    .hook-lightbox-item();
 }
 
 /* 5 */
@@ -160,7 +160,7 @@
     padding: @lightbox-toolbar-padding-vertical @lightbox-toolbar-padding-horizontal;
     background: @lightbox-toolbar-background;
     color: @lightbox-toolbar-color;
-    .hook-lightbox-toolbar;
+    .hook-lightbox-toolbar();
 }
 
 .uk-lightbox-toolbar > * { color: @lightbox-toolbar-color; }
@@ -172,7 +172,7 @@
 .uk-lightbox-toolbar-icon {
     padding: @lightbox-toolbar-icon-padding;
     color: @lightbox-toolbar-icon-color;
-    .hook-lightbox-toolbar-icon;
+    .hook-lightbox-toolbar-icon();
 }
 
 /*
@@ -181,7 +181,7 @@
 
 .uk-lightbox-toolbar-icon:hover {
     color: @lightbox-toolbar-icon-hover-color;
-    .hook-lightbox-toolbar-icon-hover;
+    .hook-lightbox-toolbar-icon-hover();
 }
 
 
@@ -203,18 +203,18 @@
     display: inline-flex;
     justify-content: center;
     align-items: center;
-    .hook-lightbox-button;
+    .hook-lightbox-button();
 }
 
 /* Hover */
 .uk-lightbox-button:hover {
     color: @lightbox-button-hover-color;
-    .hook-lightbox-button-hover;
+    .hook-lightbox-button-hover();
 }
 
 /* OnClick */
 .uk-lightbox-button:active {
-    .hook-lightbox-button-active;
+    .hook-lightbox-button-active();
 }
 
 
@@ -236,7 +236,7 @@
 // Hooks
 // ========================================================================
 
-.hook-lightbox-misc;
+.hook-lightbox-misc();
 
 .hook-lightbox() {}
 .hook-lightbox-item() {}

package/src/less/components/link.less

@@ -34,14 +34,14 @@
 a.uk-link-muted,
 .uk-link-muted a {
     color: @link-muted-color;
-    .hook-link-muted;
+    .hook-link-muted();
 }
 
 a.uk-link-muted:hover,
 .uk-link-muted a:hover,
 .uk-link-toggle:hover .uk-link-muted {
     color: @link-muted-hover-color;
-    .hook-link-muted-hover;
+    .hook-link-muted-hover();
 }
 
 
@@ -51,14 +51,14 @@ a.uk-link-muted:hover,
 a.uk-link-text,
 .uk-link-text a {
     color: inherit;
-    .hook-link-text;
+    .hook-link-text();
 }
 
 a.uk-link-text:hover,
 .uk-link-text a:hover,
 .uk-link-toggle:hover .uk-link-text {
     color: @link-text-hover-color;
-    .hook-link-text-hover;
+    .hook-link-text-hover();
 }
 
 
@@ -68,7 +68,7 @@ a.uk-link-text:hover,
 a.uk-link-heading,
 .uk-link-heading a {
     color: inherit;
-    .hook-link-heading;
+    .hook-link-heading();
 }
 
 a.uk-link-heading:hover,
@@ -76,7 +76,7 @@ a.uk-link-heading:hover,
 .uk-link-toggle:hover .uk-link-heading {
     color: @link-heading-hover-color;
     text-decoration: @link-heading-hover-text-decoration;
-    .hook-link-heading-hover;
+    .hook-link-heading-hover();
 }
 
 
@@ -91,7 +91,7 @@ a.uk-link-reset,
 .uk-link-reset a {
     color: inherit !important;
     text-decoration: none !important;
-    .hook-link-reset;
+    .hook-link-reset();
 }
 
 
@@ -107,7 +107,7 @@ a.uk-link-reset,
 // Hooks
 // ========================================================================
 
-.hook-link-misc;
+.hook-link-misc();
 
 .hook-link-muted() {}
 .hook-link-muted-hover() {}
@@ -132,28 +132,28 @@ a.uk-link-reset,
     a.uk-link-muted,
     .uk-link-muted a {
         color: @inverse-link-muted-color;
-        .hook-inverse-link-muted;
+        .hook-inverse-link-muted();
     }
 
     a.uk-link-muted:hover,
     .uk-link-muted a:hover,
     .uk-link-toggle:hover .uk-link-muted  {
         color: @inverse-link-muted-hover-color;
-        .hook-inverse-link-muted-hover;
+        .hook-inverse-link-muted-hover();
     }
 
     a.uk-link-text:hover,
     .uk-link-text a:hover,
     .uk-link-toggle:hover .uk-link-text {
         color: @inverse-link-text-hover-color;
-        .hook-inverse-link-text-hover;
+        .hook-inverse-link-text-hover();
     }
 
     a.uk-link-heading:hover,
     .uk-link-heading a:hover,
     .uk-link-toggle:hover .uk-link-heading {
         color: @inverse-link-heading-hover-color;
-        .hook-inverse-link-heading-hover;
+        .hook-inverse-link-heading-hover();
     }
 
 }

package/src/less/components/list.less

@@ -151,7 +151,7 @@
     margin-top: @list-divider-margin-top;
     padding-top: @list-divider-margin-top;
     border-top: @list-divider-border-width solid @list-divider-border;
-    .hook-list-divider;
+    .hook-list-divider();
 }
 
 /*
@@ -160,7 +160,7 @@
 
 .uk-list-striped > * {
     padding: @list-striped-padding-vertical @list-striped-padding-horizontal;
-    .hook-list-striped;
+    .hook-list-striped();
 }
 
 .uk-list-striped > :nth-of-type(odd) { background: @list-striped-background; }
@@ -209,7 +209,7 @@
 // Hooks
 // ========================================================================
 
-.hook-list-misc;
+.hook-list-misc();
 
 .hook-list-divider() {}
 .hook-list-striped() {}
@@ -242,11 +242,11 @@
 
     .uk-list-divider > :nth-child(n+2) {
         border-top-color: @inverse-list-divider-border;
-        .hook-inverse-list-divider;
+        .hook-inverse-list-divider();
     }
 
     .uk-list-striped > * {
-        .hook-inverse-list-striped;
+        .hook-inverse-list-striped();
     }
 
     .uk-list-striped > :nth-of-type(odd) { background-color: @inverse-list-striped-background; }