uikit 3.8.1 → 3.9.2-dev.836238c9b

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

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