uikit 3.16.25-dev.12f581d90 → 3.16.25-dev.eeed10ecc

package/src/scss/mixins.scss

@@ -876,6 +876,52 @@
     }
 
 }
+@mixin hook-label(){}
+@mixin hook-label-success(){}
+@mixin hook-label-warning(){}
+@mixin hook-label-danger(){}
+@mixin hook-label-misc(){}
+@mixin hook-inverse-label(){}
+@mixin hook-inverse-component-label(){
+
+    .uk-label {
+        background-color: $inverse-label-background;
+        color: $inverse-label-color;
+        @if(mixin-exists(hook-inverse-label)) {@include hook-inverse-label();}
+    }
+
+}
+@mixin hook-leader(){}
+@mixin hook-leader-misc(){}
+@mixin hook-inverse-leader(){}
+@mixin hook-inverse-component-leader(){
+
+    .uk-leader-fill::after {
+        @if(mixin-exists(hook-inverse-leader)) {@include hook-inverse-leader();}
+    }
+
+}
+@mixin hook-lightbox(){}
+@mixin hook-lightbox-item(){}
+@mixin hook-lightbox-toolbar(){}
+@mixin hook-lightbox-toolbar-icon(){}
+@mixin hook-lightbox-toolbar-icon-hover(){}
+@mixin hook-lightbox-button(){}
+@mixin hook-lightbox-button-hover(){}
+@mixin hook-lightbox-button-active(){}
+@mixin hook-lightbox-misc(){}
+@mixin hook-link-muted(){}
+@mixin hook-link-muted-hover(){}
+@mixin hook-link-text(){}
+@mixin hook-link-text-hover(){}
+@mixin hook-link-heading(){}
+@mixin hook-link-heading-hover(){}
+@mixin hook-link-reset(){}
+@mixin hook-link-misc(){}
+@mixin hook-inverse-link-muted(){}
+@mixin hook-inverse-link-muted-hover(){}
+@mixin hook-inverse-link-text-hover(){}
+@mixin hook-inverse-link-heading-hover(){}
 @mixin hook-inverse-component-link(){
 
     a.uk-link-muted,
@@ -906,6 +952,11 @@
     }
 
 }
+@mixin hook-list-divider(){}
+@mixin hook-list-striped(){}
+@mixin hook-list-misc(){}
+@mixin hook-inverse-list-divider(){}
+@mixin hook-inverse-list-striped(){}
 @mixin hook-inverse-component-list(){
 
     .uk-list-muted > ::before { color: $inverse-list-muted-color !important; }
@@ -929,97 +980,89 @@
     .uk-list-striped > :nth-of-type(odd) { background-color: $inverse-list-striped-background; }
 
 }
-@mixin hook-inverse-component-totop(){
-
-    .uk-totop {
-        color: $inverse-totop-color;
-        @if(mixin-exists(hook-inverse-totop)) {@include hook-inverse-totop();}
-    }
-
-    .uk-totop:hover {
-        color: $inverse-totop-hover-color;
-        @if(mixin-exists(hook-inverse-totop-hover)) {@include hook-inverse-totop-hover();}
-    }
-
-    .uk-totop:active {
-        color: $inverse-totop-active-color;
-        @if(mixin-exists(hook-inverse-totop-active)) {@include hook-inverse-totop-active();}
-    }
-
-}
-@mixin hook-inverse-component-label(){
-
-    .uk-label {
-        background-color: $inverse-label-background;
-        color: $inverse-label-color;
-        @if(mixin-exists(hook-inverse-label)) {@include hook-inverse-label();}
-    }
-
-}
-@mixin hook-inverse-component-search(){
-
-    //
-    // Input
-    //
-
-    .uk-search-input { color: $inverse-search-color; }
-
-    .uk-search-input::placeholder { color: $inverse-search-placeholder-color; }
-
-    //
-    // Icon
-    //
-
-    .uk-search .uk-search-icon { color: $inverse-search-icon-color; }
-    .uk-search .uk-search-icon:hover { color: $inverse-search-icon-color; }
-
-    //
-    // Style modifier
-    //
-
-    .uk-search-default .uk-search-input {
-        background-color: $inverse-search-default-background;
-        @if(mixin-exists(hook-inverse-search-default-input)) {@include hook-inverse-search-default-input();}
-    }
-
-    .uk-search-default .uk-search-input:focus {
-        background-color: $inverse-search-default-focus-background;
-        @if(mixin-exists(hook-inverse-search-default-input-focus)) {@include hook-inverse-search-default-input-focus();}
-    }
-
-    .uk-search-navbar .uk-search-input {
-        background-color: $inverse-search-navbar-background;
-        @if(mixin-exists(hook-inverse-search-navbar-input)) {@include hook-inverse-search-navbar-input();}
-    }
-
-    .uk-search-navbar .uk-search-input:focus {
-        @if(mixin-exists(hook-inverse-search-navbar-input-focus)) {@include hook-inverse-search-navbar-input-focus();}
-    }
-
-    .uk-search-large .uk-search-input {
-        background-color: $inverse-search-large-background;
-        @if(mixin-exists(hook-inverse-search-large-input)) {@include hook-inverse-search-large-input();}
-    }
-
-    .uk-search-large .uk-search-input:focus {
-        @if(mixin-exists(hook-inverse-search-large-input-focus)) {@include hook-inverse-search-large-input-focus();}
-    }
-
-    //
-    // Toggle
-    //
+@mixin hook-margin-misc(){}
+@mixin hook-marker(){}
+@mixin hook-marker-hover(){}
+@mixin hook-marker-misc(){}
+@mixin hook-inverse-marker(){}
+@mixin hook-inverse-marker-hover(){}
+@mixin hook-inverse-component-marker(){
 
-    .uk-search-toggle {
-        color: $inverse-search-toggle-color;
-        @if(mixin-exists(hook-inverse-search-toggle)) {@include hook-inverse-search-toggle();}
+    .uk-marker {
+        background: $inverse-marker-background;
+        color: $inverse-marker-color;
+        @if(mixin-exists(hook-inverse-marker)) {@include hook-inverse-marker();}
     }
 
-    .uk-search-toggle:hover {
-        color: $inverse-search-toggle-hover-color;
-        @if(mixin-exists(hook-inverse-search-toggle-hover)) {@include hook-inverse-search-toggle-hover();}
+    .uk-marker:hover {
+        color: $inverse-marker-hover-color;
+        @if(mixin-exists(hook-inverse-marker-hover)) {@include hook-inverse-marker-hover();}
     }
 
 }
+@mixin hook-modal(){}
+@mixin hook-modal-dialog(){}
+@mixin hook-modal-full(){}
+@mixin hook-modal-body(){}
+@mixin hook-modal-header(){}
+@mixin hook-modal-footer(){}
+@mixin hook-modal-title(){}
+@mixin hook-modal-close(){}
+@mixin hook-modal-close-hover(){}
+@mixin hook-modal-close-default(){}
+@mixin hook-modal-close-default-hover(){}
+@mixin hook-modal-close-outside(){}
+@mixin hook-modal-close-outside-hover(){}
+@mixin hook-modal-close-full(){}
+@mixin hook-modal-close-full-hover(){}
+@mixin hook-modal-misc(){}
+@mixin hook-nav-sub(){}
+@mixin hook-nav-header(){}
+@mixin hook-nav-divider(){}
+@mixin hook-nav-default(){}
+@mixin hook-nav-default-item(){}
+@mixin hook-nav-default-item-hover(){}
+@mixin hook-nav-default-item-active(){}
+@mixin hook-nav-default-subtitle(){}
+@mixin hook-nav-default-header(){}
+@mixin hook-nav-default-divider(){}
+@mixin hook-nav-primary(){}
+@mixin hook-nav-primary-item(){}
+@mixin hook-nav-primary-item-hover(){}
+@mixin hook-nav-primary-item-active(){}
+@mixin hook-nav-primary-subtitle(){}
+@mixin hook-nav-primary-header(){}
+@mixin hook-nav-primary-divider(){}
+@mixin hook-nav-secondary(){}
+@mixin hook-nav-secondary-item(){}
+@mixin hook-nav-secondary-item-hover(){}
+@mixin hook-nav-secondary-item-active(){}
+@mixin hook-nav-secondary-subtitle(){}
+@mixin hook-nav-secondary-subtitle-hover(){}
+@mixin hook-nav-secondary-subtitle-active(){}
+@mixin hook-nav-secondary-header(){}
+@mixin hook-nav-secondary-divider(){}
+@mixin hook-nav-dividers(){}
+@mixin hook-nav-misc(){}
+@mixin hook-inverse-nav-default-item(){}
+@mixin hook-inverse-nav-default-item-hover(){}
+@mixin hook-inverse-nav-default-item-active(){}
+@mixin hook-inverse-nav-default-header(){}
+@mixin hook-inverse-nav-default-divider(){}
+@mixin hook-inverse-nav-primary-item(){}
+@mixin hook-inverse-nav-primary-item-hover(){}
+@mixin hook-inverse-nav-primary-item-active(){}
+@mixin hook-inverse-nav-primary-header(){}
+@mixin hook-inverse-nav-primary-divider(){}
+@mixin hook-inverse-nav-secondary-item(){}
+@mixin hook-inverse-nav-secondary-item-hover(){}
+@mixin hook-inverse-nav-secondary-item-active(){}
+@mixin hook-inverse-nav-secondary-subtitle(){}
+@mixin hook-inverse-nav-secondary-subtitle-hover(){}
+@mixin hook-inverse-nav-secondary-subtitle-active(){}
+@mixin hook-inverse-nav-secondary-header(){}
+@mixin hook-inverse-nav-secondary-divider(){}
+@mixin hook-inverse-nav-dividers(){}
 @mixin hook-inverse-component-nav(){
 
     //
@@ -1152,6 +1195,41 @@
     }
 
 }
+@mixin hook-navbar(){}
+@mixin hook-navbar-container(){}
+@mixin hook-navbar-nav-item(){}
+@mixin hook-navbar-nav-item-hover(){}
+@mixin hook-navbar-nav-item-onclick(){}
+@mixin hook-navbar-nav-item-active(){}
+@mixin hook-navbar-item(){}
+@mixin hook-navbar-toggle(){}
+@mixin hook-navbar-toggle-hover(){}
+@mixin hook-navbar-toggle-icon(){}
+@mixin hook-navbar-toggle-icon-hover(){}
+@mixin hook-navbar-subtitle(){}
+@mixin hook-navbar-primary(){}
+@mixin hook-navbar-transparent(){}
+@mixin hook-navbar-sticky(){}
+@mixin hook-navbar-dropdown(){}
+@mixin hook-navbar-dropdown-large(){}
+@mixin hook-navbar-dropdown-dropbar(){}
+@mixin hook-navbar-dropdown-dropbar-large(){}
+@mixin hook-navbar-dropdown-nav(){}
+@mixin hook-navbar-dropdown-nav-item(){}
+@mixin hook-navbar-dropdown-nav-item-hover(){}
+@mixin hook-navbar-dropdown-nav-item-active(){}
+@mixin hook-navbar-dropdown-nav-subtitle(){}
+@mixin hook-navbar-dropdown-nav-header(){}
+@mixin hook-navbar-dropdown-nav-divider(){}
+@mixin hook-navbar-dropbar(){}
+@mixin hook-navbar-misc(){}
+@mixin hook-inverse-navbar-nav-item(){}
+@mixin hook-inverse-navbar-nav-item-hover(){}
+@mixin hook-inverse-navbar-nav-item-onclick(){}
+@mixin hook-inverse-navbar-nav-item-active(){}
+@mixin hook-inverse-navbar-item(){}
+@mixin hook-inverse-navbar-toggle(){}
+@mixin hook-inverse-navbar-toggle-hover(){}
 @mixin hook-inverse-component-navbar(){
 
     //
@@ -1204,368 +1282,6 @@
     }
 
 }
-@mixin hook-inverse-component-subnav(){
-
-    .uk-subnav > * > :first-child {
-        color: $inverse-subnav-item-color;
-        @if(mixin-exists(hook-inverse-subnav-item)) {@include hook-inverse-subnav-item();}
-    }
-
-    .uk-subnav > * > a:hover {
-        color: $inverse-subnav-item-hover-color;
-        @if(mixin-exists(hook-inverse-subnav-item-hover)) {@include hook-inverse-subnav-item-hover();}
-    }
-
-    .uk-subnav > .uk-active > a {
-        color: $inverse-subnav-item-active-color;
-        @if(mixin-exists(hook-inverse-subnav-item-active)) {@include hook-inverse-subnav-item-active();}
-    }
-
-    //
-    // Divider
-    //
-
-    .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {
-        border-left-color: $inverse-subnav-divider-border;
-        @if(mixin-exists(hook-inverse-subnav-divider)) {@include hook-inverse-subnav-divider();}
-    }
-
-    //
-    // Pill
-    //
-
-    .uk-subnav-pill > * > :first-child {
-        background-color: $inverse-subnav-pill-item-background;
-        color: $inverse-subnav-pill-item-color;
-        @if(mixin-exists(hook-inverse-subnav-pill-item)) {@include 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;
-        @if(mixin-exists(hook-inverse-subnav-pill-item-hover)) {@include 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;
-        @if(mixin-exists(hook-inverse-subnav-pill-item-onclick)) {@include 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;
-        @if(mixin-exists(hook-inverse-subnav-pill-item-active)) {@include hook-inverse-subnav-pill-item-active();}
-    }
-
-    //
-    // Disabled
-    //
-
-    .uk-subnav > .uk-disabled > a {
-        color: $inverse-subnav-item-disabled-color;
-        @if(mixin-exists(hook-inverse-subnav-item-disabled)) {@include hook-inverse-subnav-item-disabled();}
-    }
-
-}
-@mixin hook-inverse-component-pagination(){
-
-    .uk-pagination > * > * {
-        color: $inverse-pagination-item-color;
-        @if(mixin-exists(hook-inverse-pagination-item)) {@include hook-inverse-pagination-item();}
-    }
-
-    .uk-pagination > * > :hover {
-        color: $inverse-pagination-item-hover-color;
-        @if(mixin-exists(hook-inverse-pagination-item-hover)) {@include hook-inverse-pagination-item-hover();}
-    }
-
-    .uk-pagination > .uk-active > * {
-        color: $inverse-pagination-item-active-color;
-        @if(mixin-exists(hook-inverse-pagination-item-active)) {@include hook-inverse-pagination-item-active();}
-    }
-
-    .uk-pagination > .uk-disabled > * {
-        color: $inverse-pagination-item-disabled-color;
-        @if(mixin-exists(hook-inverse-pagination-item-disabled)) {@include hook-inverse-pagination-item-disabled();}
-    }
-
-}
-@mixin hook-inverse-component-tab(){
-
-    .uk-tab {
-        @if(mixin-exists(hook-inverse-tab)) {@include hook-inverse-tab();}
-    }
-
-    .uk-tab > * > a {
-        color: $inverse-tab-item-color;
-        @if(mixin-exists(hook-inverse-tab-item)) {@include hook-inverse-tab-item();}
-    }
-
-    .uk-tab > * > a:hover {
-        color: $inverse-tab-item-hover-color;
-        @if(mixin-exists(hook-inverse-tab-item-hover)) {@include hook-inverse-tab-item-hover();}
-    }
-
-    .uk-tab > .uk-active > a {
-        color: $inverse-tab-item-active-color;
-        @if(mixin-exists(hook-inverse-tab-item-active)) {@include hook-inverse-tab-item-active();}
-    }
-
-    .uk-tab > .uk-disabled > a {
-        color: $inverse-tab-item-disabled-color;
-        @if(mixin-exists(hook-inverse-tab-item-disabled)) {@include hook-inverse-tab-item-disabled();}
-    }
-
-}
-@mixin hook-inverse-component-slidenav(){
-
-    .uk-slidenav {
-        color: $inverse-slidenav-color;
-        @if(mixin-exists(hook-inverse-slidenav)) {@include hook-inverse-slidenav();}
-    }
-
-    .uk-slidenav:hover {
-        color: $inverse-slidenav-hover-color;
-        @if(mixin-exists(hook-inverse-slidenav-hover)) {@include hook-inverse-slidenav-hover();}
-    }
-
-    .uk-slidenav:active {
-        color: $inverse-slidenav-active-color;
-        @if(mixin-exists(hook-inverse-slidenav-active)) {@include hook-inverse-slidenav-active();}
-    }
-
-}
-@mixin hook-inverse-component-text(){
-
-    .uk-text-lead {
-        color: $inverse-text-lead-color;
-        @if(mixin-exists(hook-inverse-text-lead)) {@include hook-inverse-text-lead();}
-    }
-
-    .uk-text-meta {
-        color: $inverse-text-meta-color;
-        @if(mixin-exists(hook-inverse-text-meta)) {@include hook-inverse-text-meta();}
-    }
-
-    .uk-text-muted { color: $inverse-text-muted-color !important; }
-    .uk-text-emphasis { color: $inverse-text-emphasis-color !important; }
-    .uk-text-primary { color: $inverse-text-primary-color !important; }
-    .uk-text-secondary { color: $inverse-text-secondary-color !important; }
-
-}
-@mixin hook-inverse-component-utility(){
-
-    .uk-dropcap::first-letter,
-    .uk-dropcap p:first-of-type::first-letter {
-        @if(mixin-exists(hook-inverse-dropcap)) {@include hook-inverse-dropcap();}
-    }
-
-    .uk-logo {
-        color: $inverse-logo-color;
-        @if(mixin-exists(hook-inverse-logo)) {@include hook-inverse-logo();}
-    }
-
-    .uk-logo:hover {
-        color: $inverse-logo-hover-color;
-        @if(mixin-exists(hook-inverse-logo-hover)) {@include hook-inverse-logo-hover();}
-    }
-
-    .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse),
-    .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type) { display: none; }
-    .uk-logo-inverse { display: block; }
-
-}
-@mixin hook-inverse() {
-    @include hook-inverse-component-base();
-    @include hook-inverse-component-link();
-    @include hook-inverse-component-heading();
-    @include hook-inverse-component-divider();
-    @include hook-inverse-component-list();
-    @include hook-inverse-component-icon();
-    @include hook-inverse-component-form();
-    @include hook-inverse-component-button();
-    @include hook-inverse-component-grid();
-    @include hook-inverse-component-close();
-    @include hook-inverse-component-totop();
-    @include hook-inverse-component-badge();
-    @include hook-inverse-component-label();
-    @include hook-inverse-component-article();
-    @include hook-inverse-component-search();
-    @include hook-inverse-component-nav();
-    @include hook-inverse-component-navbar();
-    @include hook-inverse-component-subnav();
-    @include hook-inverse-component-breadcrumb();
-    @include hook-inverse-component-pagination();
-    @include hook-inverse-component-tab();
-    @include hook-inverse-component-slidenav();
-    @include hook-inverse-component-dotnav();
-    @include hook-inverse-component-accordion();
-    @include hook-inverse-component-iconnav();
-    @include hook-inverse-component-text();
-    @include hook-inverse-component-column();
-    @include hook-inverse-component-utility();
-}
-@mixin hook-label(){}
-@mixin hook-label-success(){}
-@mixin hook-label-warning(){}
-@mixin hook-label-danger(){}
-@mixin hook-label-misc(){}
-@mixin hook-inverse-label(){}
-@mixin hook-leader(){}
-@mixin hook-leader-misc(){}
-@mixin hook-inverse-leader(){}
-@mixin hook-inverse-component-leader(){
-
-    .uk-leader-fill::after {
-        @if(mixin-exists(hook-inverse-leader)) {@include hook-inverse-leader();}
-    }
-
-}
-@mixin hook-lightbox(){}
-@mixin hook-lightbox-item(){}
-@mixin hook-lightbox-toolbar(){}
-@mixin hook-lightbox-toolbar-icon(){}
-@mixin hook-lightbox-toolbar-icon-hover(){}
-@mixin hook-lightbox-button(){}
-@mixin hook-lightbox-button-hover(){}
-@mixin hook-lightbox-button-active(){}
-@mixin hook-lightbox-misc(){}
-@mixin hook-link-muted(){}
-@mixin hook-link-muted-hover(){}
-@mixin hook-link-text(){}
-@mixin hook-link-text-hover(){}
-@mixin hook-link-heading(){}
-@mixin hook-link-heading-hover(){}
-@mixin hook-link-reset(){}
-@mixin hook-link-misc(){}
-@mixin hook-inverse-link-muted(){}
-@mixin hook-inverse-link-muted-hover(){}
-@mixin hook-inverse-link-text-hover(){}
-@mixin hook-inverse-link-heading-hover(){}
-@mixin hook-list-divider(){}
-@mixin hook-list-striped(){}
-@mixin hook-list-misc(){}
-@mixin hook-inverse-list-divider(){}
-@mixin hook-inverse-list-striped(){}
-@mixin hook-margin-misc(){}
-@mixin hook-marker(){}
-@mixin hook-marker-hover(){}
-@mixin hook-marker-misc(){}
-@mixin hook-inverse-marker(){}
-@mixin hook-inverse-marker-hover(){}
-@mixin hook-inverse-component-marker(){
-
-    .uk-marker {
-        background: $inverse-marker-background;
-        color: $inverse-marker-color;
-        @if(mixin-exists(hook-inverse-marker)) {@include hook-inverse-marker();}
-    }
-
-    .uk-marker:hover {
-        color: $inverse-marker-hover-color;
-        @if(mixin-exists(hook-inverse-marker-hover)) {@include hook-inverse-marker-hover();}
-    }
-
-}
-@mixin hook-modal(){}
-@mixin hook-modal-dialog(){}
-@mixin hook-modal-full(){}
-@mixin hook-modal-body(){}
-@mixin hook-modal-header(){}
-@mixin hook-modal-footer(){}
-@mixin hook-modal-title(){}
-@mixin hook-modal-close(){}
-@mixin hook-modal-close-hover(){}
-@mixin hook-modal-close-default(){}
-@mixin hook-modal-close-default-hover(){}
-@mixin hook-modal-close-outside(){}
-@mixin hook-modal-close-outside-hover(){}
-@mixin hook-modal-close-full(){}
-@mixin hook-modal-close-full-hover(){}
-@mixin hook-modal-misc(){}
-@mixin hook-nav-sub(){}
-@mixin hook-nav-header(){}
-@mixin hook-nav-divider(){}
-@mixin hook-nav-default(){}
-@mixin hook-nav-default-item(){}
-@mixin hook-nav-default-item-hover(){}
-@mixin hook-nav-default-item-active(){}
-@mixin hook-nav-default-subtitle(){}
-@mixin hook-nav-default-header(){}
-@mixin hook-nav-default-divider(){}
-@mixin hook-nav-primary(){}
-@mixin hook-nav-primary-item(){}
-@mixin hook-nav-primary-item-hover(){}
-@mixin hook-nav-primary-item-active(){}
-@mixin hook-nav-primary-subtitle(){}
-@mixin hook-nav-primary-header(){}
-@mixin hook-nav-primary-divider(){}
-@mixin hook-nav-secondary(){}
-@mixin hook-nav-secondary-item(){}
-@mixin hook-nav-secondary-item-hover(){}
-@mixin hook-nav-secondary-item-active(){}
-@mixin hook-nav-secondary-subtitle(){}
-@mixin hook-nav-secondary-subtitle-hover(){}
-@mixin hook-nav-secondary-subtitle-active(){}
-@mixin hook-nav-secondary-header(){}
-@mixin hook-nav-secondary-divider(){}
-@mixin hook-nav-dividers(){}
-@mixin hook-nav-misc(){}
-@mixin hook-inverse-nav-default-item(){}
-@mixin hook-inverse-nav-default-item-hover(){}
-@mixin hook-inverse-nav-default-item-active(){}
-@mixin hook-inverse-nav-default-header(){}
-@mixin hook-inverse-nav-default-divider(){}
-@mixin hook-inverse-nav-primary-item(){}
-@mixin hook-inverse-nav-primary-item-hover(){}
-@mixin hook-inverse-nav-primary-item-active(){}
-@mixin hook-inverse-nav-primary-header(){}
-@mixin hook-inverse-nav-primary-divider(){}
-@mixin hook-inverse-nav-secondary-item(){}
-@mixin hook-inverse-nav-secondary-item-hover(){}
-@mixin hook-inverse-nav-secondary-item-active(){}
-@mixin hook-inverse-nav-secondary-subtitle(){}
-@mixin hook-inverse-nav-secondary-subtitle-hover(){}
-@mixin hook-inverse-nav-secondary-subtitle-active(){}
-@mixin hook-inverse-nav-secondary-header(){}
-@mixin hook-inverse-nav-secondary-divider(){}
-@mixin hook-inverse-nav-dividers(){}
-@mixin hook-navbar(){}
-@mixin hook-navbar-container(){}
-@mixin hook-navbar-nav-item(){}
-@mixin hook-navbar-nav-item-hover(){}
-@mixin hook-navbar-nav-item-onclick(){}
-@mixin hook-navbar-nav-item-active(){}
-@mixin hook-navbar-item(){}
-@mixin hook-navbar-toggle(){}
-@mixin hook-navbar-toggle-hover(){}
-@mixin hook-navbar-toggle-icon(){}
-@mixin hook-navbar-toggle-icon-hover(){}
-@mixin hook-navbar-subtitle(){}
-@mixin hook-navbar-primary(){}
-@mixin hook-navbar-transparent(){}
-@mixin hook-navbar-sticky(){}
-@mixin hook-navbar-dropdown(){}
-@mixin hook-navbar-dropdown-large(){}
-@mixin hook-navbar-dropdown-dropbar(){}
-@mixin hook-navbar-dropdown-dropbar-large(){}
-@mixin hook-navbar-dropdown-nav(){}
-@mixin hook-navbar-dropdown-nav-item(){}
-@mixin hook-navbar-dropdown-nav-item-hover(){}
-@mixin hook-navbar-dropdown-nav-item-active(){}
-@mixin hook-navbar-dropdown-nav-subtitle(){}
-@mixin hook-navbar-dropdown-nav-header(){}
-@mixin hook-navbar-dropdown-nav-divider(){}
-@mixin hook-navbar-dropbar(){}
-@mixin hook-navbar-misc(){}
-@mixin hook-inverse-navbar-nav-item(){}
-@mixin hook-inverse-navbar-nav-item-hover(){}
-@mixin hook-inverse-navbar-nav-item-onclick(){}
-@mixin hook-inverse-navbar-nav-item-active(){}
-@mixin hook-inverse-navbar-item(){}
-@mixin hook-inverse-navbar-toggle(){}
-@mixin hook-inverse-navbar-toggle-hover(){}
 @mixin hook-notification(){}
 @mixin hook-notification-message(){}
 @mixin hook-notification-close(){}
@@ -1594,6 +1310,29 @@
 @mixin hook-inverse-pagination-item-hover(){}
 @mixin hook-inverse-pagination-item-active(){}
 @mixin hook-inverse-pagination-item-disabled(){}
+@mixin hook-inverse-component-pagination(){
+
+    .uk-pagination > * > * {
+        color: $inverse-pagination-item-color;
+        @if(mixin-exists(hook-inverse-pagination-item)) {@include hook-inverse-pagination-item();}
+    }
+
+    .uk-pagination > * > :hover {
+        color: $inverse-pagination-item-hover-color;
+        @if(mixin-exists(hook-inverse-pagination-item-hover)) {@include hook-inverse-pagination-item-hover();}
+    }
+
+    .uk-pagination > .uk-active > * {
+        color: $inverse-pagination-item-active-color;
+        @if(mixin-exists(hook-inverse-pagination-item-active)) {@include hook-inverse-pagination-item-active();}
+    }
+
+    .uk-pagination > .uk-disabled > * {
+        color: $inverse-pagination-item-disabled-color;
+        @if(mixin-exists(hook-inverse-pagination-item-disabled)) {@include hook-inverse-pagination-item-disabled();}
+    }
+
+}
 @mixin hook-placeholder(){}
 @mixin hook-placeholder-misc(){}
 @mixin hook-position-misc(){}
@@ -1620,6 +1359,70 @@
 @mixin hook-inverse-search-large-input-focus(){}
 @mixin hook-inverse-search-toggle(){}
 @mixin hook-inverse-search-toggle-hover(){}
+@mixin hook-inverse-component-search(){
+
+    //
+    // Input
+    //
+
+    .uk-search-input { color: $inverse-search-color; }
+
+    .uk-search-input::placeholder { color: $inverse-search-placeholder-color; }
+
+    //
+    // Icon
+    //
+
+    .uk-search .uk-search-icon { color: $inverse-search-icon-color; }
+    .uk-search .uk-search-icon:hover { color: $inverse-search-icon-color; }
+
+    //
+    // Style modifier
+    //
+
+    .uk-search-default .uk-search-input {
+        background-color: $inverse-search-default-background;
+        @if(mixin-exists(hook-inverse-search-default-input)) {@include hook-inverse-search-default-input();}
+    }
+
+    .uk-search-default .uk-search-input:focus {
+        background-color: $inverse-search-default-focus-background;
+        @if(mixin-exists(hook-inverse-search-default-input-focus)) {@include hook-inverse-search-default-input-focus();}
+    }
+
+    .uk-search-navbar .uk-search-input {
+        background-color: $inverse-search-navbar-background;
+        @if(mixin-exists(hook-inverse-search-navbar-input)) {@include hook-inverse-search-navbar-input();}
+    }
+
+    .uk-search-navbar .uk-search-input:focus {
+        @if(mixin-exists(hook-inverse-search-navbar-input-focus)) {@include hook-inverse-search-navbar-input-focus();}
+    }
+
+    .uk-search-large .uk-search-input {
+        background-color: $inverse-search-large-background;
+        @if(mixin-exists(hook-inverse-search-large-input)) {@include hook-inverse-search-large-input();}
+    }
+
+    .uk-search-large .uk-search-input:focus {
+        @if(mixin-exists(hook-inverse-search-large-input-focus)) {@include hook-inverse-search-large-input-focus();}
+    }
+
+    //
+    // Toggle
+    //
+
+    .uk-search-toggle {
+        color: $inverse-search-toggle-color;
+        @if(mixin-exists(hook-inverse-search-toggle)) {@include hook-inverse-search-toggle();}
+    }
+
+    .uk-search-toggle:hover {
+        color: $inverse-search-toggle-hover-color;
+        @if(mixin-exists(hook-inverse-search-toggle-hover)) {@include hook-inverse-search-toggle-hover();}
+    }
+
+}
 @mixin hook-section(){}
 @mixin hook-section-default(){}
 @mixin hook-section-muted(){}
@@ -1638,6 +1441,24 @@
 @mixin hook-inverse-slidenav(){}
 @mixin hook-inverse-slidenav-hover(){}
 @mixin hook-inverse-slidenav-active(){}
+@mixin hook-inverse-component-slidenav(){
+
+    .uk-slidenav {
+        color: $inverse-slidenav-color;
+        @if(mixin-exists(hook-inverse-slidenav)) {@include hook-inverse-slidenav();}
+    }
+
+    .uk-slidenav:hover {
+        color: $inverse-slidenav-hover-color;
+        @if(mixin-exists(hook-inverse-slidenav-hover)) {@include hook-inverse-slidenav-hover();}
+    }
+
+    .uk-slidenav:active {
+        color: $inverse-slidenav-active-color;
+        @if(mixin-exists(hook-inverse-slidenav-active)) {@include hook-inverse-slidenav-active();}
+    }
+
+}
 @mixin hook-slider(){}
 @mixin hook-slider-misc(){}
 @mixin hook-slideshow(){}
@@ -1670,6 +1491,70 @@
 @mixin hook-inverse-subnav-pill-item-onclick(){}
 @mixin hook-inverse-subnav-pill-item-active(){}
 @mixin hook-inverse-subnav-item-disabled(){}
+@mixin hook-inverse-component-subnav(){
+
+    .uk-subnav > * > :first-child {
+        color: $inverse-subnav-item-color;
+        @if(mixin-exists(hook-inverse-subnav-item)) {@include hook-inverse-subnav-item();}
+    }
+
+    .uk-subnav > * > a:hover {
+        color: $inverse-subnav-item-hover-color;
+        @if(mixin-exists(hook-inverse-subnav-item-hover)) {@include hook-inverse-subnav-item-hover();}
+    }
+
+    .uk-subnav > .uk-active > a {
+        color: $inverse-subnav-item-active-color;
+        @if(mixin-exists(hook-inverse-subnav-item-active)) {@include hook-inverse-subnav-item-active();}
+    }
+
+    //
+    // Divider
+    //
+
+    .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {
+        border-left-color: $inverse-subnav-divider-border;
+        @if(mixin-exists(hook-inverse-subnav-divider)) {@include hook-inverse-subnav-divider();}
+    }
+
+    //
+    // Pill
+    //
+
+    .uk-subnav-pill > * > :first-child {
+        background-color: $inverse-subnav-pill-item-background;
+        color: $inverse-subnav-pill-item-color;
+        @if(mixin-exists(hook-inverse-subnav-pill-item)) {@include 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;
+        @if(mixin-exists(hook-inverse-subnav-pill-item-hover)) {@include 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;
+        @if(mixin-exists(hook-inverse-subnav-pill-item-onclick)) {@include 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;
+        @if(mixin-exists(hook-inverse-subnav-pill-item-active)) {@include hook-inverse-subnav-pill-item-active();}
+    }
+
+    //
+    // Disabled
+    //
+
+    .uk-subnav > .uk-disabled > a {
+        color: $inverse-subnav-item-disabled-color;
+        @if(mixin-exists(hook-inverse-subnav-item-disabled)) {@include hook-inverse-subnav-item-disabled();}
+    }
+
+}
 @mixin hook-svg-misc(){}
 @mixin hook-switcher-misc(){}
 @mixin hook-tab(){}
@@ -1689,6 +1574,33 @@
 @mixin hook-inverse-tab-item-hover(){}
 @mixin hook-inverse-tab-item-active(){}
 @mixin hook-inverse-tab-item-disabled(){}
+@mixin hook-inverse-component-tab(){
+
+    .uk-tab {
+        @if(mixin-exists(hook-inverse-tab)) {@include hook-inverse-tab();}
+    }
+
+    .uk-tab > * > a {
+        color: $inverse-tab-item-color;
+        @if(mixin-exists(hook-inverse-tab-item)) {@include hook-inverse-tab-item();}
+    }
+
+    .uk-tab > * > a:hover {
+        color: $inverse-tab-item-hover-color;
+        @if(mixin-exists(hook-inverse-tab-item-hover)) {@include hook-inverse-tab-item-hover();}
+    }
+
+    .uk-tab > .uk-active > a {
+        color: $inverse-tab-item-active-color;
+        @if(mixin-exists(hook-inverse-tab-item-active)) {@include hook-inverse-tab-item-active();}
+    }
+
+    .uk-tab > .uk-disabled > a {
+        color: $inverse-tab-item-disabled-color;
+        @if(mixin-exists(hook-inverse-tab-item-disabled)) {@include hook-inverse-tab-item-disabled();}
+    }
+
+}
 @mixin hook-table(){}
 @mixin hook-table-header-cell(){}
 @mixin hook-table-cell(){}
@@ -1753,6 +1665,24 @@
 @mixin hook-text-misc(){}
 @mixin hook-inverse-text-lead(){}
 @mixin hook-inverse-text-meta(){}
+@mixin hook-inverse-component-text(){
+
+    .uk-text-lead {
+        color: $inverse-text-lead-color;
+        @if(mixin-exists(hook-inverse-text-lead)) {@include hook-inverse-text-lead();}
+    }
+
+    .uk-text-meta {
+        color: $inverse-text-meta-color;
+        @if(mixin-exists(hook-inverse-text-meta)) {@include hook-inverse-text-meta();}
+    }
+
+    .uk-text-muted { color: $inverse-text-muted-color !important; }
+    .uk-text-emphasis { color: $inverse-text-emphasis-color !important; }
+    .uk-text-primary { color: $inverse-text-primary-color !important; }
+    .uk-text-secondary { color: $inverse-text-secondary-color !important; }
+
+}
 @mixin hook-thumbnav(){}
 @mixin hook-thumbnav-item(){}
 @mixin hook-thumbnav-item-hover(){}
@@ -1795,6 +1725,24 @@
 @mixin hook-inverse-totop(){}
 @mixin hook-inverse-totop-hover(){}
 @mixin hook-inverse-totop-active(){}
+@mixin hook-inverse-component-totop(){
+
+    .uk-totop {
+        color: $inverse-totop-color;
+        @if(mixin-exists(hook-inverse-totop)) {@include hook-inverse-totop();}
+    }
+
+    .uk-totop:hover {
+        color: $inverse-totop-hover-color;
+        @if(mixin-exists(hook-inverse-totop-hover)) {@include hook-inverse-totop-hover();}
+    }
+
+    .uk-totop:active {
+        color: $inverse-totop-active-color;
+        @if(mixin-exists(hook-inverse-totop-active)) {@include hook-inverse-totop-active();}
+    }
+
+}
 @mixin hook-transition-misc(){}
 @mixin hook-panel-scrollable(){}
 @mixin hook-box-shadow-bottom(){}
@@ -1805,5 +1753,65 @@
 @mixin hook-inverse-dropcap(){}
 @mixin hook-inverse-logo(){}
 @mixin hook-inverse-logo-hover(){}
+@mixin hook-inverse-component-utility(){
+
+    .uk-dropcap::first-letter,
+    .uk-dropcap p:first-of-type::first-letter {
+        @if(mixin-exists(hook-inverse-dropcap)) {@include hook-inverse-dropcap();}
+    }
+
+    .uk-logo {
+        color: $inverse-logo-color;
+        @if(mixin-exists(hook-inverse-logo)) {@include hook-inverse-logo();}
+    }
+
+    .uk-logo:hover {
+        color: $inverse-logo-hover-color;
+        @if(mixin-exists(hook-inverse-logo-hover)) {@include hook-inverse-logo-hover();}
+    }
+
+    .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse),
+    .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type) { display: none; }
+    .uk-logo-inverse { display: block; }
+
+}
 @mixin hook-visibility-misc(){}
-@mixin hook-width-misc(){}
+@mixin hook-width-misc(){}
+@mixin hook-inverse() {
+    @include hook-inverse-component-accordion();
+    @include hook-inverse-component-article();
+    @include hook-inverse-component-badge();
+    @include hook-inverse-component-base();
+    @include hook-inverse-component-breadcrumb();
+    @include hook-inverse-component-button();
+    @include hook-inverse-component-card();
+    @include hook-inverse-component-close();
+    @include hook-inverse-component-column();
+    @include hook-inverse-component-countdown();
+    @include hook-inverse-component-divider();
+    @include hook-inverse-component-dotnav();
+    @include hook-inverse-component-form();
+    @include hook-inverse-component-grid();
+    @include hook-inverse-component-heading();
+    @include hook-inverse-component-icon();
+    @include hook-inverse-component-iconnav();
+    @include hook-inverse-component-label();
+    @include hook-inverse-component-leader();
+    @include hook-inverse-component-link();
+    @include hook-inverse-component-list();
+    @include hook-inverse-component-marker();
+    @include hook-inverse-component-nav();
+    @include hook-inverse-component-navbar();
+    @include hook-inverse-component-pagination();
+    @include hook-inverse-component-search();
+    @include hook-inverse-component-slidenav();
+    @include hook-inverse-component-subnav();
+    @include hook-inverse-component-tab();
+    @include hook-inverse-component-table();
+    @include hook-inverse-component-text();
+    @include hook-inverse-component-thumbnav();
+    @include hook-inverse-component-totop();
+    @include hook-inverse-component-utility();
+    @include hook-inverse-component-accordion();
+    @include hook-inverse-component-table();
+}