jekyll-uikit 0.1.7 → 0.2.0

data/assets/node_modules/uikit/src/scss/components/nav.scss

@@ -1,357 +0,0 @@
-// Name:            Nav
-// Description:     Defines styles for list navigations
-//
-// Component:       `uk-nav`
-//
-// Sub-objects:     `uk-nav-header`
-//                  `uk-nav-divider`
-//                  `uk-nav-sub`
-//
-// Modifiers:       `uk-nav-parent-icon`
-//                  `uk-nav-default`
-//                  `uk-nav-primary`
-//                  `uk-nav-center`
-//
-// States:          `uk-active`
-//                  `uk-parent`
-//                  `uk-open`
-//                  `uk-touch`
-//
-// ========================================================================
-
-
-// Variables
-// ========================================================================
-
-$nav-item-padding-vertical:                      5px !default;
-$nav-item-padding-horizontal:                    0 !default;
-
-$nav-sublist-padding-vertical:                   5px !default;
-$nav-sublist-padding-left:                       15px !default;
-$nav-sublist-deeper-padding-left:                15px !default;
-$nav-sublist-item-padding-vertical:              2px !default;
-
-$nav-parent-icon-width:                          ($global-line-height * 1em) !default;
-$nav-parent-icon-height:                         $nav-parent-icon-width !default;
-$nav-parent-icon-color:                          $global-color !default;
-
-$nav-header-padding-vertical:                    $nav-item-padding-vertical !default;
-$nav-header-padding-horizontal:                  $nav-item-padding-horizontal !default;
-$nav-header-font-size:                           $global-small-font-size !default;
-$nav-header-text-transform:                      uppercase !default;
-$nav-header-margin-top:                          $global-margin !default;
-
-$nav-divider-margin-vertical:                    5px !default;
-$nav-divider-margin-horizontal:                  0 !default;
-
-$nav-default-item-color:                         $global-muted-color !default;
-$nav-default-item-hover-color:                   $global-color !default;
-$nav-default-item-active-color:                  $global-emphasis-color !default;
-$nav-default-header-color:                       $global-emphasis-color !default;
-$nav-default-divider-border-width:               $global-border-width !default;
-$nav-default-divider-border:                     $global-border !default;
-$nav-default-sublist-item-color:                 $global-muted-color !default;
-$nav-default-sublist-item-hover-color:           $global-color !default;
-
-$nav-primary-item-font-size:                     $global-large-font-size !default;
-$nav-primary-item-line-height:                   $global-line-height !default;
-$nav-primary-item-color:                         $global-muted-color !default;
-$nav-primary-item-hover-color:                   $global-color !default;
-$nav-primary-item-active-color:                  $global-emphasis-color !default;
-$nav-primary-header-color:                       $global-emphasis-color !default;
-$nav-primary-divider-border-width:               $global-border-width !default;
-$nav-primary-divider-border:                     $global-border !default;
-$nav-primary-sublist-item-color:                 $global-muted-color !default;
-$nav-primary-sublist-item-hover-color:           $global-color !default;
-
-$internal-nav-parent-close-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22#000%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%3E%3C%2Fpolyline%3E%0A%3C%2Fsvg%3E" !default;
-$internal-nav-parent-open-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22#000%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%3E%3C%2Fpolyline%3E%0A%3C%2Fsvg%3E" !default;
-
-
-/* ========================================================================
-   Component: Nav
- ========================================================================== */
-
-/*
- * Reset
- * 1. Prepare lists
- * 2. Prepare links
- * 3. Remove default focus style
- */
-
-/* 1 */
-.uk-nav,
-.uk-nav ul {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-}
-
-/* 2 */
-.uk-nav li > a {
-    display: block;
-    text-decoration: none;
-}
-
-/* 3 */
-.uk-nav li > a:focus { outline: none; }
-
-/*
- * Items
- * Must target `a` elements to exclude other elements (e.g. lists)
- */
-
-.uk-nav > li > a { padding: $nav-item-padding-vertical $nav-item-padding-horizontal; }
-
-
-/* Sublists
- ========================================================================== */
-
-/*
- * Level 2
- * `ul` needed for higher specificity to override padding
- */
-
-ul.uk-nav-sub {
-    padding: $nav-sublist-padding-vertical 0 $nav-sublist-padding-vertical $nav-sublist-padding-left;
-    @if(mixin-exists(hook-nav-sub)) {@include hook-nav-sub();}
-}
-
-/*
- * Level 3 and deeper
- */
-
-.uk-nav-sub ul { padding-left: $nav-sublist-deeper-padding-left; }
-
-/*
- * Items
- */
-
-.uk-nav-sub a { padding: $nav-sublist-item-padding-vertical 0; }
-
-
-/* Parent icon modifier
- ========================================================================== */
-
-.uk-nav-parent-icon > .uk-parent > a::after {
-    content: "";
-    width: $nav-parent-icon-width;
-    height: $nav-parent-icon-height;
-    float: right;
-    @include svg-fill($internal-nav-parent-close-image, "#000", $nav-parent-icon-color);
-    background-repeat: no-repeat;
-    background-position: 50% 50%;
-    @if(mixin-exists(hook-nav-parent-icon)) {@include hook-nav-parent-icon();}
-}
-
-.uk-nav-parent-icon > .uk-parent.uk-open > a::after { @include svg-fill($internal-nav-parent-open-image, "#000", $nav-parent-icon-color); }
-
-
-/* Header
- ========================================================================== */
-
-.uk-nav-header {
-    padding: $nav-header-padding-vertical $nav-header-padding-horizontal;
-    text-transform: $nav-header-text-transform;
-    font-size: $nav-header-font-size;
-    @if(mixin-exists(hook-nav-header)) {@include hook-nav-header();}
-}
-
-.uk-nav-header:not(:first-child) { margin-top: $nav-header-margin-top; }
-
-
-/* Divider
- ========================================================================== */
-
-.uk-nav-divider {
-    margin: $nav-divider-margin-vertical $nav-divider-margin-horizontal;
-    @if(mixin-exists(hook-nav-divider)) {@include hook-nav-divider();}
-}
-
-
-/* Default modifier
- ========================================================================== */
-
-.uk-nav-default {
-    @if(mixin-exists(hook-nav-default)) {@include hook-nav-default();}
-}
-
-/*
- * Items
- */
-
-.uk-nav-default > li > a {
-    color: $nav-default-item-color;
-    @if(mixin-exists(hook-nav-default-item)) {@include hook-nav-default-item();}
-}
-
-/* Hover + Focus */
-.uk-nav-default > li > a:hover,
-.uk-nav-default > li > a:focus {
-    color: $nav-default-item-hover-color;
-    @if(mixin-exists(hook-nav-default-item-hover)) {@include hook-nav-default-item-hover();}
-}
-
-/* Active */
-.uk-nav-default > li.uk-active > a {
-    color: $nav-default-item-active-color;
-    @if(mixin-exists(hook-nav-default-item-active)) {@include hook-nav-default-item-active();}
-}
-
-/*
- * Header
- */
-
-.uk-nav-default .uk-nav-header {
-    color: $nav-default-header-color;
-    @if(mixin-exists(hook-nav-default-header)) {@include hook-nav-default-header();}
-}
-
-/*
- * Divider
- */
-
-.uk-nav-default .uk-nav-divider {
-    border-top: $nav-default-divider-border-width solid $nav-default-divider-border;
-    @if(mixin-exists(hook-nav-default-divider)) {@include hook-nav-default-divider();}
-}
-
-/*
- * Sublists
- */
-
-.uk-nav-default .uk-nav-sub a { color: $nav-default-sublist-item-color; }
-
-.uk-nav-default .uk-nav-sub a:hover,
-.uk-nav-default .uk-nav-sub a:focus { color: $nav-default-sublist-item-hover-color; }
-
-
-/* Primary modifier
- ========================================================================== */
-
-.uk-nav-primary {
-    @if(mixin-exists(hook-nav-primary)) {@include hook-nav-primary();}
-}
-
-/*
- * Items
- */
-
-.uk-nav-primary > li > a {
-    font-size: $nav-primary-item-font-size;
-    line-height: $nav-primary-item-line-height;
-    color: $nav-primary-item-color;
-    @if(mixin-exists(hook-nav-primary-item)) {@include hook-nav-primary-item();}
-}
-
-/* Hover + Focus */
-.uk-nav-primary > li > a:hover,
-.uk-nav-primary > li > a:focus {
-    color: $nav-primary-item-hover-color;
-    @if(mixin-exists(hook-nav-primary-item-hover)) {@include hook-nav-primary-item-hover();}
-}
-
-/* Active */
-.uk-nav-primary > li.uk-active > a {
-    color: $nav-primary-item-active-color;
-    @if(mixin-exists(hook-nav-primary-item-active)) {@include hook-nav-primary-item-active();}
-}
-
-/*
- * Header
- */
-
-.uk-nav-primary .uk-nav-header {
-    color: $nav-primary-header-color;
-    @if(mixin-exists(hook-nav-primary-header)) {@include hook-nav-primary-header();}
-}
-
-/*
- * Divider
- */
-
-.uk-nav-primary .uk-nav-divider {
-    border-top: $nav-primary-divider-border-width solid $nav-primary-divider-border;
-    @if(mixin-exists(hook-nav-primary-divider)) {@include hook-nav-primary-divider();}
-}
-
-/*
- * Sublists
- */
-
-.uk-nav-primary .uk-nav-sub a { color: $nav-primary-sublist-item-color; }
-
-.uk-nav-primary .uk-nav-sub a:hover,
-.uk-nav-primary .uk-nav-sub a:focus { color: $nav-primary-sublist-item-hover-color; }
-
-
-/* Alignment modifier
- ========================================================================== */
-
-.uk-nav-center { text-align: center; }
-
-/* Sublists */
-.uk-nav-center .uk-nav-sub,
-.uk-nav-center .uk-nav-sub ul { padding-left: 0; }
-
-/* Parent icon modifier  */
-.uk-nav-center.uk-nav-parent-icon > .uk-parent > a::after { position: absolute; }
-
-
-// Hooks
-// ========================================================================
-
-@if(mixin-exists(hook-nav-misc)) {@include hook-nav-misc();}
-
-// @mixin hook-nav-sub(){}
-// @mixin hook-nav-parent-icon(){}
-// @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-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-header(){}
-// @mixin hook-nav-primary-divider(){}
-// @mixin hook-nav-misc(){}
-
-
-// Inverse
-// ========================================================================
-
-$inverse-nav-parent-icon-color:                 $inverse-global-color !default;
-$inverse-nav-default-item-color:                $inverse-global-muted-color !default;
-$inverse-nav-default-item-hover-color:          $inverse-global-color !default;
-$inverse-nav-default-item-active-color:         $inverse-global-emphasis-color !default;
-$inverse-nav-default-header-color:              $inverse-global-emphasis-color !default;
-$inverse-nav-default-divider-border:            $inverse-global-border !default;
-$inverse-nav-default-sublist-item-color:        $inverse-global-muted-color !default;
-$inverse-nav-default-sublist-item-hover-color:  $inverse-global-color !default;
-
-$inverse-nav-primary-item-color:                $inverse-global-muted-color !default;
-$inverse-nav-primary-item-hover-color:          $inverse-global-color !default;
-$inverse-nav-primary-item-active-color:         $inverse-global-emphasis-color !default;
-$inverse-nav-primary-header-color:              $inverse-global-emphasis-color !default;
-$inverse-nav-primary-divider-border:            $inverse-global-border !default;
-$inverse-nav-primary-sublist-item-color:        $inverse-global-muted-color !default;
-$inverse-nav-primary-sublist-item-hover-color:  $inverse-global-color !default;
-
-
-
-// @mixin hook-inverse-nav-parent-icon(){}
-// @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(){}

data/assets/node_modules/uikit/src/scss/components/navbar.scss

@@ -1,560 +0,0 @@
-// Name:            Navbar
-// Description:     Component to create horizontal navigation bars
-//
-// Component:       `uk-navbar`
-//
-// Sub-objects:     `uk-navbar-container`
-//                  `uk-navbar-left`
-//                  `uk-navbar-right`
-//                  `uk-navbar-center`
-//                  `uk-navbar-center-left`
-//                  `uk-navbar-center-right`
-//                  `uk-navbar-nav`
-//                  `uk-navbar-item`
-//                  `uk-navbar-toggle`
-//                  `uk-navbar-subtitle`
-//                  `uk-navbar-dropbar`
-//
-// Adopted:         `uk-navbar-dropdown` + Modifiers
-//                  `uk-navbar-dropdown-nav`
-//                  `uk-navbar-dropdown-grid`
-//                  `uk-navbar-toggle-icon`
-//
-// Modifiers:       `uk-navbar-transparent`
-//                  `uk-navbar-sticky`
-//                  `uk-navbar-dropdown-stack`
-//
-// States:          `uk-active`
-//                  `uk-parent`
-//                  `uk-open`
-//
-//
-// ========================================================================
-
-
-// Variables
-// ========================================================================
-
-$navbar-background:                              $global-muted-background !default;
-$navbar-color-mode:                              none !default;
-
-$navbar-nav-item-height:                         80px !default;
-$navbar-nav-item-padding-horizontal:             15px !default;
-$navbar-nav-item-color:                          $global-muted-color !default;
-$navbar-nav-item-font-size:                      $global-font-size !default;
-$navbar-nav-item-font-family:                    $global-font-family !default;
-$navbar-nav-item-hover-color:                    $global-color !default;
-$navbar-nav-item-onclick-color:                  $global-emphasis-color !default;
-$navbar-nav-item-active-color:                   $global-emphasis-color !default;
-
-$navbar-item-color:                              $global-color !default;
-
-$navbar-toggle-color:                            $global-muted-color !default;
-$navbar-toggle-hover-color:                      $global-color !default;
-
-$navbar-subtitle-font-size:                      $global-small-font-size !default;
-
-$navbar-dropdown-z-index:                        $global-z-index + 20 !default;
-$navbar-dropdown-width:                          200px !default;
-$navbar-dropdown-margin:                         0 !default;
-$navbar-dropdown-padding:                        15px !default;
-$navbar-dropdown-background:                     $global-muted-background !default;
-$navbar-dropdown-color:                          $global-color !default;
-$navbar-dropdown-grid-gutter-horizontal:         $global-gutter !default;
-$navbar-dropdown-grid-gutter-vertical:           $navbar-dropdown-grid-gutter-horizontal !default;
-
-$navbar-dropdown-dropbar-margin-top:             0 !default;
-$navbar-dropdown-dropbar-margin-bottom:          $navbar-dropdown-dropbar-margin-top !default;
-
-$navbar-dropdown-nav-item-color:                 $global-muted-color !default;
-$navbar-dropdown-nav-item-hover-color:           $global-color !default;
-$navbar-dropdown-nav-item-active-color:          $global-emphasis-color !default;
-$navbar-dropdown-nav-header-color:               $global-emphasis-color !default;
-$navbar-dropdown-nav-divider-border-width:       $global-border-width !default;
-$navbar-dropdown-nav-divider-border:             $global-border !default;
-$navbar-dropdown-nav-sublist-item-color:         $global-muted-color !default;
-$navbar-dropdown-nav-sublist-item-hover-color:   $global-color !default;
-
-$navbar-dropbar-background:                      $navbar-dropdown-background !default;
-$navbar-dropbar-z-index:                         $global-z-index + 20 !default;
-
-
-/* ========================================================================
-   Component: Navbar
- ========================================================================== */
-
-/*
- * 1. Create position context to center navbar group
- */
-
-.uk-navbar {
-    display: -ms-flexbox;
-    display: -webkit-flex;
-    display: flex;
-    /* 1 */
-    position: relative;
-    @if(mixin-exists(hook-navbar)) {@include hook-navbar();}
-}
-
-
-/* Container
- ========================================================================== */
-
-.uk-navbar-container:not(.uk-navbar-transparent) {
-    background: $navbar-background;
-    @if(mixin-exists(hook-navbar-container)) {@include hook-navbar-container();}
-}
-
-// Color Mode
-@if ( $navbar-color-mode == light ) { .uk-navbar-container:not(.uk-navbar-transparent) { @extend .uk-light !optional;} }
-@if ( $navbar-color-mode == dark ) { .uk-navbar-container:not(.uk-navbar-transparent) { @extend .uk-dark !optional;} }
-
-
-/*
- * Remove pseudo elements created by micro clearfix as precaution (if Container component is used)
- */
-
-.uk-navbar-container > ::before,
-.uk-navbar-container > ::after { display: none !important; }
-
-
-/* Groups
- ========================================================================== */
-
-/*
- * 1. Align navs and items vertically if they have a different height
- * 2. Note: IE 11 requires an extra `div` which affects the center selector
- */
-
-.uk-navbar-left,
-.uk-navbar-right,
-// 2. [class*='uk-navbar-center'],
-.uk-navbar-center,
-.uk-navbar-center-left > *,
-.uk-navbar-center-right > * {
-    display: -ms-flexbox;
-    display: -webkit-flex;
-    display: flex;
-    /* 1 */
-    -ms-flex-align: center;
-    -webkit-align-items: center;
-    align-items: center;
-}
-
-/*
- * Horizontal alignment
- * 1. Create position context for centered navbar with sub groups (left/right)
- * 2. Needed for dropdowns because a new position context is created
- *    `z-index` must be smaller than off-canvas
- * 3. Fix text wrapping if the centered section is larger than 50% of the navbar
- * 4. Align sub groups for centered navbar
- */
-
-.uk-navbar-right { margin-left: auto; }
-
-.uk-navbar-center:only-child {
-    margin-left: auto;
-    margin-right: auto;
-    /* 1 */
-    position: relative;
-}
-
-.uk-navbar-center:not(:only-child) {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    -webkit-transform: translate(-50%,-50%);
-    transform: translate(-50%,-50%);
-    /* 2 */
-    z-index: $global-z-index - 10;
-}
-
-/* 3 */
-.uk-navbar-center:not(:only-child) .uk-navbar-nav > li > a,
-.uk-navbar-center:not(:only-child) .uk-navbar-item,
-.uk-navbar-center:not(:only-child) .uk-navbar-toggle { white-space: nowrap; }
-
-/* 4 */
-.uk-navbar-center-left,
-.uk-navbar-center-right {
-   position: absolute;
-   top: 0;
-}
-
-.uk-navbar-center-left { right: 100%; }
-.uk-navbar-center-right { left: 100%; }
-
-[class*='uk-navbar-center-'] .uk-navbar-nav > li > a,
-[class*='uk-navbar-center-'] .uk-navbar-item,
-[class*='uk-navbar-center-'] .uk-navbar-toggle { white-space: nowrap; }
-
-
-/* Nav
- ========================================================================== */
-
-/*
- * 1. Reset list
- */
-
-.uk-navbar-nav {
-    display: -ms-flexbox;
-    display: -webkit-flex;
-    display: flex;
-    /* 1 */
-    margin: 0;
-    padding: 0;
-    list-style: none;
-}
-
-/*
- * Allow items to wrap into the next line
- * Only not `absolute` positioned groups
- */
-
-.uk-navbar-left,
-.uk-navbar-right,
-.uk-navbar-center:only-child {
-    -ms-flex-wrap: wrap;
-    -webkit-flex-wrap: wrap;
-    flex-wrap: wrap;
-}
-
-/*
- * Items
- * 1. Center content vertically and horizontally
- * 2. Dimensions
- * 3. Style
- * 4. Required for `a`
- */
-
-.uk-navbar-nav > li > a,    // Nav item
-.uk-navbar-item,            // Content item
-.uk-navbar-toggle {         // Clickable item
-    /* 1 */
-    display: -ms-flexbox;
-    display: -webkit-flex;
-    display: flex;
-    -ms-flex-pack: center;
-    -webkit-justify-content: center;
-    justify-content: center;
-    -ms-flex-align: center;
-    -webkit-align-items: center;
-    align-items: center;
-    /* 2 */
-    box-sizing: border-box;
-    height: $navbar-nav-item-height;
-    padding: 0 $navbar-nav-item-padding-horizontal;
-    /* 3 */
-    font-size: $navbar-nav-item-font-size;
-    font-family: $navbar-nav-item-font-family;
-    /* 4 */
-    text-decoration: none;
-}
-
-/*
- * Nav items
- */
-
-.uk-navbar-nav > li > a {
-    color: $navbar-nav-item-color;
-    @if(mixin-exists(hook-navbar-nav-item)) {@include hook-navbar-nav-item();}
-}
-
-/*
- * Hover
- * Apply hover style also to focus state and if dropdown is opened
- */
-
-.uk-navbar-nav > li:hover > a,
-.uk-navbar-nav > li > a:focus,
-.uk-navbar-nav > li > a.uk-open {
-    color: $navbar-nav-item-hover-color;
-    outline: none;
-    @if(mixin-exists(hook-navbar-nav-item-hover)) {@include hook-navbar-nav-item-hover();}
-}
-
-/* OnClick */
-.uk-navbar-nav > li > a:active {
-    color: $navbar-nav-item-onclick-color;
-    @if(mixin-exists(hook-navbar-nav-item-onclick)) {@include hook-navbar-nav-item-onclick();}
-}
-
-/* Active */
-.uk-navbar-nav > li.uk-active > a {
-    color: $navbar-nav-item-active-color;
-    @if(mixin-exists(hook-navbar-nav-item-active)) {@include hook-navbar-nav-item-active();}
-}
-
-
-/* Item
- ========================================================================== */
-
-.uk-navbar-item {
-    color: $navbar-item-color;
-    @if(mixin-exists(hook-navbar-item)) {@include hook-navbar-item();}
-}
-
-
-/* Toggle
- ========================================================================== */
-
-.uk-navbar-toggle {
-    color: $navbar-toggle-color;
-    @if(mixin-exists(hook-navbar-toggle)) {@include hook-navbar-toggle();}
-}
-
-.uk-navbar-toggle:hover,
-.uk-navbar-toggle:focus,
-.uk-navbar-toggle.uk-open {
-    color: $navbar-toggle-hover-color;
-    outline: none;
-    text-decoration: none;
-    @if(mixin-exists(hook-navbar-toggle-hover)) {@include hook-navbar-toggle-hover();}
-}
-
-/*
- * Icon
- * Adopts `uk-icon`
- */
-
-.uk-navbar-toggle-icon {
-    @if(mixin-exists(hook-navbar-toggle-icon)) {@include hook-navbar-toggle-icon();}
-}
-
-/* Hover + Focus */
-:hover > .uk-navbar-toggle-icon,
-:focus > .uk-navbar-toggle-icon {
-    @if(mixin-exists(hook-navbar-toggle-icon-hover)) {@include hook-navbar-toggle-icon-hover();}
-}
-
-
-/* Subtitle
- ========================================================================== */
-
-.uk-navbar-subtitle {
-    font-size: $navbar-subtitle-font-size;
-    @if(mixin-exists(hook-navbar-subtitle)) {@include hook-navbar-subtitle();}
-}
-
-
-/* Style modifiers
- ========================================================================== */
-
-.uk-navbar-transparent {
-    @if(mixin-exists(hook-navbar-transparent)) {@include hook-navbar-transparent();}
-}
-
-.uk-navbar-sticky {
-    @if(mixin-exists(hook-navbar-sticky)) {@include hook-navbar-sticky();}
-}
-
-
-/* Dropdown
- ========================================================================== */
-
-/*
- * Adopts `uk-dropdown`
- * 1. Hide by default
- * 2. Set position
- * 3. Set a default width
- * 4. Style
- */
-
-.uk-navbar-dropdown {
-    /* 1 */
-    display: none;
-    /* 2 */
-    position: absolute;
-    z-index: $navbar-dropdown-z-index;
-    /* 3 */
-    box-sizing: border-box;
-    width: $navbar-dropdown-width;
-    /* 4 */
-    padding: $navbar-dropdown-padding;
-    background: $navbar-dropdown-background;
-    color: $navbar-dropdown-color;
-    @if(mixin-exists(hook-navbar-dropdown)) {@include hook-navbar-dropdown();}
-}
-
-/* Show */
-.uk-navbar-dropdown.uk-open { display: block; }
-
-/*
- * Direction / Alignment modifiers
- */
-
-/* Direction */
-[class*='uk-navbar-dropdown-top'] { margin-top: (-$navbar-dropdown-margin); }
-[class*='uk-navbar-dropdown-bottom'] { margin-top: $navbar-dropdown-margin; }
-[class*='uk-navbar-dropdown-left'] { margin-left: (-$navbar-dropdown-margin); }
-[class*='uk-navbar-dropdown-right'] { margin-left: $navbar-dropdown-margin; }
-
-/*
- * Grid
- * Adopts `uk-grid`
- */
-
-/* Gutter Horizontal */
-.uk-navbar-dropdown-grid { margin-left: (-$navbar-dropdown-grid-gutter-horizontal); }
-.uk-navbar-dropdown-grid > * { padding-left: $navbar-dropdown-grid-gutter-horizontal; }
-
-/* Gutter Vertical */
-.uk-navbar-dropdown-grid > .uk-grid-margin { margin-top: $navbar-dropdown-grid-gutter-vertical; }
-
-/* Stack */
-.uk-navbar-dropdown-stack .uk-navbar-dropdown-grid > * { width: 100% !important; }
-
-/*
- * Width modifier
- */
-
-.uk-navbar-dropdown-width-2:not(.uk-navbar-dropdown-stack) { width: ($navbar-dropdown-width * 2); }
-.uk-navbar-dropdown-width-3:not(.uk-navbar-dropdown-stack) { width: ($navbar-dropdown-width * 3); }
-.uk-navbar-dropdown-width-4:not(.uk-navbar-dropdown-stack) { width: ($navbar-dropdown-width * 4); }
-.uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) { width: ($navbar-dropdown-width * 5); }
-
-/*
- * Dropbar modifier
- */
-
-.uk-navbar-dropdown-dropbar {
-    top: 0 !important;
-    margin-top: $navbar-dropdown-dropbar-margin-top;
-    margin-bottom: $navbar-dropdown-dropbar-margin-bottom;
-    @if(mixin-exists(hook-navbar-dropdown-dropbar)) {@include hook-navbar-dropdown-dropbar();}
-}
-
-
-/* Dropdown Nav
- * Adopts `uk-nav`
- ========================================================================== */
-
-.uk-navbar-dropdown-nav {
-    @if(mixin-exists(hook-navbar-dropdown-nav)) {@include hook-navbar-dropdown-nav();}
-}
-
-/*
- * Items
- */
-
-.uk-navbar-dropdown-nav > li > a {
-    color: $navbar-dropdown-nav-item-color;
-    @if(mixin-exists(hook-navbar-dropdown-nav-item)) {@include hook-navbar-dropdown-nav-item();}
-}
-
-/* Hover + Focus */
-.uk-navbar-dropdown-nav > li > a:hover,
-.uk-navbar-dropdown-nav > li > a:focus {
-    color: $navbar-dropdown-nav-item-hover-color;
-    @if(mixin-exists(hook-navbar-dropdown-nav-item-hover)) {@include hook-navbar-dropdown-nav-item-hover();}
-}
-
-/* Active */
-.uk-navbar-dropdown-nav > li.uk-active > a {
-    color: $navbar-dropdown-nav-item-active-color;
-    @if(mixin-exists(hook-navbar-dropdown-nav-item-active)) {@include hook-navbar-dropdown-nav-item-active();}
-}
-
-/*
- * Header
- */
-
-.uk-navbar-dropdown-nav .uk-nav-header {
-    color: $navbar-dropdown-nav-header-color;
-    @if(mixin-exists(hook-navbar-dropdown-nav-header)) {@include hook-navbar-dropdown-nav-header();}
-}
-
-/*
- * Divider
- */
-
-.uk-navbar-dropdown-nav .uk-nav-divider {
-    border-top: $navbar-dropdown-nav-divider-border-width solid $navbar-dropdown-nav-divider-border;
-    @if(mixin-exists(hook-navbar-dropdown-nav-divider)) {@include hook-navbar-dropdown-nav-divider();}
-}
-
-/*
- * Sublists
- */
-
-.uk-navbar-dropdown-nav .uk-nav-sub a { color: $navbar-dropdown-nav-sublist-item-color; }
-
-.uk-navbar-dropdown-nav .uk-nav-sub a:hover,
-.uk-navbar-dropdown-nav .uk-nav-sub a:focus { color: $navbar-dropdown-nav-sublist-item-hover-color; }
-
-
-/* Dropbar
- ========================================================================== */
-
-.uk-navbar-dropbar {
-    position: relative;
-    background: $navbar-dropbar-background;
-    overflow: hidden;
-    @if(mixin-exists(hook-navbar-dropbar)) {@include hook-navbar-dropbar();}
-}
-
-/*
- * Slide modifier
- */
-
-.uk-navbar-dropbar-slide {
-    position: absolute;
-    z-index: $navbar-dropbar-z-index;
-    left: 0;
-    right: 0;
-    @if(mixin-exists(hook-navbar-dropbar-slide)) {@include hook-navbar-dropbar-slide();}
-}
-
-
-// Hooks
-// ========================================================================
-
-@if(mixin-exists(hook-navbar-misc)) {@include hook-navbar-misc();}
-
-// @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-transparent(){}
-// @mixin hook-navbar-sticky(){}
-// @mixin hook-navbar-dropdown(){}
-// @mixin hook-navbar-dropdown-dropbar(){}
-// @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-header(){}
-// @mixin hook-navbar-dropdown-nav-divider(){}
-// @mixin hook-navbar-dropbar(){}
-// @mixin hook-navbar-dropbar-slide(){}
-// @mixin hook-navbar-misc(){}
-
-
-// Inverse
-// ========================================================================
-
-$inverse-navbar-nav-item-color:                 $inverse-global-muted-color !default;
-$inverse-navbar-nav-item-hover-color:           $inverse-global-color !default;
-$inverse-navbar-nav-item-onclick-color:         $inverse-global-emphasis-color !default;
-$inverse-navbar-nav-item-active-color:          $inverse-global-emphasis-color !default;
-$inverse-navbar-item-color:                     $inverse-global-color !default;
-$inverse-navbar-toggle-color:                   $inverse-global-muted-color !default;
-$inverse-navbar-toggle-hover-color:             $inverse-global-color !default;
-
-
-
-// @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(){}