uikit 3.8.1 → 3.9.2-dev.774931570

package/src/less/components/lightbox.less

@@ -76,7 +76,7 @@
     transition: opacity 0.15s linear;
     /* 7 */
     touch-action: pinch-zoom;
-    .hook-lightbox;
+    .hook-lightbox();
 }
 
 /*
@@ -137,7 +137,7 @@
     color: @lightbox-item-color;
     /* 4 */
     will-change: transform, opacity;
-    .hook-lightbox-item;
+    .hook-lightbox-item();
 }
 
 /* 5 */
@@ -160,7 +160,7 @@
     padding: @lightbox-toolbar-padding-vertical @lightbox-toolbar-padding-horizontal;
     background: @lightbox-toolbar-background;
     color: @lightbox-toolbar-color;
-    .hook-lightbox-toolbar;
+    .hook-lightbox-toolbar();
 }
 
 .uk-lightbox-toolbar > * { color: @lightbox-toolbar-color; }
@@ -172,7 +172,7 @@
 .uk-lightbox-toolbar-icon {
     padding: @lightbox-toolbar-icon-padding;
     color: @lightbox-toolbar-icon-color;
-    .hook-lightbox-toolbar-icon;
+    .hook-lightbox-toolbar-icon();
 }
 
 /*
@@ -181,7 +181,7 @@
 
 .uk-lightbox-toolbar-icon:hover {
     color: @lightbox-toolbar-icon-hover-color;
-    .hook-lightbox-toolbar-icon-hover;
+    .hook-lightbox-toolbar-icon-hover();
 }
 
 
@@ -203,18 +203,18 @@
     display: inline-flex;
     justify-content: center;
     align-items: center;
-    .hook-lightbox-button;
+    .hook-lightbox-button();
 }
 
 /* Hover */
 .uk-lightbox-button:hover {
     color: @lightbox-button-hover-color;
-    .hook-lightbox-button-hover;
+    .hook-lightbox-button-hover();
 }
 
 /* OnClick */
 .uk-lightbox-button:active {
-    .hook-lightbox-button-active;
+    .hook-lightbox-button-active();
 }
 
 
@@ -236,7 +236,7 @@
 // Hooks
 // ========================================================================
 
-.hook-lightbox-misc;
+.hook-lightbox-misc();
 
 .hook-lightbox() {}
 .hook-lightbox-item() {}

package/src/less/components/link.less

@@ -34,14 +34,14 @@
 a.uk-link-muted,
 .uk-link-muted a {
     color: @link-muted-color;
-    .hook-link-muted;
+    .hook-link-muted();
 }
 
 a.uk-link-muted:hover,
 .uk-link-muted a:hover,
 .uk-link-toggle:hover .uk-link-muted {
     color: @link-muted-hover-color;
-    .hook-link-muted-hover;
+    .hook-link-muted-hover();
 }
 
 
@@ -51,14 +51,14 @@ a.uk-link-muted:hover,
 a.uk-link-text,
 .uk-link-text a {
     color: inherit;
-    .hook-link-text;
+    .hook-link-text();
 }
 
 a.uk-link-text:hover,
 .uk-link-text a:hover,
 .uk-link-toggle:hover .uk-link-text {
     color: @link-text-hover-color;
-    .hook-link-text-hover;
+    .hook-link-text-hover();
 }
 
 
@@ -68,7 +68,7 @@ a.uk-link-text:hover,
 a.uk-link-heading,
 .uk-link-heading a {
     color: inherit;
-    .hook-link-heading;
+    .hook-link-heading();
 }
 
 a.uk-link-heading:hover,
@@ -76,7 +76,7 @@ a.uk-link-heading:hover,
 .uk-link-toggle:hover .uk-link-heading {
     color: @link-heading-hover-color;
     text-decoration: @link-heading-hover-text-decoration;
-    .hook-link-heading-hover;
+    .hook-link-heading-hover();
 }
 
 
@@ -91,7 +91,7 @@ a.uk-link-reset,
 .uk-link-reset a {
     color: inherit !important;
     text-decoration: none !important;
-    .hook-link-reset;
+    .hook-link-reset();
 }
 
 
@@ -107,7 +107,7 @@ a.uk-link-reset,
 // Hooks
 // ========================================================================
 
-.hook-link-misc;
+.hook-link-misc();
 
 .hook-link-muted() {}
 .hook-link-muted-hover() {}
@@ -132,28 +132,28 @@ a.uk-link-reset,
     a.uk-link-muted,
     .uk-link-muted a {
         color: @inverse-link-muted-color;
-        .hook-inverse-link-muted;
+        .hook-inverse-link-muted();
     }
 
     a.uk-link-muted:hover,
     .uk-link-muted a:hover,
     .uk-link-toggle:hover .uk-link-muted  {
         color: @inverse-link-muted-hover-color;
-        .hook-inverse-link-muted-hover;
+        .hook-inverse-link-muted-hover();
     }
 
     a.uk-link-text:hover,
     .uk-link-text a:hover,
     .uk-link-toggle:hover .uk-link-text {
         color: @inverse-link-text-hover-color;
-        .hook-inverse-link-text-hover;
+        .hook-inverse-link-text-hover();
     }
 
     a.uk-link-heading:hover,
     .uk-link-heading a:hover,
     .uk-link-toggle:hover .uk-link-heading {
         color: @inverse-link-heading-hover-color;
-        .hook-inverse-link-heading-hover;
+        .hook-inverse-link-heading-hover();
     }
 
 }

package/src/less/components/list.less

@@ -151,7 +151,7 @@
     margin-top: @list-divider-margin-top;
     padding-top: @list-divider-margin-top;
     border-top: @list-divider-border-width solid @list-divider-border;
-    .hook-list-divider;
+    .hook-list-divider();
 }
 
 /*
@@ -160,7 +160,7 @@
 
 .uk-list-striped > * {
     padding: @list-striped-padding-vertical @list-striped-padding-horizontal;
-    .hook-list-striped;
+    .hook-list-striped();
 }
 
 .uk-list-striped > :nth-of-type(odd) { background: @list-striped-background; }
@@ -209,7 +209,7 @@
 // Hooks
 // ========================================================================
 
-.hook-list-misc;
+.hook-list-misc();
 
 .hook-list-divider() {}
 .hook-list-striped() {}
@@ -242,11 +242,11 @@
 
     .uk-list-divider > :nth-child(n+2) {
         border-top-color: @inverse-list-divider-border;
-        .hook-inverse-list-divider;
+        .hook-inverse-list-divider();
     }
 
     .uk-list-striped > * {
-        .hook-inverse-list-striped;
+        .hook-inverse-list-striped();
     }
 
     .uk-list-striped > :nth-of-type(odd) { background-color: @inverse-list-striped-background; }

package/src/less/components/margin.less

@@ -198,12 +198,12 @@
  .uk-margin-remove-bottom { margin-bottom: 0 !important; }
  .uk-margin-remove-left { margin-left: 0 !important; }
  .uk-margin-remove-right { margin-right: 0 !important; }
- 
+
  .uk-margin-remove-vertical {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
  }
- 
+
  .uk-margin-remove-adjacent + *,
  .uk-margin-remove-first-child > :first-child { margin-top: 0 !important; }
  .uk-margin-remove-last-child > :last-child { margin-bottom: 0 !important; }
@@ -245,6 +245,6 @@
 // Hooks
 // ========================================================================
 
-.hook-margin-misc;
+.hook-margin-misc();
 
 .hook-margin-misc() {}

package/src/less/components/marker.less

@@ -28,20 +28,20 @@
     padding: @marker-padding;
     background: @marker-background;
     color: @marker-color;
-    .hook-marker;
+    .hook-marker();
 }
 
 /* Hover */
 .uk-marker:hover {
     color: @marker-hover-color;
-    .hook-marker-hover;
+    .hook-marker-hover();
 }
 
 
 // Hooks
 // ========================================================================
 
-.hook-marker-misc;
+.hook-marker-misc();
 
 .hook-marker() {}
 .hook-marker-hover() {}
@@ -60,12 +60,12 @@
     .uk-marker {
         background: @inverse-marker-background;
         color: @inverse-marker-color;
-        .hook-inverse-marker;
+        .hook-inverse-marker();
     }
 
     .uk-marker:hover {
         color: @inverse-marker-hover-color;
-        .hook-inverse-marker-hover;
+        .hook-inverse-marker-hover();
     }
 
 }

package/src/less/components/modal.less

@@ -96,7 +96,7 @@
     /* 6 */
     opacity: 0;
     transition: opacity 0.15s linear;
-    .hook-modal;
+    .hook-modal();
 }
 
 /* Phone landscape and bigger */
@@ -161,7 +161,7 @@
     transform: translateY(-100px);
     transition: 0.3s linear;
     transition-property: opacity, transform;
-    .hook-modal-dialog;
+    .hook-modal-dialog();
 }
 
 /*
@@ -202,7 +202,7 @@
     width: 100%;
     max-width: 100%;
     transform: translateY(0);
-    .hook-modal-full;
+    .hook-modal-full();
 }
 
 
@@ -212,21 +212,21 @@
 .uk-modal-body {
     display: flow-root;
     padding: @modal-body-padding-vertical @modal-body-padding-horizontal;
-    .hook-modal-body;
+    .hook-modal-body();
 }
 
 .uk-modal-header {
     display: flow-root;
     padding: @modal-header-padding-vertical @modal-header-padding-horizontal;
     background: @modal-header-background;
-    .hook-modal-header;
+    .hook-modal-header();
 }
 
 .uk-modal-footer {
     display: flow-root;
     padding: @modal-footer-padding-vertical @modal-footer-padding-horizontal;
     background: @modal-footer-background;
-    .hook-modal-footer;
+    .hook-modal-footer();
 }
 
 /*
@@ -244,7 +244,7 @@
 .uk-modal-title {
     font-size: @modal-title-font-size;
     line-height: @modal-title-line-height;
-    .hook-modal-title;
+    .hook-modal-title();
 }
 
 
@@ -258,7 +258,7 @@
     top: @modal-close-position;
     right: @modal-close-position;
     padding: @modal-close-padding;
-    .hook-modal-close;
+    .hook-modal-close();
 }
 
 /*
@@ -272,7 +272,7 @@
  */
 
 [class*='uk-modal-close-']:hover {
-    .hook-modal-close-hover;
+    .hook-modal-close-hover();
 }
 
 /*
@@ -280,11 +280,11 @@
  */
 
 .uk-modal-close-default {
-    .hook-modal-close-default;
+    .hook-modal-close-default();
 }
 
 .uk-modal-close-default:hover {
-    .hook-modal-close-default-hover;
+    .hook-modal-close-default-hover();
 }
 
 /*
@@ -298,12 +298,12 @@
     right: -@modal-close-padding;
     transform: translate(0, -(@modal-close-outside-translate));
     color: @modal-close-outside-color;
-    .hook-modal-close-outside;
+    .hook-modal-close-outside();
 }
 
 .uk-modal-close-outside:hover {
     color: @modal-close-outside-hover-color;
-    .hook-modal-close-outside-hover;
+    .hook-modal-close-outside-hover();
 }
 
 /* Tablet landscape and bigger */
@@ -322,18 +322,18 @@
  */
 
 .uk-modal-close-full {
-    .hook-modal-close-full;
+    .hook-modal-close-full();
 }
 
 .uk-modal-close-full:hover {
-    .hook-modal-close-full-hover;
+    .hook-modal-close-full-hover();
 }
 
 
 // Hooks
 // ========================================================================
 
-.hook-modal-misc;
+.hook-modal-misc();
 
 .hook-modal() {}
 .hook-modal-dialog() {}

package/src/less/components/nav.less

@@ -128,7 +128,7 @@
 
 ul.uk-nav-sub {
     padding: @nav-sublist-padding-vertical 0 @nav-sublist-padding-vertical @nav-sublist-padding-left;
-    .hook-nav-sub;
+    .hook-nav-sub();
 }
 
 /*
@@ -155,7 +155,7 @@ ul.uk-nav-sub {
     .svg-fill(@internal-nav-parent-close-image, "#000", @nav-parent-icon-color);
     background-repeat: no-repeat;
     background-position: 50% 50%;
-    .hook-nav-parent-icon;
+    .hook-nav-parent-icon();
 }
 
 .uk-nav-parent-icon > .uk-parent.uk-open > a::after { .svg-fill(@internal-nav-parent-open-image, "#000", @nav-parent-icon-color); }
@@ -168,7 +168,7 @@ ul.uk-nav-sub {
     padding: @nav-header-padding-vertical @nav-header-padding-horizontal;
     text-transform: @nav-header-text-transform;
     font-size: @nav-header-font-size;
-    .hook-nav-header;
+    .hook-nav-header();
 }
 
 .uk-nav-header:not(:first-child) { margin-top: @nav-header-margin-top; }
@@ -179,7 +179,7 @@ ul.uk-nav-sub {
 
 .uk-nav >.uk-nav-divider {
     margin: @nav-divider-margin-vertical @nav-divider-margin-horizontal;
-    .hook-nav-divider;
+    .hook-nav-divider();
 }
 
 
@@ -187,7 +187,7 @@ ul.uk-nav-sub {
  ========================================================================== */
 
 .uk-nav-default {
-    .hook-nav-default;
+    .hook-nav-default();
 }
 
 /*
@@ -196,19 +196,19 @@ ul.uk-nav-sub {
 
 .uk-nav-default > li > a {
     color: @nav-default-item-color;
-    .hook-nav-default-item;
+    .hook-nav-default-item();
 }
 
 /* Hover */
 .uk-nav-default > li > a:hover {
     color: @nav-default-item-hover-color;
-    .hook-nav-default-item-hover;
+    .hook-nav-default-item-hover();
 }
 
 /* Active */
 .uk-nav-default > li.uk-active > a {
     color: @nav-default-item-active-color;
-    .hook-nav-default-item-active;
+    .hook-nav-default-item-active();
 }
 
 /*
@@ -217,7 +217,7 @@ ul.uk-nav-sub {
 
 .uk-nav-default .uk-nav-header {
     color: @nav-default-header-color;
-    .hook-nav-default-header;
+    .hook-nav-default-header();
 }
 
 /*
@@ -226,7 +226,7 @@ ul.uk-nav-sub {
 
 .uk-nav-default .uk-nav-divider {
     border-top: @nav-default-divider-border-width solid @nav-default-divider-border;
-    .hook-nav-default-divider;
+    .hook-nav-default-divider();
 }
 
 /*
@@ -244,7 +244,7 @@ ul.uk-nav-sub {
  ========================================================================== */
 
 .uk-nav-primary {
-    .hook-nav-primary;
+    .hook-nav-primary();
 }
 
 /*
@@ -255,19 +255,19 @@ ul.uk-nav-sub {
     font-size: @nav-primary-item-font-size;
     line-height: @nav-primary-item-line-height;
     color: @nav-primary-item-color;
-    .hook-nav-primary-item;
+    .hook-nav-primary-item();
 }
 
 /* Hover */
 .uk-nav-primary > li > a:hover {
     color: @nav-primary-item-hover-color;
-    .hook-nav-primary-item-hover;
+    .hook-nav-primary-item-hover();
 }
 
 /* Active */
 .uk-nav-primary > li.uk-active > a {
     color: @nav-primary-item-active-color;
-    .hook-nav-primary-item-active;
+    .hook-nav-primary-item-active();
 }
 
 /*
@@ -276,7 +276,7 @@ ul.uk-nav-sub {
 
 .uk-nav-primary .uk-nav-header {
     color: @nav-primary-header-color;
-    .hook-nav-primary-header;
+    .hook-nav-primary-header();
 }
 
 /*
@@ -285,7 +285,7 @@ ul.uk-nav-sub {
 
 .uk-nav-primary .uk-nav-divider {
     border-top: @nav-primary-divider-border-width solid @nav-primary-divider-border;
-    .hook-nav-primary-divider;
+    .hook-nav-primary-divider();
 }
 
 /*
@@ -327,14 +327,14 @@ ul.uk-nav-sub {
     margin-top: @nav-dividers-margin-top;
     padding-top: @nav-dividers-margin-top;
     border-top: @nav-dividers-border-width solid @nav-dividers-border;
-    .hook-nav-dividers;
+    .hook-nav-dividers();
 }
 
 
 // Hooks
 // ========================================================================
 
-.hook-nav-misc;
+.hook-nav-misc();
 
 .hook-nav-sub() {}
 .hook-nav-parent-icon() {}
@@ -388,7 +388,7 @@ ul.uk-nav-sub {
 
     .uk-nav-parent-icon > .uk-parent > a::after {
         .svg-fill(@internal-nav-parent-close-image, "#000", @inverse-nav-parent-icon-color);
-        .hook-inverse-nav-parent-icon;
+        .hook-inverse-nav-parent-icon();
     }
 
     .uk-nav-parent-icon > .uk-parent.uk-open > a::after { .svg-fill(@internal-nav-parent-open-image, "#000", @inverse-nav-parent-icon-color); }
@@ -399,27 +399,27 @@ ul.uk-nav-sub {
 
     .uk-nav-default > li > a {
         color: @inverse-nav-default-item-color;
-        .hook-inverse-nav-default-item;
+        .hook-inverse-nav-default-item();
     }
 
     .uk-nav-default > li > a:hover {
         color: @inverse-nav-default-item-hover-color;
-        .hook-inverse-nav-default-item-hover;
+        .hook-inverse-nav-default-item-hover();
     }
 
     .uk-nav-default > li.uk-active > a {
         color: @inverse-nav-default-item-active-color;
-        .hook-inverse-nav-default-item-active;
+        .hook-inverse-nav-default-item-active();
     }
 
     .uk-nav-default .uk-nav-header {
         color: @inverse-nav-default-header-color;
-        .hook-inverse-nav-default-header;
+        .hook-inverse-nav-default-header();
     }
 
     .uk-nav-default .uk-nav-divider {
         border-top-color: @inverse-nav-default-divider-border;
-        .hook-inverse-nav-default-divider;
+        .hook-inverse-nav-default-divider();
     }
 
     .uk-nav-default .uk-nav-sub a { color: @inverse-nav-default-sublist-item-color; }
@@ -434,27 +434,27 @@ ul.uk-nav-sub {
 
     .uk-nav-primary > li > a {
         color: @inverse-nav-primary-item-color;
-        .hook-inverse-nav-primary-item;
+        .hook-inverse-nav-primary-item();
     }
 
     .uk-nav-primary > li > a:hover {
         color: @inverse-nav-primary-item-hover-color;
-        .hook-inverse-nav-primary-item-hover;
+        .hook-inverse-nav-primary-item-hover();
     }
 
     .uk-nav-primary > li.uk-active > a {
         color: @inverse-nav-primary-item-active-color;
-        .hook-inverse-nav-primary-item-active;
+        .hook-inverse-nav-primary-item-active();
     }
 
     .uk-nav-primary .uk-nav-header {
         color: @inverse-nav-primary-header-color;
-        .hook-inverse-nav-primary-header;
+        .hook-inverse-nav-primary-header();
     }
 
     .uk-nav-primary .uk-nav-divider {
         border-top-color: @inverse-nav-primary-divider-border;
-        .hook-inverse-nav-primary-divider;
+        .hook-inverse-nav-primary-divider();
     }
 
     .uk-nav-primary .uk-nav-sub a { color: @inverse-nav-primary-sublist-item-color; }
@@ -469,7 +469,7 @@ ul.uk-nav-sub {
 
     .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) {
         border-top-color: @inverse-nav-dividers-border;
-        .hook-nav-dividers;
+        .hook-nav-dividers();
     }
 
 }
@@ -485,4 +485,4 @@ ul.uk-nav-sub {
 .hook-inverse-nav-primary-item-active() {}
 .hook-inverse-nav-primary-header() {}
 .hook-inverse-nav-primary-divider() {}
-.hook-inverse-nav-dividers() {}
+.hook-inverse-nav-dividers() {}