uikit 3.8.1 → 3.9.2-dev.836238c9b

package/src/less/components/navbar.less

@@ -93,7 +93,7 @@
     display: flex;
     /* 1 */
     position: relative;
-    .hook-navbar;
+    .hook-navbar();
 }
 
 
@@ -102,7 +102,7 @@
 
 .uk-navbar-container:not(.uk-navbar-transparent) {
     background: @navbar-background;
-    .hook-navbar-container;
+    .hook-navbar-container();
 }
 
 // Color Mode
@@ -241,7 +241,7 @@
 
 .uk-navbar-nav > li > a {
     color: @navbar-nav-item-color;
-    .hook-navbar-nav-item;
+    .hook-navbar-nav-item();
 }
 
 /*
@@ -252,19 +252,19 @@
 .uk-navbar-nav > li:hover > a,
 .uk-navbar-nav > li > a[aria-expanded="true"] {
     color: @navbar-nav-item-hover-color;
-    .hook-navbar-nav-item-hover;
+    .hook-navbar-nav-item-hover();
 }
 
 /* OnClick */
 .uk-navbar-nav > li > a:active {
     color: @navbar-nav-item-onclick-color;
-    .hook-navbar-nav-item-onclick;
+    .hook-navbar-nav-item-onclick();
 }
 
 /* Active */
 .uk-navbar-nav > li.uk-active > a {
     color: @navbar-nav-item-active-color;
-    .hook-navbar-nav-item-active;
+    .hook-navbar-nav-item-active();
 }
 
 
@@ -273,7 +273,7 @@
 
 .uk-navbar-item {
     color: @navbar-item-color;
-    .hook-navbar-item;
+    .hook-navbar-item();
 }
 
 /*
@@ -288,14 +288,14 @@
 
 .uk-navbar-toggle {
     color: @navbar-toggle-color;
-    .hook-navbar-toggle;
+    .hook-navbar-toggle();
 }
 
 .uk-navbar-toggle:hover,
 .uk-navbar-toggle[aria-expanded="true"] {
     color: @navbar-toggle-hover-color;
     text-decoration: none;
-    .hook-navbar-toggle-hover;
+    .hook-navbar-toggle-hover();
 }
 
 /*
@@ -304,12 +304,12 @@
  */
 
 .uk-navbar-toggle-icon {
-    .hook-navbar-toggle-icon;
+    .hook-navbar-toggle-icon();
 }
 
 /* Hover */
 :hover > .uk-navbar-toggle-icon {
-    .hook-navbar-toggle-icon-hover;
+    .hook-navbar-toggle-icon-hover();
 }
 
 
@@ -318,7 +318,7 @@
 
 .uk-navbar-subtitle {
     font-size: @navbar-subtitle-font-size;
-    .hook-navbar-subtitle;
+    .hook-navbar-subtitle();
 }
 
 
@@ -326,15 +326,15 @@
  ========================================================================== */
 
 .uk-navbar-primary {
-    .hook-navbar-primary;
+    .hook-navbar-primary();
 }
 
 .uk-navbar-transparent {
-    .hook-navbar-transparent;
+    .hook-navbar-transparent();
 }
 
 .uk-navbar-sticky {
-    .hook-navbar-sticky;
+    .hook-navbar-sticky();
 }
 
 
@@ -362,7 +362,7 @@
     padding: @navbar-dropdown-padding;
     background: @navbar-dropdown-background;
     color: @navbar-dropdown-color;
-    .hook-navbar-dropdown;
+    .hook-navbar-dropdown();
 }
 
 /* Show */
@@ -409,7 +409,7 @@
 .uk-navbar-dropdown-dropbar {
     margin-top: @navbar-dropdown-dropbar-margin-top;
     margin-bottom: @navbar-dropdown-dropbar-margin-bottom;
-    .hook-navbar-dropdown-dropbar;
+    .hook-navbar-dropdown-dropbar();
 }
 
 
@@ -418,7 +418,7 @@
  ========================================================================== */
 
 .uk-navbar-dropdown-nav {
-    .hook-navbar-dropdown-nav;
+    .hook-navbar-dropdown-nav();
 }
 
 /*
@@ -427,19 +427,19 @@
 
 .uk-navbar-dropdown-nav > li > a {
     color: @navbar-dropdown-nav-item-color;
-    .hook-navbar-dropdown-nav-item;
+    .hook-navbar-dropdown-nav-item();
 }
 
 /* Hover */
 .uk-navbar-dropdown-nav > li > a:hover {
     color: @navbar-dropdown-nav-item-hover-color;
-    .hook-navbar-dropdown-nav-item-hover;
+    .hook-navbar-dropdown-nav-item-hover();
 }
 
 /* Active */
 .uk-navbar-dropdown-nav > li.uk-active > a {
     color: @navbar-dropdown-nav-item-active-color;
-    .hook-navbar-dropdown-nav-item-active;
+    .hook-navbar-dropdown-nav-item-active();
 }
 
 /*
@@ -448,7 +448,7 @@
 
 .uk-navbar-dropdown-nav .uk-nav-header {
     color: @navbar-dropdown-nav-header-color;
-    .hook-navbar-dropdown-nav-header;
+    .hook-navbar-dropdown-nav-header();
 }
 
 /*
@@ -457,7 +457,7 @@
 
 .uk-navbar-dropdown-nav .uk-nav-divider {
     border-top: @navbar-dropdown-nav-divider-border-width solid @navbar-dropdown-nav-divider-border;
-    .hook-navbar-dropdown-nav-divider;
+    .hook-navbar-dropdown-nav-divider();
 }
 
 /*
@@ -476,7 +476,7 @@
 
 .uk-navbar-dropbar {
     background: @navbar-dropbar-background;
-    .hook-navbar-dropbar;
+    .hook-navbar-dropbar();
 }
 
 /*
@@ -488,14 +488,14 @@
     z-index: @navbar-dropbar-z-index;
     left: 0;
     right: 0;
-    .hook-navbar-dropbar-slide;
+    .hook-navbar-dropbar-slide();
 }
 
 
 // Hooks
 // ========================================================================
 
-.hook-navbar-misc;
+.hook-navbar-misc();
 
 .hook-navbar() {}
 .hook-navbar-container() {}
@@ -540,39 +540,39 @@
 
     .uk-navbar-nav > li > a {
         color: @inverse-navbar-nav-item-color;
-        .hook-inverse-navbar-nav-item;
+        .hook-inverse-navbar-nav-item();
     }
 
     .uk-navbar-nav > li:hover > a,
     .uk-navbar-nav > li > a[aria-expanded="true"] {
         color: @inverse-navbar-nav-item-hover-color;
-        .hook-inverse-navbar-nav-item-hover;
+        .hook-inverse-navbar-nav-item-hover();
     }
 
     .uk-navbar-nav > li > a:active {
         color: @inverse-navbar-nav-item-onclick-color;
-        .hook-inverse-navbar-nav-item-onclick;
+        .hook-inverse-navbar-nav-item-onclick();
     }
 
     .uk-navbar-nav > li.uk-active > a {
         color: @inverse-navbar-nav-item-active-color;
-        .hook-inverse-navbar-nav-item-active;
+        .hook-inverse-navbar-nav-item-active();
     }
 
     .uk-navbar-item {
         color: @inverse-navbar-item-color;
-        .hook-inverse-navbar-item;
+        .hook-inverse-navbar-item();
     }
 
     .uk-navbar-toggle {
         color: @inverse-navbar-toggle-color;
-        .hook-inverse-navbar-toggle;
+        .hook-inverse-navbar-toggle();
     }
 
     .uk-navbar-toggle:hover,
     .uk-navbar-toggle[aria-expanded="true"] {
         color: @inverse-navbar-toggle-hover-color;
-        .hook-inverse-navbar-toggle-hover;
+        .hook-inverse-navbar-toggle-hover();
     }
 
 }

package/src/less/components/notification.less

@@ -61,7 +61,7 @@
     /* 2 */
     box-sizing: border-box;
     width: @notification-width;
-    .hook-notification;
+    .hook-notification();
 }
 
 
@@ -115,7 +115,7 @@
     font-size: @notification-message-font-size;
     line-height: @notification-message-line-height;
     cursor: pointer;
-    .hook-notification-message;
+    .hook-notification-message();
 }
 
 * + .uk-notification-message { margin-top: @notification-message-margin-top; }
@@ -130,7 +130,7 @@
     position: absolute;
     top: @notification-close-top;
     right: @notification-close-right;
-    .hook-notification-close;
+    .hook-notification-close();
 }
 
 .uk-notification-message:hover .uk-notification-close { display: block; }
@@ -145,7 +145,7 @@
 
 .uk-notification-message-primary {
     color: @notification-message-primary-color;
-    .hook-notification-message-primary;
+    .hook-notification-message-primary();
 }
 
 /*
@@ -154,7 +154,7 @@
 
 .uk-notification-message-success {
     color: @notification-message-success-color;
-    .hook-notification-message-success;
+    .hook-notification-message-success();
 }
 
 /*
@@ -163,7 +163,7 @@
 
 .uk-notification-message-warning {
     color: @notification-message-warning-color;
-    .hook-notification-message-warning;
+    .hook-notification-message-warning();
 }
 
 /*
@@ -172,14 +172,14 @@
 
 .uk-notification-message-danger {
     color: @notification-message-danger-color;
-    .hook-notification-message-danger;
+    .hook-notification-message-danger();
 }
 
 
 // Hooks
 // ========================================================================
 
-.hook-notification-misc;
+.hook-notification-misc();
 
 .hook-notification() {}
 .hook-notification-message() {}

package/src/less/components/offcanvas.less

@@ -94,7 +94,7 @@
     /* 3 */
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
-    .hook-offcanvas-bar;
+    .hook-offcanvas-bar();
 }
 
 /* Tablet landscape and bigger */
@@ -203,7 +203,7 @@
     top: @offcanvas-close-position;
     right: @offcanvas-close-position;
     padding: @offcanvas-close-padding;
-    .hook-offcanvas-close;
+    .hook-offcanvas-close();
 }
 
 
@@ -240,7 +240,7 @@
     /* 2 */
     opacity: 0;
     transition: opacity 0.15s linear;
-    .hook-offcanvas-overlay;
+    .hook-offcanvas-overlay();
 }
 
 .uk-offcanvas-overlay.uk-open::before { opacity: 1; }
@@ -298,7 +298,7 @@
 // Hooks
 // ========================================================================
 
-.hook-offcanvas-misc;
+.hook-offcanvas-misc();
 
 .hook-offcanvas-bar() {}
 .hook-offcanvas-close() {}

package/src/less/components/overlay.less

@@ -29,7 +29,7 @@
 
 .uk-overlay {
     padding: @overlay-padding-vertical @overlay-padding-horizontal;
-    .hook-overlay;
+    .hook-overlay();
 }
 
 /*
@@ -43,7 +43,7 @@
  ========================================================================== */
 
 .uk-overlay-icon {
-    .hook-overlay-icon;
+    .hook-overlay-icon();
 }
 
 
@@ -56,7 +56,7 @@
 
 .uk-overlay-default {
     background: @overlay-default-background;
-    .hook-overlay-default;
+    .hook-overlay-default();
 }
 
 /*
@@ -65,7 +65,7 @@
 
 .uk-overlay-primary {
     background: @overlay-primary-background;
-    .hook-overlay-primary;
+    .hook-overlay-primary();
 }
 
 // Color Mode
@@ -76,7 +76,7 @@
 // Hooks
 // ========================================================================
 
-.hook-overlay-misc;
+.hook-overlay-misc();
 
 .hook-overlay() {}
 .hook-overlay-icon() {}

package/src/less/components/padding.less

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

package/src/less/components/pagination.less

@@ -45,7 +45,7 @@
     /* 3 */
     padding: 0;
     list-style: none;
-    .hook-pagination;
+    .hook-pagination();
 }
 
 /*
@@ -78,33 +78,33 @@
     /* 2 */
     padding: @pagination-item-padding-vertical @pagination-item-padding-horizontal;
     color: @pagination-item-color;
-    .hook-pagination-item;
+    .hook-pagination-item();
 }
 
 /* Hover */
 .uk-pagination > * > :hover {
     color: @pagination-item-hover-color;
     text-decoration: @pagination-item-hover-text-decoration;
-    .hook-pagination-item-hover;
+    .hook-pagination-item-hover();
 }
 
 /* Active */
 .uk-pagination > .uk-active > * {
     color: @pagination-item-active-color;
-    .hook-pagination-item-active;
+    .hook-pagination-item-active();
 }
 
 /* Disabled */
 .uk-pagination > .uk-disabled > * {
     color: @pagination-item-disabled-color;
-    .hook-pagination-item-disabled;
+    .hook-pagination-item-disabled();
 }
 
 
 // Hooks
 // ========================================================================
 
-.hook-pagination-misc;
+.hook-pagination-misc();
 
 .hook-pagination() {}
 .hook-pagination-item() {}
@@ -126,22 +126,22 @@
 
     .uk-pagination > * > * {
         color: @inverse-pagination-item-color;
-        .hook-inverse-pagination-item;
+        .hook-inverse-pagination-item();
     }
 
     .uk-pagination > * > :hover {
         color: @inverse-pagination-item-hover-color;
-        .hook-inverse-pagination-item-hover;
+        .hook-inverse-pagination-item-hover();
     }
 
     .uk-pagination > .uk-active > * {
         color: @inverse-pagination-item-active-color;
-        .hook-inverse-pagination-item-active;
+        .hook-inverse-pagination-item-active();
     }
 
     .uk-pagination > .uk-disabled > * {
         color: @inverse-pagination-item-disabled-color;
-        .hook-inverse-pagination-item-disabled;
+        .hook-inverse-pagination-item-disabled();
     }
 
 }

package/src/less/components/placeholder.less

@@ -23,7 +23,7 @@
     margin-bottom: @placeholder-margin-vertical;
     padding: @placeholder-padding-vertical @placeholder-padding-horizontal;
     background: @placeholder-background;
-    .hook-placeholder;
+    .hook-placeholder();
 }
 
 /* Add margin if adjacent element */
@@ -39,7 +39,7 @@
 // Hooks
 // ========================================================================
 
-.hook-placeholder-misc;
+.hook-placeholder-misc();
 
 .hook-placeholder() {}
-.hook-placeholder-misc() {}
+.hook-placeholder-misc() {}

package/src/less/components/position.less

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

package/src/less/components/print.less

@@ -51,7 +51,7 @@
     h2,
     h3 { page-break-after: avoid; }
 
-   .hook-print;
+   .hook-print();
 
 }
 

package/src/less/components/progress.less

@@ -45,7 +45,7 @@
     /* 6 */
     margin-bottom: @progress-margin-vertical;
     height: @progress-height;
-    .hook-progress;
+    .hook-progress();
 }
 
 /* Add margin if adjacent element */
@@ -64,7 +64,7 @@
 
 .uk-progress::-webkit-progress-bar {
   background-color: @progress-background;
-  .hook-progress;
+  .hook-progress();
 }
 
 /* 2 */
@@ -78,12 +78,12 @@
 .uk-progress::-webkit-progress-value {
     background-color: @progress-bar-background;
     transition: width 0.6s ease;
-    .hook-progress-bar;
+    .hook-progress-bar();
 }
 
 .uk-progress::-moz-progress-bar {
     background-color: @progress-bar-background;
-    .hook-progress-bar;
+    .hook-progress-bar();
 }
 
 .uk-progress::-ms-fill {
@@ -91,14 +91,14 @@
     transition: width 0.6s ease;
     /* 1 */
     border: 0;
-    .hook-progress-bar;
+    .hook-progress-bar();
 }
 
 
 // Hooks
 // ========================================================================
 
-.hook-progress-misc;
+.hook-progress-misc();
 
 .hook-progress() {}
 .hook-progress-bar() {}

package/src/less/components/search.less

@@ -120,7 +120,7 @@
     /* 9 */
     border: none;
     color: @search-color;
-    .hook-search-input;
+    .hook-search-input();
 }
 
 .uk-search-input:focus { outline: none; }
@@ -190,13 +190,13 @@
     padding-left: @search-default-padding-horizontal;
     padding-right: @search-default-padding-horizontal;
     background: @search-default-background;
-    .hook-search-default-input;
+    .hook-search-default-input();
 }
 
 /* Focus */
 .uk-search-default .uk-search-input:focus {
     background-color: @search-default-focus-background;
-    .hook-search-default-input-focus;
+    .hook-search-default-input-focus();
 }
 
 /*
@@ -222,7 +222,7 @@
     height: @search-navbar-height;
     background: @search-navbar-background;
     font-size: @search-navbar-font-size;
-    .hook-search-navbar-input;
+    .hook-search-navbar-input();
 }
 
 /*
@@ -248,7 +248,7 @@
     height: @search-large-height;
     background: @search-large-background;
     font-size: @search-large-font-size;
-    .hook-search-large-input;
+    .hook-search-large-input();
 }
 
 /*
@@ -266,20 +266,20 @@
 
 .uk-search-toggle {
     color: @search-toggle-color;
-    .hook-search-toggle;
+    .hook-search-toggle();
 }
 
 /* Hover */
 .uk-search-toggle:hover {
     color: @search-toggle-hover-color;
-    .hook-search-toggle-hover;
+    .hook-search-toggle-hover();
 }
 
 
 // Hooks
 // ========================================================================
 
-.hook-search-misc;
+.hook-search-misc();
 
 .hook-search-input() {}
 .hook-search-default-input() {}
@@ -336,22 +336,22 @@
 
     .uk-search-default .uk-search-input {
         background-color: @inverse-search-default-background;
-        .hook-inverse-search-default-input;
+        .hook-inverse-search-default-input();
     }
-    
+
     .uk-search-default .uk-search-input:focus {
         background-color: @inverse-search-default-focus-background;
-        .hook-inverse-search-default-input-focus;
+        .hook-inverse-search-default-input-focus();
     }
 
     .uk-search-navbar .uk-search-input {
         background-color: @inverse-search-navbar-background;
-        .hook-inverse-search-navbar-input;
+        .hook-inverse-search-navbar-input();
     }
 
     .uk-search-large .uk-search-input {
         background-color: @inverse-search-large-background;
-        .hook-inverse-search-large-input;
+        .hook-inverse-search-large-input();
     }
 
     //
@@ -360,12 +360,12 @@
 
     .uk-search-toggle {
         color: @inverse-search-toggle-color;
-        .hook-inverse-search-toggle;
+        .hook-inverse-search-toggle();
     }
 
     .uk-search-toggle:hover {
         color: @inverse-search-toggle-hover-color;
-        .hook-inverse-search-toggle-hover;
+        .hook-inverse-search-toggle-hover();
     }
 
 }