@broxus/react-uikit 0.3.1 → 0.4.1

package/dist/esm/styles/thumbnav.scss

@@ -36,7 +36,9 @@
     /* 2 */
     margin: 0 0 0 /* 3 */ calc(var(--thumbnav-margin-horizontal) * -1);
     padding: 0;
-    .hook-thumbnav;
+    @if mixin-exists(hook-thumbnav) {
+        @include hook-thumbnav;
+    }
 }
 
 /*
@@ -59,19 +61,25 @@
 
 .uk-thumbnav > * > * {
     display: inline-block;
-    .hook-thumbnav-item;
+    @if mixin-exists(hook-thumbnav-item) {
+        @include hook-thumbnav-item;
+    }
 }
 
 /* Hover + Focus */
 .uk-thumbnav > * > :hover,
 .uk-thumbnav > * > :focus {
     outline: none;
-    .hook-thumbnav-item-hover;
+    @if mixin-exists(hook-thumbnav-item-hover) {
+        @include hook-thumbnav-item-hover;
+    }
 }
 
 /* Active */
 .uk-thumbnav > .uk-active > * {
-    .hook-thumbnav-item-active;
+    @if mixin-exists(hook-thumbnav-item-active) {
+        @include hook-thumbnav-item-active;
+    }
 }
 
 
@@ -102,45 +110,10 @@
 // Hooks
 // ========================================================================
 
-.hook-thumbnav-misc;
-
-.hook-thumbnav() {}
-
-.hook-thumbnav-item() {}
-
-.hook-thumbnav-item-hover() {}
-
-.hook-thumbnav-item-active() {}
-
-.hook-thumbnav-misc() {}
-
-
-// Inverse
-// ========================================================================
-
-.hook-inverse() {
-
-    .uk-thumbnav > * > * {
-        .hook-inverse-thumbnav-item;
-    }
-
-    .uk-thumbnav > * > :hover,
-    .uk-thumbnav > * > :focus {
-        .hook-inverse-thumbnav-item-hover;
-    }
-
-    .uk-thumbnav > .uk-active > * {
-        .hook-inverse-thumbnav-item-active;
-    }
-
+@if mixin-exists(hook-thumbnav-misc) {
+    @include hook-thumbnav-misc;
 }
 
-.hook-inverse-thumbnav-item() {}
-
-.hook-inverse-thumbnav-item-hover() {}
-
-.hook-inverse-thumbnav-item-active() {}
-
 
 // Vars
 // ========================================================================

package/dist/esm/styles/tooltip.scss

@@ -36,6 +36,9 @@
  */
 
 .uk-tooltip {
+    --uk-position-offset: var(--tooltip-margin);
+    --uk-position-viewport-offset: 10;
+
     /* 5 */
     background: var(--tooltip-background);
     border-radius: var(--tooltip-border-radius);
@@ -65,16 +68,6 @@
 .uk-tooltip.uk-active { display: block; }
 
 
-/* Direction / Alignment modifiers
- ========================================================================== */
-
-/* Direction */
-[class*='uk-tooltip-top'] { margin-top: calc(var(--tooltip-margin) * -1); }
-[class*='uk-tooltip-bottom'] { margin-top: var(--tooltip-margin); }
-[class*='uk-tooltip-left'] { margin-left: calc(var(--tooltip-margin) * -1); }
-[class*='uk-tooltip-right'] { margin-left: var(--tooltip-margin); }
-
-
 // Hooks
 // ========================================================================