uikit 3.8.1-dev.3a43322ca → 3.9.1

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

package/src/less/components/section.less

@@ -58,7 +58,7 @@
     box-sizing: border-box; /* 1 */
     padding-top: @section-padding-vertical;
     padding-bottom: @section-padding-vertical;
-    .hook-section;
+    .hook-section();
 }
 
 /* Desktop and bigger */
@@ -148,7 +148,7 @@
 
 .uk-section-default {
     background: @section-default-background;
-    .hook-section-default;
+    .hook-section-default();
 }
 
 /*
@@ -157,7 +157,7 @@
 
 .uk-section-muted {
     background: @section-muted-background;
-    .hook-section-muted;
+    .hook-section-muted();
 }
 
 /*
@@ -166,7 +166,7 @@
 
 .uk-section-primary {
     background: @section-primary-background;
-    .hook-section-primary;
+    .hook-section-primary();
 }
 
 .uk-section-primary:not(.uk-preserve-color):extend(.uk-light all) when (@section-primary-color-mode = light) {}
@@ -178,7 +178,7 @@
 
 .uk-section-secondary {
     background: @section-secondary-background;
-    .hook-section-secondary;
+    .hook-section-secondary();
 }
 
 .uk-section-secondary:not(.uk-preserve-color):extend(.uk-light all) when (@section-secondary-color-mode = light) {}
@@ -194,14 +194,14 @@
  */
 
 .uk-section-overlap {
-    .hook-section-overlap;
+    .hook-section-overlap();
 }
 
 
 // Hooks
 // ========================================================================
 
-.hook-section-misc;
+.hook-section-misc();
 
 .hook-section() {}
 .hook-section-default() {}
@@ -209,4 +209,4 @@
 .hook-section-secondary() {}
 .hook-section-primary() {}
 .hook-section-overlap() {}
-.hook-section-misc() {}
+.hook-section-misc() {}

package/src/less/components/slidenav.less

@@ -37,19 +37,19 @@
 .uk-slidenav {
     padding: @slidenav-padding-vertical @slidenav-padding-horizontal;
     color: @slidenav-color;
-    .hook-slidenav;
+    .hook-slidenav();
 }
 
 /* Hover */
 .uk-slidenav:hover {
     color: @slidenav-hover-color;
-    .hook-slidenav-hover;
+    .hook-slidenav-hover();
 }
 
 /* OnClick */
 .uk-slidenav:active {
     color: @slidenav-active-color;
-    .hook-slidenav-active;
+    .hook-slidenav-active();
 }
 
 
@@ -61,7 +61,7 @@
  */
 
 .uk-slidenav-previous {
-    .hook-slidenav-previous;
+    .hook-slidenav-previous();
 }
 
 /*
@@ -69,7 +69,7 @@
  */
 
 .uk-slidenav-next {
-    .hook-slidenav-next;
+    .hook-slidenav-next();
 }
 
 
@@ -78,7 +78,7 @@
 
 .uk-slidenav-large {
     padding: @slidenav-large-padding-vertical @slidenav-large-padding-horizontal;
-    .hook-slidenav-large;
+    .hook-slidenav-large();
 }
 
 
@@ -87,14 +87,14 @@
 
 .uk-slidenav-container {
     display: flex;
-    .hook-slidenav-container;
+    .hook-slidenav-container();
 }
 
 
 // Hooks
 // ========================================================================
 
-.hook-slidenav-misc;
+.hook-slidenav-misc();
 
 .hook-slidenav() {}
 .hook-slidenav-hover() {}
@@ -117,17 +117,17 @@
 
     .uk-slidenav {
         color: @inverse-slidenav-color;
-        .hook-inverse-slidenav;
+        .hook-inverse-slidenav();
     }
 
     .uk-slidenav:hover {
         color: @inverse-slidenav-hover-color;
-        .hook-inverse-slidenav-hover;
+        .hook-inverse-slidenav-hover();
     }
 
     .uk-slidenav:active {
         color: @inverse-slidenav-active-color;
-        .hook-inverse-slidenav-active;
+        .hook-inverse-slidenav-active();
     }
 
 }

package/src/less/components/slider.less

@@ -31,7 +31,7 @@
 .uk-slider {
     /* 1 */
     -webkit-tap-highlight-color: transparent;
-    .hook-slider;
+    .hook-slider();
 }
 
 
@@ -110,7 +110,7 @@
 // Hooks
 // ========================================================================
 
-.hook-slider-misc;
+.hook-slider-misc();
 
 .hook-slider() {}
 .hook-slider-misc() {}

package/src/less/components/slideshow.less

@@ -21,7 +21,7 @@
 .uk-slideshow {
     /* 1 */
     -webkit-tap-highlight-color: transparent;
-    .hook-slideshow;
+    .hook-slideshow();
 }
 
 
@@ -87,7 +87,7 @@
 // Hooks
 // ========================================================================
 
-.hook-slideshow-misc;
+.hook-slideshow-misc();
 
 .hook-slideshow() {}
 .hook-slideshow-misc() {}

package/src/less/components/sortable.less

@@ -30,7 +30,7 @@
 
 .uk-sortable {
     position: relative;
-    .hook-sortable;
+    .hook-sortable();
 }
 
 /*
@@ -47,7 +47,7 @@
     position: fixed !important;
     z-index: @sortable-dragged-z-index !important;
     pointer-events: none;
-    .hook-sortable-drag;
+    .hook-sortable-drag();
 }
 
 
@@ -57,7 +57,7 @@
 .uk-sortable-placeholder {
     opacity: @sortable-placeholder-opacity;
     pointer-events: none;
-    .hook-sortable-placeholder;
+    .hook-sortable-placeholder();
 }
 
 
@@ -66,7 +66,7 @@
 
 .uk-sortable-empty {
     min-height: @sortable-empty-height;
-    .hook-sortable-empty;
+    .hook-sortable-empty();
 }
 
 
@@ -81,7 +81,7 @@
 // Hooks
 // ========================================================================
 
-.hook-sortable-misc;
+.hook-sortable-misc();
 
 .hook-sortable() {}
 .hook-sortable-drag() {}

package/src/less/components/spinner.less

@@ -11,7 +11,7 @@
 
 @spinner-size:                                  30px;
 @spinner-stroke-width:                          1;
-@spinner-radius:                                floor((@spinner-size - @spinner-stroke-width) / 2); // Minus stroke width to prevent overflow clipping
+@spinner-radius:                                floor(((@spinner-size - @spinner-stroke-width) / 2)); // Minus stroke width to prevent overflow clipping
 @spinner-circumference:                         round(2 * 3.141 * @spinner-radius);
 @spinner-duration:                              1.4s;
 
@@ -25,7 +25,7 @@
  */
 
 .uk-spinner {
-    .hook-spinner;
+    .hook-spinner();
 }
 
 
@@ -55,7 +55,7 @@
 @keyframes uk-spinner-dash {
     0% { stroke-dashoffset: @spinner-circumference; }
     50% {
-        stroke-dashoffset: @spinner-circumference/4;
+        stroke-dashoffset: (@spinner-circumference / 4);
         transform:rotate(135deg);
     }
     100% {
@@ -68,7 +68,7 @@
 // Hooks
 // ========================================================================
 
-.hook-spinner-misc;
+.hook-spinner-misc();
 
 .hook-spinner() {}
 .hook-spinner-misc() {}