uikit 3.8.1-dev.3a43322ca → 3.9.1

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

package/src/less/components/table.less

@@ -72,7 +72,7 @@
     width: 100%;
     /* 3 */
     margin-bottom: @table-margin-vertical;
-    .hook-table;
+    .hook-table();
 }
 
 /* Add margin if adjacent element */
@@ -94,7 +94,7 @@
     font-size: @table-header-cell-font-size;
     font-weight: @table-header-cell-font-weight;
     color: @table-header-cell-color;
-    .hook-table-header-cell;
+    .hook-table-header-cell();
 }
 
 
@@ -104,7 +104,7 @@
 .uk-table td {
     padding: @table-cell-padding-vertical @table-cell-padding-horizontal;
     vertical-align: top;
-    .hook-table-cell;
+    .hook-table-cell();
 }
 
 /*
@@ -119,7 +119,7 @@
 
 .uk-table tfoot {
     font-size: @table-footer-font-size;
-    .hook-table-footer;
+    .hook-table-footer();
 }
 
 
@@ -130,7 +130,7 @@
     font-size: @table-caption-font-size;
     text-align: left;
     color: @table-caption-color;
-    .hook-table-caption;
+    .hook-table-caption();
 }
 
 
@@ -152,7 +152,7 @@
 .uk-table-divider > :not(:first-child) > tr,
 .uk-table-divider > :first-child > tr:not(:first-child) {
     border-top: @table-divider-border-width solid @table-divider-border;
-    .hook-table-divider;
+    .hook-table-divider();
 }
 
 /*
@@ -162,7 +162,7 @@
 .uk-table-striped > tr:nth-of-type(odd),
 .uk-table-striped tbody tr:nth-of-type(odd) {
     background: @table-striped-row-background;
-    .hook-table-striped;
+    .hook-table-striped();
 }
 
 /*
@@ -172,7 +172,7 @@
 .uk-table-hover > tr:hover,
 .uk-table-hover tbody tr:hover {
     background: @table-hover-row-background;
-    .hook-table-hover;
+    .hook-table-hover();
 }
 
 
@@ -182,7 +182,7 @@
 .uk-table > tr.uk-active,
 .uk-table tbody tr.uk-active {
     background: @table-row-active-background;
-    .hook-table-row-active;
+    .hook-table-row-active();
 }
 
 /* Size modifier
@@ -191,13 +191,13 @@
 .uk-table-small th,
 .uk-table-small td {
     padding: @table-small-cell-padding-vertical @table-small-cell-padding-horizontal;
-    .hook-table-small;
+    .hook-table-small();
 }
 
 .uk-table-large th,
 .uk-table-large td {
     padding: @table-large-cell-padding-vertical @table-large-cell-padding-horizontal;
-    .hook-table-large;
+    .hook-table-large();
 }
 
 
@@ -261,11 +261,11 @@
 
     .uk-table-responsive th:not(:first-child):not(.uk-table-link),
     .uk-table-responsive td:not(:first-child):not(.uk-table-link),
-    .uk-table-responsive .uk-table-link:not(:first-child) > a { padding-top: round(@table-cell-padding-vertical / 3) !important; }
+    .uk-table-responsive .uk-table-link:not(:first-child) > a { padding-top: round((@table-cell-padding-vertical / 3)) !important; }
 
     .uk-table-responsive th:not(:last-child):not(.uk-table-link),
     .uk-table-responsive td:not(:last-child):not(.uk-table-link),
-    .uk-table-responsive .uk-table-link:not(:last-child) > a { padding-bottom: round(@table-cell-padding-vertical / 3) !important; }
+    .uk-table-responsive .uk-table-link:not(:last-child) > a { padding-bottom: round((@table-cell-padding-vertical / 3)) !important; }
 
     .uk-table-justify.uk-table-responsive th,
     .uk-table-justify.uk-table-responsive td {
@@ -279,7 +279,7 @@
 // Hooks
 // ========================================================================
 
-.hook-table-misc;
+.hook-table-misc();
 
 .hook-table() {}
 .hook-table-header-cell() {}
@@ -309,37 +309,37 @@
 
     .uk-table th {
         color: @inverse-table-header-cell-color;
-        .hook-inverse-table-header-cell;
+        .hook-inverse-table-header-cell();
     }
 
     .uk-table caption {
         color: @inverse-table-caption-color;
-        .hook-inverse-table-caption;
+        .hook-inverse-table-caption();
     }
 
     .uk-table > tr.uk-active,
     .uk-table tbody tr.uk-active {
         background: @inverse-table-row-active-background;
-        .hook-inverse-table-row-active;
+        .hook-inverse-table-row-active();
     }
 
     .uk-table-divider > tr:not(:first-child),
     .uk-table-divider > :not(:first-child) > tr,
     .uk-table-divider > :first-child > tr:not(:first-child) {
         border-top-color: @inverse-table-divider-border;
-        .hook-inverse-table-divider;
+        .hook-inverse-table-divider();
     }
 
     .uk-table-striped > tr:nth-of-type(odd),
     .uk-table-striped tbody tr:nth-of-type(odd) {
         background: @inverse-table-striped-row-background;
-        .hook-inverse-table-striped;
+        .hook-inverse-table-striped();
     }
 
     .uk-table-hover > tr:hover,
     .uk-table-hover tbody tr:hover {
         background: @inverse-table-hover-row-background;
-        .hook-inverse-table-hover;
+        .hook-inverse-table-hover();
     }
 
 }
@@ -349,4 +349,4 @@
 .hook-inverse-table-row-active() {}
 .hook-inverse-table-divider() {}
 .hook-inverse-table-striped() {}
-.hook-inverse-table-hover() {}
+.hook-inverse-table-hover() {}

package/src/less/components/text.less

@@ -46,14 +46,14 @@
     font-size: @text-lead-font-size;
     line-height: @text-lead-line-height;
     color: @text-lead-color;
-    .hook-text-lead;
+    .hook-text-lead();
 }
 
 .uk-text-meta {
     font-size: @text-meta-font-size;
     line-height: @text-meta-line-height;
     color: @text-meta-color;
-    .hook-text-meta;
+    .hook-text-meta();
 }
 
 
@@ -63,13 +63,13 @@
 .uk-text-small {
     font-size: @text-small-font-size;
     line-height: @text-small-line-height;
-    .hook-text-small;
+    .hook-text-small();
 }
 
 .uk-text-large {
     font-size: @text-large-font-size;
     line-height: @text-large-line-height;
-    .hook-text-large;
+    .hook-text-large();
 }
 
 .uk-text-default {
@@ -84,14 +84,14 @@
 .uk-text-light { font-weight: 300; }
 .uk-text-normal { font-weight: 400; }
 .uk-text-bold { font-weight: 700; }
- 
+
 .uk-text-lighter { font-weight: lighter; }
 .uk-text-bolder { font-weight: bolder; }
 
- 
+
 /* Style modifier
  ========================================================================== */
- 
+
 .uk-text-italic { font-style: italic; }
 
 
@@ -145,7 +145,7 @@
     .uk-text-background {
         background-color: @text-background-color;
         color: transparent !important;
-        .hook-text-background;
+        .hook-text-background();
     }
 
 }
@@ -258,7 +258,7 @@ td.uk-text-break { word-break: break-all; }
 // Hooks
 // ========================================================================
 
-.hook-text-misc;
+.hook-text-misc();
 
 .hook-text-lead() {}
 .hook-text-meta() {}
@@ -282,12 +282,12 @@ td.uk-text-break { word-break: break-all; }
 
     .uk-text-lead {
         color: @inverse-text-lead-color;
-        .hook-inverse-text-lead;
+        .hook-inverse-text-lead();
     }
 
     .uk-text-meta {
         color: @inverse-text-meta-color;
-        .hook-inverse-text-meta;
+        .hook-inverse-text-meta();
     }
 
     .uk-text-muted { color: @inverse-text-muted-color !important; }

package/src/less/components/thumbnav.less

@@ -37,7 +37,7 @@
     list-style: none;
     /* 3 */
     margin-left: -@thumbnav-margin-horizontal;
-    .hook-thumbnav;
+    .hook-thumbnav();
 }
 
 /*
@@ -60,17 +60,17 @@
 
 .uk-thumbnav > * > * {
     display: inline-block;
-    .hook-thumbnav-item;
+    .hook-thumbnav-item();
 }
 
 /* Hover */
 .uk-thumbnav > * > :hover {
-    .hook-thumbnav-item-hover;
+    .hook-thumbnav-item-hover();
 }
 
 /* Active */
 .uk-thumbnav > .uk-active > * {
-    .hook-thumbnav-item-active;
+    .hook-thumbnav-item-active();
 }
 
 
@@ -100,7 +100,7 @@
 // Hooks
 // ========================================================================
 
-.hook-thumbnav-misc;
+.hook-thumbnav-misc();
 
 .hook-thumbnav() {}
 .hook-thumbnav-item() {}
@@ -115,19 +115,19 @@
 .hook-inverse() {
 
     .uk-thumbnav > * > * {
-        .hook-inverse-thumbnav-item;
+        .hook-inverse-thumbnav-item();
     }
 
     .uk-thumbnav > * > :hover {
-        .hook-inverse-thumbnav-item-hover;
+        .hook-inverse-thumbnav-item-hover();
     }
 
     .uk-thumbnav > .uk-active > * {
-        .hook-inverse-thumbnav-item-active;
+        .hook-inverse-thumbnav-item-active();
     }
 
 }
 
 .hook-inverse-thumbnav-item() {}
 .hook-inverse-thumbnav-item-hover() {}
-.hook-inverse-thumbnav-item-active() {}
+.hook-inverse-thumbnav-item-active() {}

package/src/less/components/tile.less

@@ -59,7 +59,7 @@
     padding-right: @tile-padding-horizontal;
     padding-top: @tile-padding-vertical;
     padding-bottom: @tile-padding-vertical;
-    .hook-tile;
+    .hook-tile();
 }
 
 /* Phone landscape and bigger */
@@ -161,11 +161,11 @@
 
 .uk-tile-default {
     background-color: @tile-default-background;
-    .hook-tile-default;
+    .hook-tile-default();
 }
 
 .uk-tile-default.uk-tile-hover:hover {
-    .hook-tile-default-hover;
+    .hook-tile-default-hover();
 }
 
 /*
@@ -174,11 +174,11 @@
 
 .uk-tile-muted {
     background-color: @tile-muted-background;
-    .hook-tile-muted;
+    .hook-tile-muted();
 }
 
 .uk-tile-muted.uk-tile-hover:hover {
-    .hook-tile-muted-hover;
+    .hook-tile-muted-hover();
 }
 
 /*
@@ -187,11 +187,11 @@
 
 .uk-tile-primary {
     background-color: @tile-primary-background;
-    .hook-tile-primary;
+    .hook-tile-primary();
 }
 
 .uk-tile-primary.uk-tile-hover:hover {
-    .hook-tile-primary-hover;
+    .hook-tile-primary-hover();
 }
 
 // Color Mode
@@ -204,11 +204,11 @@
 
 .uk-tile-secondary {
     background-color: @tile-secondary-background;
-    .hook-tile-secondary;
+    .hook-tile-secondary();
 }
 
 .uk-tile-secondary.uk-tile-hover:hover {
-    .hook-tile-secondary-hover;
+    .hook-tile-secondary-hover();
 }
 
 // Color Mode
@@ -219,7 +219,7 @@
 // Hooks
 // ========================================================================
 
-.hook-tile-misc;
+.hook-tile-misc();
 
 .hook-tile() {}
 .hook-tile-default() {}