uikit 3.16.24 → 3.16.25-dev.931f07bf4

package/src/scss/mixins-theme.scss

@@ -1123,536 +1123,6 @@
     }
 
 }
-@mixin hook-inverse-component-link(){
-
-    a.uk-link-muted,
-    .uk-link-muted a {
-        color: $inverse-link-muted-color;
-        @if(mixin-exists(hook-inverse-link-muted)) {@include 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;
-        @if(mixin-exists(hook-inverse-link-muted-hover)) {@include 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;
-        @if(mixin-exists(hook-inverse-link-text-hover)) {@include 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;
-        @if(mixin-exists(hook-inverse-link-heading-hover)) {@include hook-inverse-link-heading-hover();}
-    }
-
-}
-@mixin hook-inverse-component-list(){
-
-    .uk-list-muted > ::before { color: $inverse-list-muted-color !important; }
-    .uk-list-emphasis > ::before { color: $inverse-list-emphasis-color !important; }
-    .uk-list-primary > ::before { color: $inverse-list-primary-color !important; }
-    .uk-list-secondary > ::before { color: $inverse-list-secondary-color !important; }
-
-    .uk-list-bullet > ::before {
-        @include svg-fill($internal-list-bullet-image, "#000", $inverse-list-bullet-icon-color);
-    }
-
-    .uk-list-divider > :nth-child(n+2) {
-        border-top-color: $inverse-list-divider-border;
-        @if(mixin-exists(hook-inverse-list-divider)) {@include hook-inverse-list-divider();}
-    }
-
-    .uk-list-striped > * {
-        @if(mixin-exists(hook-inverse-list-striped)) {@include hook-inverse-list-striped();}
-    }
-
-    .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
-    //
-
-    .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-inverse-component-nav(){
-
-    //
-    // Default
-    //
-
-    .uk-nav-default > li > a {
-        color: $inverse-nav-default-item-color;
-        @if(mixin-exists(hook-inverse-nav-default-item)) {@include hook-inverse-nav-default-item();}
-    }
-
-    .uk-nav-default > li > a:hover {
-        color: $inverse-nav-default-item-hover-color;
-        @if(mixin-exists(hook-inverse-nav-default-item-hover)) {@include hook-inverse-nav-default-item-hover();}
-    }
-
-    .uk-nav-default > li.uk-active > a {
-        color: $inverse-nav-default-item-active-color;
-        @if(mixin-exists(hook-inverse-nav-default-item-active)) {@include hook-inverse-nav-default-item-active();}
-    }
-
-    .uk-nav-default .uk-nav-header {
-        color: $inverse-nav-default-header-color;
-        @if(mixin-exists(hook-inverse-nav-default-header)) {@include hook-inverse-nav-default-header();}
-    }
-
-    .uk-nav-default .uk-nav-divider {
-        border-top-color: $inverse-nav-default-divider-border;
-        @if(mixin-exists(hook-inverse-nav-default-divider)) {@include hook-inverse-nav-default-divider();}
-    }
-
-    .uk-nav-default .uk-nav-sub a { color: $inverse-nav-default-sublist-item-color; }
-
-    .uk-nav-default .uk-nav-sub a:hover { color: $inverse-nav-default-sublist-item-hover-color; }
-
-    .uk-nav-default .uk-nav-sub li.uk-active > a { color: $inverse-nav-default-sublist-item-active-color; }
-
-    //
-    // Primary
-    //
-
-    .uk-nav-primary > li > a {
-        color: $inverse-nav-primary-item-color;
-        @if(mixin-exists(hook-inverse-nav-primary-item)) {@include hook-inverse-nav-primary-item();}
-    }
-
-    .uk-nav-primary > li > a:hover {
-        color: $inverse-nav-primary-item-hover-color;
-        @if(mixin-exists(hook-inverse-nav-primary-item-hover)) {@include hook-inverse-nav-primary-item-hover();}
-    }
-
-    .uk-nav-primary > li.uk-active > a {
-        color: $inverse-nav-primary-item-active-color;
-        @if(mixin-exists(hook-inverse-nav-primary-item-active)) {@include hook-inverse-nav-primary-item-active();}
-    }
-
-    .uk-nav-primary .uk-nav-header {
-        color: $inverse-nav-primary-header-color;
-        @if(mixin-exists(hook-inverse-nav-primary-header)) {@include hook-inverse-nav-primary-header();}
-    }
-
-    .uk-nav-primary .uk-nav-divider {
-        border-top-color: $inverse-nav-primary-divider-border;
-        @if(mixin-exists(hook-inverse-nav-primary-divider)) {@include hook-inverse-nav-primary-divider();}
-    }
-
-    .uk-nav-primary .uk-nav-sub a { color: $inverse-nav-primary-sublist-item-color; }
-
-    .uk-nav-primary .uk-nav-sub a:hover { color: $inverse-nav-primary-sublist-item-hover-color; }
-
-    .uk-nav-primary .uk-nav-sub li.uk-active > a { color: $inverse-nav-primary-sublist-item-active-color; }
-
-    //
-    // Secondary
-    //
-
-    .uk-nav-secondary > li > a {
-        color: $inverse-nav-secondary-item-color;
-        @if(mixin-exists(hook-inverse-nav-secondary-item)) {@include hook-inverse-nav-secondary-item();}
-    }
-
-    .uk-nav-secondary > li > a:hover {
-        color: $inverse-nav-secondary-item-hover-color;
-        @if(mixin-exists(hook-inverse-nav-secondary-item-hover)) {@include hook-inverse-nav-secondary-item-hover();}
-    }
-
-    .uk-nav-secondary > li.uk-active > a {
-        color: $inverse-nav-secondary-item-active-color;
-        @if(mixin-exists(hook-inverse-nav-secondary-item-active)) {@include hook-inverse-nav-secondary-item-active();}
-    }
-
-    .uk-nav-secondary .uk-nav-subtitle {
-        color: $inverse-nav-secondary-subtitle-color;
-        @if(mixin-exists(hook-inverse-nav-secondary-subtitle)) {@include hook-inverse-nav-secondary-subtitle();}
-    }
-
-    .uk-nav-secondary > li > a:hover .uk-nav-subtitle {
-        color: $inverse-nav-secondary-subtitle-hover-color;
-        @if(mixin-exists(hook-inverse-nav-secondary-subtitle-hover)) {@include hook-inverse-nav-secondary-subtitle-hover();}
-    }
-
-    .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle {
-        color: $inverse-nav-secondary-subtitle-active-color;
-        @if(mixin-exists(hook-inverse-nav-secondary-subtitle-active)) {@include hook-inverse-nav-secondary-subtitle-active();}
-    }
-
-    .uk-nav-secondary .uk-nav-header {
-        color: $inverse-nav-secondary-header-color;
-        @if(mixin-exists(hook-inverse-nav-secondary-header)) {@include hook-inverse-nav-secondary-header();}
-    }
-
-    .uk-nav-secondary .uk-nav-divider {
-        border-top-color: $inverse-nav-secondary-divider-border;
-        @if(mixin-exists(hook-inverse-nav-secondary-divider)) {@include hook-inverse-nav-secondary-divider();}
-    }
-
-    .uk-nav-secondary .uk-nav-sub a { color: $inverse-nav-secondary-sublist-item-color; }
-
-    .uk-nav-secondary .uk-nav-sub a:hover { color: $inverse-nav-secondary-sublist-item-hover-color; }
-
-    .uk-nav-secondary .uk-nav-sub li.uk-active > a { color: $inverse-nav-secondary-sublist-item-active-color; }
-
-    //
-    // Dividers
-    //
-
-    .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) {
-        border-top-color: $inverse-nav-dividers-border;
-        @if(mixin-exists(hook-inverse-nav-dividers)) {@include hook-inverse-nav-dividers();}
-    }
-
-}
-@mixin hook-inverse-component-navbar(){
-
-    //
-    // Nav Item
-    //
-
-    .uk-navbar-nav > li > a {
-        color: $inverse-navbar-nav-item-color;
-        @if(mixin-exists(hook-inverse-navbar-nav-item)) {@include hook-inverse-navbar-nav-item();}
-    }
-
-    .uk-navbar-nav > li:hover > a,
-    .uk-navbar-nav > li > a[aria-expanded="true"] {
-        color: $inverse-navbar-nav-item-hover-color;
-        @if(mixin-exists(hook-inverse-navbar-nav-item-hover)) {@include hook-inverse-navbar-nav-item-hover();}
-    }
-
-    .uk-navbar-nav > li > a:active {
-        color: $inverse-navbar-nav-item-onclick-color;
-        @if(mixin-exists(hook-inverse-navbar-nav-item-onclick)) {@include hook-inverse-navbar-nav-item-onclick();}
-    }
-
-    .uk-navbar-nav > li.uk-active > a {
-        color: $inverse-navbar-nav-item-active-color;
-        @if(mixin-exists(hook-inverse-navbar-nav-item-active)) {@include hook-inverse-navbar-nav-item-active();}
-    }
-
-    //
-    // Item
-    //
-
-    .uk-navbar-item {
-        color: $inverse-navbar-item-color;
-        @if(mixin-exists(hook-inverse-navbar-item)) {@include hook-inverse-navbar-item();}
-    }
-
-    //
-    // Toggle
-    //
-
-    .uk-navbar-toggle {
-        color: $inverse-navbar-toggle-color;
-        @if(mixin-exists(hook-inverse-navbar-toggle)) {@include hook-inverse-navbar-toggle();}
-    }
-
-    .uk-navbar-toggle:hover,
-    .uk-navbar-toggle[aria-expanded="true"] {
-        color: $inverse-navbar-toggle-hover-color;
-        @if(mixin-exists(hook-inverse-navbar-toggle-hover)) {@include hook-inverse-navbar-toggle-hover();}
-    }
-
-}
-@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(){
     border-radius: $label-border-radius;
     text-transform: $label-text-transform;
@@ -1662,6 +1132,15 @@
 @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(){}
@@ -1693,6 +1172,36 @@
 @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,
+    .uk-link-muted a {
+        color: $inverse-link-muted-color;
+        @if(mixin-exists(hook-inverse-link-muted)) {@include 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;
+        @if(mixin-exists(hook-inverse-link-muted-hover)) {@include 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;
+        @if(mixin-exists(hook-inverse-link-text-hover)) {@include 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;
+        @if(mixin-exists(hook-inverse-link-heading-hover)) {@include hook-inverse-link-heading-hover();}
+    }
+
+}
 @mixin hook-list-divider(){}
 @mixin hook-list-striped(){
 
@@ -1711,6 +1220,29 @@
         border-bottom-color: $inverse-global-border;
     }
 
+}
+@mixin hook-inverse-component-list(){
+
+    .uk-list-muted > ::before { color: $inverse-list-muted-color !important; }
+    .uk-list-emphasis > ::before { color: $inverse-list-emphasis-color !important; }
+    .uk-list-primary > ::before { color: $inverse-list-primary-color !important; }
+    .uk-list-secondary > ::before { color: $inverse-list-secondary-color !important; }
+
+    .uk-list-bullet > ::before {
+        @include svg-fill($internal-list-bullet-image, "#000", $inverse-list-bullet-icon-color);
+    }
+
+    .uk-list-divider > :nth-child(n+2) {
+        border-top-color: $inverse-list-divider-border;
+        @if(mixin-exists(hook-inverse-list-divider)) {@include hook-inverse-list-divider();}
+    }
+
+    .uk-list-striped > * {
+        @if(mixin-exists(hook-inverse-list-striped)) {@include hook-inverse-list-striped();}
+    }
+
+    .uk-list-striped > :nth-of-type(odd) { background-color: $inverse-list-striped-background; }
+
 }
 @mixin hook-margin-misc(){}
 @mixin hook-marker(){
@@ -1815,6 +1347,138 @@
 @mixin hook-inverse-nav-secondary-header(){}
 @mixin hook-inverse-nav-secondary-divider(){}
 @mixin hook-inverse-nav-dividers(){}
+@mixin hook-inverse-component-nav(){
+
+    //
+    // Default
+    //
+
+    .uk-nav-default > li > a {
+        color: $inverse-nav-default-item-color;
+        @if(mixin-exists(hook-inverse-nav-default-item)) {@include hook-inverse-nav-default-item();}
+    }
+
+    .uk-nav-default > li > a:hover {
+        color: $inverse-nav-default-item-hover-color;
+        @if(mixin-exists(hook-inverse-nav-default-item-hover)) {@include hook-inverse-nav-default-item-hover();}
+    }
+
+    .uk-nav-default > li.uk-active > a {
+        color: $inverse-nav-default-item-active-color;
+        @if(mixin-exists(hook-inverse-nav-default-item-active)) {@include hook-inverse-nav-default-item-active();}
+    }
+
+    .uk-nav-default .uk-nav-header {
+        color: $inverse-nav-default-header-color;
+        @if(mixin-exists(hook-inverse-nav-default-header)) {@include hook-inverse-nav-default-header();}
+    }
+
+    .uk-nav-default .uk-nav-divider {
+        border-top-color: $inverse-nav-default-divider-border;
+        @if(mixin-exists(hook-inverse-nav-default-divider)) {@include hook-inverse-nav-default-divider();}
+    }
+
+    .uk-nav-default .uk-nav-sub a { color: $inverse-nav-default-sublist-item-color; }
+
+    .uk-nav-default .uk-nav-sub a:hover { color: $inverse-nav-default-sublist-item-hover-color; }
+
+    .uk-nav-default .uk-nav-sub li.uk-active > a { color: $inverse-nav-default-sublist-item-active-color; }
+
+    //
+    // Primary
+    //
+
+    .uk-nav-primary > li > a {
+        color: $inverse-nav-primary-item-color;
+        @if(mixin-exists(hook-inverse-nav-primary-item)) {@include hook-inverse-nav-primary-item();}
+    }
+
+    .uk-nav-primary > li > a:hover {
+        color: $inverse-nav-primary-item-hover-color;
+        @if(mixin-exists(hook-inverse-nav-primary-item-hover)) {@include hook-inverse-nav-primary-item-hover();}
+    }
+
+    .uk-nav-primary > li.uk-active > a {
+        color: $inverse-nav-primary-item-active-color;
+        @if(mixin-exists(hook-inverse-nav-primary-item-active)) {@include hook-inverse-nav-primary-item-active();}
+    }
+
+    .uk-nav-primary .uk-nav-header {
+        color: $inverse-nav-primary-header-color;
+        @if(mixin-exists(hook-inverse-nav-primary-header)) {@include hook-inverse-nav-primary-header();}
+    }
+
+    .uk-nav-primary .uk-nav-divider {
+        border-top-color: $inverse-nav-primary-divider-border;
+        @if(mixin-exists(hook-inverse-nav-primary-divider)) {@include hook-inverse-nav-primary-divider();}
+    }
+
+    .uk-nav-primary .uk-nav-sub a { color: $inverse-nav-primary-sublist-item-color; }
+
+    .uk-nav-primary .uk-nav-sub a:hover { color: $inverse-nav-primary-sublist-item-hover-color; }
+
+    .uk-nav-primary .uk-nav-sub li.uk-active > a { color: $inverse-nav-primary-sublist-item-active-color; }
+
+    //
+    // Secondary
+    //
+
+    .uk-nav-secondary > li > a {
+        color: $inverse-nav-secondary-item-color;
+        @if(mixin-exists(hook-inverse-nav-secondary-item)) {@include hook-inverse-nav-secondary-item();}
+    }
+
+    .uk-nav-secondary > li > a:hover {
+        color: $inverse-nav-secondary-item-hover-color;
+        @if(mixin-exists(hook-inverse-nav-secondary-item-hover)) {@include hook-inverse-nav-secondary-item-hover();}
+    }
+
+    .uk-nav-secondary > li.uk-active > a {
+        color: $inverse-nav-secondary-item-active-color;
+        @if(mixin-exists(hook-inverse-nav-secondary-item-active)) {@include hook-inverse-nav-secondary-item-active();}
+    }
+
+    .uk-nav-secondary .uk-nav-subtitle {
+        color: $inverse-nav-secondary-subtitle-color;
+        @if(mixin-exists(hook-inverse-nav-secondary-subtitle)) {@include hook-inverse-nav-secondary-subtitle();}
+    }
+
+    .uk-nav-secondary > li > a:hover .uk-nav-subtitle {
+        color: $inverse-nav-secondary-subtitle-hover-color;
+        @if(mixin-exists(hook-inverse-nav-secondary-subtitle-hover)) {@include hook-inverse-nav-secondary-subtitle-hover();}
+    }
+
+    .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle {
+        color: $inverse-nav-secondary-subtitle-active-color;
+        @if(mixin-exists(hook-inverse-nav-secondary-subtitle-active)) {@include hook-inverse-nav-secondary-subtitle-active();}
+    }
+
+    .uk-nav-secondary .uk-nav-header {
+        color: $inverse-nav-secondary-header-color;
+        @if(mixin-exists(hook-inverse-nav-secondary-header)) {@include hook-inverse-nav-secondary-header();}
+    }
+
+    .uk-nav-secondary .uk-nav-divider {
+        border-top-color: $inverse-nav-secondary-divider-border;
+        @if(mixin-exists(hook-inverse-nav-secondary-divider)) {@include hook-inverse-nav-secondary-divider();}
+    }
+
+    .uk-nav-secondary .uk-nav-sub a { color: $inverse-nav-secondary-sublist-item-color; }
+
+    .uk-nav-secondary .uk-nav-sub a:hover { color: $inverse-nav-secondary-sublist-item-hover-color; }
+
+    .uk-nav-secondary .uk-nav-sub li.uk-active > a { color: $inverse-nav-secondary-sublist-item-active-color; }
+
+    //
+    // Dividers
+    //
+
+    .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) {
+        border-top-color: $inverse-nav-dividers-border;
+        @if(mixin-exists(hook-inverse-nav-dividers)) {@include hook-inverse-nav-dividers();}
+    }
+
+}
 @mixin hook-navbar(){}
 @mixin hook-navbar-container(){}
 @mixin hook-navbar-nav-item(){
@@ -1875,6 +1539,58 @@
 @mixin hook-inverse-navbar-item(){}
 @mixin hook-inverse-navbar-toggle(){}
 @mixin hook-inverse-navbar-toggle-hover(){}
+@mixin hook-inverse-component-navbar(){
+
+    //
+    // Nav Item
+    //
+
+    .uk-navbar-nav > li > a {
+        color: $inverse-navbar-nav-item-color;
+        @if(mixin-exists(hook-inverse-navbar-nav-item)) {@include hook-inverse-navbar-nav-item();}
+    }
+
+    .uk-navbar-nav > li:hover > a,
+    .uk-navbar-nav > li > a[aria-expanded="true"] {
+        color: $inverse-navbar-nav-item-hover-color;
+        @if(mixin-exists(hook-inverse-navbar-nav-item-hover)) {@include hook-inverse-navbar-nav-item-hover();}
+    }
+
+    .uk-navbar-nav > li > a:active {
+        color: $inverse-navbar-nav-item-onclick-color;
+        @if(mixin-exists(hook-inverse-navbar-nav-item-onclick)) {@include hook-inverse-navbar-nav-item-onclick();}
+    }
+
+    .uk-navbar-nav > li.uk-active > a {
+        color: $inverse-navbar-nav-item-active-color;
+        @if(mixin-exists(hook-inverse-navbar-nav-item-active)) {@include hook-inverse-navbar-nav-item-active();}
+    }
+
+    //
+    // Item
+    //
+
+    .uk-navbar-item {
+        color: $inverse-navbar-item-color;
+        @if(mixin-exists(hook-inverse-navbar-item)) {@include hook-inverse-navbar-item();}
+    }
+
+    //
+    // Toggle
+    //
+
+    .uk-navbar-toggle {
+        color: $inverse-navbar-toggle-color;
+        @if(mixin-exists(hook-inverse-navbar-toggle)) {@include hook-inverse-navbar-toggle();}
+    }
+
+    .uk-navbar-toggle:hover,
+    .uk-navbar-toggle[aria-expanded="true"] {
+        color: $inverse-navbar-toggle-hover-color;
+        @if(mixin-exists(hook-inverse-navbar-toggle-hover)) {@include hook-inverse-navbar-toggle-hover();}
+    }
+
+}
 @mixin hook-notification(){}
 @mixin hook-notification-message(){}
 @mixin hook-notification-close(){}
@@ -1903,6 +1619,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(){ border: $placeholder-border-width dashed $placeholder-border; }
 @mixin hook-placeholder-misc(){}
 @mixin hook-position-misc(){}
@@ -1911,27 +1650,91 @@
     border-radius: $progress-border-radius;
     overflow: hidden;
 }
-@mixin hook-progress-bar(){}
-@mixin hook-progress-misc(){}
-@mixin hook-search-input(){}
-@mixin hook-search-icon(){}
-@mixin hook-search-default-input(){ border: $search-default-border-width solid $search-default-border; }
-@mixin hook-search-default-input-focus(){ border-color: $search-default-focus-border; }
-@mixin hook-search-navbar-input(){}
-@mixin hook-search-navbar-input-focus(){}
-@mixin hook-search-large-input(){}
-@mixin hook-search-large-input-focus(){}
-@mixin hook-search-toggle(){}
-@mixin hook-search-toggle-hover(){}
-@mixin hook-search-misc(){}
-@mixin hook-inverse-search-default-input(){ border-color: $inverse-global-border; }
-@mixin hook-inverse-search-default-input-focus(){}
-@mixin hook-inverse-search-navbar-input(){}
-@mixin hook-inverse-search-navbar-input-focus(){}
-@mixin hook-inverse-search-large-input(){}
-@mixin hook-inverse-search-large-input-focus(){}
-@mixin hook-inverse-search-toggle(){}
-@mixin hook-inverse-search-toggle-hover(){}
+@mixin hook-progress-bar(){}
+@mixin hook-progress-misc(){}
+@mixin hook-search-input(){}
+@mixin hook-search-icon(){}
+@mixin hook-search-default-input(){ border: $search-default-border-width solid $search-default-border; }
+@mixin hook-search-default-input-focus(){ border-color: $search-default-focus-border; }
+@mixin hook-search-navbar-input(){}
+@mixin hook-search-navbar-input-focus(){}
+@mixin hook-search-large-input(){}
+@mixin hook-search-large-input-focus(){}
+@mixin hook-search-toggle(){}
+@mixin hook-search-toggle-hover(){}
+@mixin hook-search-misc(){}
+@mixin hook-inverse-search-default-input(){ border-color: $inverse-global-border; }
+@mixin hook-inverse-search-default-input-focus(){}
+@mixin hook-inverse-search-navbar-input(){}
+@mixin hook-inverse-search-navbar-input-focus(){}
+@mixin hook-inverse-search-large-input(){}
+@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(){}
@@ -1950,6 +1753,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(){}
@@ -1987,6 +1808,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(){
@@ -2070,6 +1955,33 @@
 @mixin hook-inverse-tab-item-hover(){}
 @mixin hook-inverse-tab-item-active(){ border-color: $inverse-global-primary-background; }
 @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(){ text-transform: uppercase; }
 @mixin hook-table-cell(){}
@@ -2122,6 +2034,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(){
 
@@ -2185,6 +2115,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(){}
@@ -2198,5 +2146,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();
+}