uikit 3.8.1 → 3.9.2-dev.774931570

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

package/src/less/components/sticky.less

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

package/src/less/components/subnav.less

@@ -63,7 +63,7 @@
     /* 4 */
     padding: 0;
     list-style: none;
-    .hook-subnav;
+    .hook-subnav();
 }
 
 /*
@@ -101,20 +101,20 @@
     column-gap: 0.25em;
     /* 3 */
     color: @subnav-item-color;
-    .hook-subnav-item;
+    .hook-subnav-item();
 }
 
 /* Hover */
 .uk-subnav > * > a:hover {
     color: @subnav-item-hover-color;
     text-decoration: @subnav-item-hover-text-decoration;
-    .hook-subnav-item-hover;
+    .hook-subnav-item-hover();
 }
 
 /* Active */
 .uk-subnav > .uk-active > a {
     color: @subnav-item-active-color;
-    .hook-subnav-item-active;
+    .hook-subnav-item-active();
 }
 
 
@@ -122,7 +122,7 @@
  ========================================================================== */
 
 /*
- * Set gutter 
+ * Set gutter
  */
 
 .uk-subnav-divider { margin-left: -((@subnav-divider-margin-horizontal * 2) + @subnav-divider-border-width); }
@@ -152,7 +152,7 @@
 /* 1 */
 .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {
     border-left-color: @subnav-divider-border;
-    .hook-subnav-divider;
+    .hook-subnav-divider();
 }
 
 
@@ -163,28 +163,28 @@
     padding: @subnav-pill-item-padding-vertical @subnav-pill-item-padding-horizontal;
     background: @subnav-pill-item-background;
     color: @subnav-pill-item-color;
-    .hook-subnav-pill-item;
+    .hook-subnav-pill-item();
 }
 
 /* Hover */
 .uk-subnav-pill > * > a:hover {
     background-color: @subnav-pill-item-hover-background;
     color: @subnav-pill-item-hover-color;
-    .hook-subnav-pill-item-hover;
+    .hook-subnav-pill-item-hover();
 }
 
 /* OnClick */
 .uk-subnav-pill > * > a:active {
     background-color: @subnav-pill-item-onclick-background;
     color: @subnav-pill-item-onclick-color;
-    .hook-subnav-pill-item-onclick;
+    .hook-subnav-pill-item-onclick();
 }
 
 /* Active */
 .uk-subnav-pill > .uk-active > a {
     background-color: @subnav-pill-item-active-background;
     color: @subnav-pill-item-active-color;
-    .hook-subnav-pill-item-active;
+    .hook-subnav-pill-item-active();
 }
 
 
@@ -194,14 +194,14 @@
 
 .uk-subnav > .uk-disabled > a {
     color: @subnav-item-disabled-color;
-    .hook-subnav-item-disabled;
+    .hook-subnav-item-disabled();
 }
 
 
 // Hooks
 // ========================================================================
 
-.hook-subnav-misc;
+.hook-subnav-misc();
 
 .hook-subnav() {}
 .hook-subnav-item() {}
@@ -237,17 +237,17 @@
 
     .uk-subnav > * > :first-child {
         color: @inverse-subnav-item-color;
-        .hook-inverse-subnav-item;
+        .hook-inverse-subnav-item();
     }
 
     .uk-subnav > * > a:hover {
         color: @inverse-subnav-item-hover-color;
-        .hook-inverse-subnav-item-hover;
+        .hook-inverse-subnav-item-hover();
     }
 
     .uk-subnav > .uk-active > a {
         color: @inverse-subnav-item-active-color;
-        .hook-inverse-subnav-item-active;
+        .hook-inverse-subnav-item-active();
     }
 
     //
@@ -256,7 +256,7 @@
 
     .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {
         border-left-color: @inverse-subnav-divider-border;
-        .hook-inverse-subnav-divider;
+        .hook-inverse-subnav-divider();
     }
 
     //
@@ -266,25 +266,25 @@
     .uk-subnav-pill > * > :first-child {
         background-color: @inverse-subnav-pill-item-background;
         color: @inverse-subnav-pill-item-color;
-        .hook-inverse-subnav-pill-item;
+        .hook-inverse-subnav-pill-item();
     }
 
     .uk-subnav-pill > * > a:hover {
         background-color: @inverse-subnav-pill-item-hover-background;
         color: @inverse-subnav-pill-item-hover-color;
-        .hook-inverse-subnav-pill-item-hover;
+        .hook-inverse-subnav-pill-item-hover();
     }
 
     .uk-subnav-pill > * > a:active {
         background-color: @inverse-subnav-pill-item-onclick-background;
         color: @inverse-subnav-pill-item-onclick-color;
-        .hook-inverse-subnav-pill-item-onclick;
+        .hook-inverse-subnav-pill-item-onclick();
     }
 
     .uk-subnav-pill > .uk-active > a {
         background-color: @inverse-subnav-pill-item-active-background;
         color: @inverse-subnav-pill-item-active-color;
-        .hook-inverse-subnav-pill-item-active;
+        .hook-inverse-subnav-pill-item-active();
     }
 
     //
@@ -293,7 +293,7 @@
 
     .uk-subnav > .uk-disabled > a {
         color: @inverse-subnav-item-disabled-color;
-        .hook-inverse-subnav-item-disabled;
+        .hook-inverse-subnav-item-disabled();
     }
 
 }

package/src/less/components/svg.less

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

package/src/less/components/switcher.less

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

package/src/less/components/tab.less

@@ -46,7 +46,7 @@
     /* 3 */
     padding: 0;
     list-style: none;
-    .hook-tab;
+    .hook-tab();
 }
 
 /*
@@ -87,26 +87,26 @@
     /* 4 */
     padding: @tab-item-padding-vertical @tab-item-padding-horizontal;
     color: @tab-item-color;
-    .hook-tab-item;
+    .hook-tab-item();
 }
 
 /* Hover */
 .uk-tab > * > a:hover {
     color: @tab-item-hover-color;
     text-decoration: @tab-item-hover-text-decoration;
-    .hook-tab-item-hover;
+    .hook-tab-item-hover();
 }
 
 /* Active */
 .uk-tab > .uk-active > a {
     color: @tab-item-active-color;
-    .hook-tab-item-active;
+    .hook-tab-item-active();
 }
 
 /* Disabled */
 .uk-tab > .uk-disabled > a {
     color: @tab-item-disabled-color;
-    .hook-tab-item-disabled;
+    .hook-tab-item-disabled();
 }
 
 
@@ -118,11 +118,11 @@
  */
 
 .uk-tab-bottom {
-    .hook-tab-bottom;
+    .hook-tab-bottom();
 }
 
 .uk-tab-bottom > * > a {
-    .hook-tab-bottom-item;
+    .hook-tab-bottom-item();
 }
 
 /*
@@ -142,28 +142,28 @@
 .uk-tab-right > * { padding-left: 0; }
 
 .uk-tab-left {
-    .hook-tab-left;
+    .hook-tab-left();
 }
 
 .uk-tab-right {
-    .hook-tab-right;
+    .hook-tab-right();
 }
 
 .uk-tab-left > * > a {
     justify-content: left;
-    .hook-tab-left-item;
+    .hook-tab-left-item();
 }
 
 .uk-tab-right > * > a {
     justify-content: left;
-    .hook-tab-right-item;
+    .hook-tab-right-item();
 }
 
 
 // Hooks
 // ========================================================================
 
-.hook-tab-misc;
+.hook-tab-misc();
 
 .hook-tab() {}
 .hook-tab-item() {}
@@ -190,27 +190,27 @@
 .hook-inverse() {
 
     .uk-tab {
-        .hook-inverse-tab;
+        .hook-inverse-tab();
     }
 
     .uk-tab > * > a {
         color: @inverse-tab-item-color;
-        .hook-inverse-tab-item;
+        .hook-inverse-tab-item();
     }
 
     .uk-tab > * > a:hover {
         color: @inverse-tab-item-hover-color;
-        .hook-inverse-tab-item-hover;
+        .hook-inverse-tab-item-hover();
     }
 
     .uk-tab > .uk-active > a {
         color: @inverse-tab-item-active-color;
-        .hook-inverse-tab-item-active;
+        .hook-inverse-tab-item-active();
     }
 
     .uk-tab > .uk-disabled > a {
         color: @inverse-tab-item-disabled-color;
-        .hook-inverse-tab-item-disabled;
+        .hook-inverse-tab-item-disabled();
     }
 
 }
@@ -219,4 +219,4 @@
 .hook-inverse-tab-item() {}
 .hook-inverse-tab-item-hover() {}
 .hook-inverse-tab-item-active() {}
-.hook-inverse-tab-item-disabled() {}
+.hook-inverse-tab-item-disabled() {}