rails-uikit-sass 2.27.2

data/vendor/assets/stylesheets/core/list.scss

@@ -0,0 +1,102 @@
+// Name:            List
+// Description:     Defines styles for ordered and unordered lists
+//
+// Component:       `uk-list`
+//
+// Modifiers:       `uk-list-line`
+//                  `uk-list-striped`
+//                  `uk-list-space`
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$list-nested-padding-left:                       20px !default;
+
+$list-line-margin-top:                           5px !default;
+$list-line-border:                               #ddd !default;
+$list-line-border-width:                         1px !default;
+
+$list-striped-padding-vertical:                  5px !default;
+$list-striped-padding-horizontal:                5px !default;
+$list-striped-background:                        #f5f5f5 !default;
+
+$list-space-margin-top:                          10px !default;
+
+
+/* ========================================================================
+   Component: List
+ ========================================================================== */
+
+.uk-list {
+    padding: 0;
+    list-style: none;
+}
+
+/*
+ * Micro clearfix to make list more robust
+ */
+
+.uk-list > li:before,
+.uk-list > li:after {
+    content: "";
+    display: table;
+}
+
+.uk-list > li:after { clear: both; }
+
+/*
+ * Remove margin from the last-child
+ */
+
+.uk-list > li > :last-child { margin-bottom: 0; }
+
+/*
+ * Nested lists
+ */
+
+.uk-list ul {
+    margin: 0;
+    padding-left: $list-nested-padding-left;
+    list-style: none;
+}
+
+
+/* Modifier: `uk-list-line`
+ ========================================================================== */
+
+.uk-list-line > li:nth-child(n+2) {
+    margin-top: $list-line-margin-top;
+    padding-top: $list-line-margin-top;
+    border-top: $list-line-border-width solid $list-line-border;
+    @include hook-list-line();
+}
+
+
+/* Modifier: `uk-list-striped`
+ ========================================================================== */
+
+.uk-list-striped > li {
+    padding: $list-striped-padding-vertical $list-striped-padding-horizontal;
+    @include hook-list-striped();
+}
+
+.uk-list-striped > li:nth-of-type(odd) { background: $list-striped-background; }
+
+
+/* Modifier: `uk-list-space`
+ ========================================================================== */
+
+.uk-list-space > li:nth-child(n+2) { margin-top: $list-space-margin-top; }
+
+
+// Hooks
+// ========================================================================
+
+@include hook-list-misc();
+
+// @mixin hook-list-line(){}
+// @mixin hook-list-striped(){}
+// @mixin hook-list-misc(){}

data/vendor/assets/stylesheets/core/modal.scss

@@ -0,0 +1,343 @@
+// Name:            Modal
+// Description:     Defines styles for modal dialogs
+//
+// Component:       `uk-modal`
+//
+// Sub-objects:     `uk-modal-dialog`
+//                  `uk-modal-close`
+//                  `uk-modal-header`
+//                  `uk-modal-footer`
+//                  `uk-modal-caption`
+//                  `uk-modal-spinner`
+//
+// Modifiers:       `uk-modal-dialog-lightbox`
+//                  `uk-modal-dialog-blank`
+//                  `uk-modal-dialog-large`
+//
+// States:          `uk-open`
+//
+// Uses:            Close: `uk-close`
+//
+// Markup:
+//
+// <!-- uk-modal -->
+// <a href="#modal" data-uk-modal=""></a>
+// <div id="modal" class="uk-modal">
+//     <div class="uk-modal-dialog">
+//         <a href="" class="uk-modal-close uk-close"></a>
+//         <p></p>
+//     </div>
+// </div>
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$modal-z-index:                                  1010 !default;
+$modal-background:                               rgba(0,0,0,0.6) !default;
+
+$modal-dialog-margin-vertical:                   50px !default;
+$modal-dialog-padding:                           20px !default;
+$modal-dialog-width:                             600px !default;
+$modal-dialog-background:                        #fff !default;
+
+$modal-dialog-large-width:                       930px !default;
+$modal-dialog-large-width-large:                 1130px !default;
+
+$modal-header-margin-bottom:                     15px !default;
+
+$modal-footer-margin-top:                        15px !default;
+
+$modal-caption-margin-bottom:                    -10px !default;
+$modal-caption-color:                            #fff !default;
+
+
+/* ========================================================================
+   Component: Modal
+ ========================================================================== */
+
+/*
+ * This is the modal overlay and modal dialog container
+ * 1. Hide by default
+ * 2. Set fixed position
+ * 3. Allow scrolling for the modal dialog
+ * 4. Mask the background page
+ * 5. Fade-in transition
+ * 6. Deactivate browser history navigation in IE11
+ * 7. force hardware acceleration to prevent browser rendering hiccups
+ */
+
+.uk-modal {
+    /* 1 */
+    display: none;
+    /* 2 */
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: $modal-z-index;
+    /* 3 */
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+    /* 4 */
+    background: $modal-background;
+    /* 5 */
+    opacity: 0;
+    -webkit-transition: opacity 0.15s linear;
+    transition: opacity 0.15s linear;
+    /* 6 */
+    touch-action: cross-slide-y pinch-zoom double-tap-zoom;
+    /* 7 */
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+    @include hook-modal();
+}
+
+/*
+ * Open state
+ */
+
+.uk-modal.uk-open { opacity: 1; }
+
+/*
+ * Prevents duplicated scrollbar caused by 4.
+ */
+
+.uk-modal-page,
+.uk-modal-page body { overflow: hidden; }
+
+
+/* Sub-object: `uk-modal-dialog`
+ ========================================================================== */
+
+/*
+ * 1. Create position context for caption, spinner and close button
+ * 2. Set box sizing
+ * 3. Set style
+ * 4. Slide-in transition
+ */
+
+.uk-modal-dialog {
+    /* 1 */
+    position: relative;
+    /* 2 */
+    box-sizing: border-box;
+    margin: $modal-dialog-margin-vertical auto;
+    padding: $modal-dialog-padding;
+    width: $modal-dialog-width;
+    max-width: 100%;
+    max-width: unquote("calc(100% - 20px)");
+    /* 3 */
+    background: $modal-dialog-background;
+    /* 4 */
+    opacity: 0;
+    -webkit-transform: translateY(-100px);
+    transform: translateY(-100px);
+    -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out;
+    transition: opacity 0.3s linear, transform 0.3s ease-out;
+    @include hook-modal-dialog();
+}
+
+/* Phone landscape and smaller */
+@media (max-width: $breakpoint-small-max) {
+
+    /*
+     * Fit in small screen
+     */
+
+    .uk-modal-dialog {
+        width: auto;
+        margin: 10px auto;
+    }
+
+}
+
+/*
+ * Open state
+ */
+
+.uk-open .uk-modal-dialog {
+    /* 4 */
+    opacity: 1;
+    -webkit-transform: translateY(0);
+    transform: translateY(0);
+}
+
+/*
+ * Remove margin from the last-child
+ */
+
+.uk-modal-dialog > :not([class*='uk-modal-']):last-child { margin-bottom: 0; }
+
+
+/* Close in modal
+ ========================================================================== */
+
+.uk-modal-dialog > .uk-close:first-child {
+    margin: -10px -10px 0 0;
+    float: right;
+}
+
+/*
+ * Remove margin from adjacent element
+ */
+
+ .uk-modal-dialog > .uk-close:first-child + :not([class*='uk-modal-']) { margin-top: 0; }
+
+
+/* Modifier: `uk-modal-dialog-lightbox`
+ ========================================================================== */
+
+.uk-modal-dialog-lightbox {
+    margin: 15px auto;
+    padding: 0;
+    max-width: 95%;
+    max-width: unquote("calc(100% - 30px)");
+    min-height: 50px;
+    @include hook-modal-dialog-lightbox();
+}
+
+/*
+ * Close button
+ */
+
+.uk-modal-dialog-lightbox > .uk-close:first-child {
+    position: absolute;
+    top: -12px;
+    right: -12px;
+    margin: 0;
+    float: none;
+}
+
+/* Phone landscape and smaller */
+@media (max-width: $breakpoint-small-max) {
+
+    .uk-modal-dialog-lightbox > .uk-close:first-child {
+        top: -7px;
+        right: -7px;
+    }
+
+}
+
+/* Modifier: `uk-modal-dialog-blank`
+ ========================================================================== */
+
+.uk-modal-dialog-blank {
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    max-width: 100%;
+    -webkit-transition: opacity 0.3s linear;
+    transition: opacity 0.3s linear;
+}
+
+/*
+* Close button
+*/
+
+.uk-modal-dialog-blank > .uk-close:first-child {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+    z-index: 1;
+    margin: 0;
+    float: none;
+}
+
+
+/* Modifier: `uk-modal-dialog-large`
+ ========================================================================== */
+
+/* Tablet and bigger */
+@media (min-width: $breakpoint-medium) {
+
+    .uk-modal-dialog-large { width: $modal-dialog-large-width; }
+
+}
+
+/* Large screen and bigger */
+@media (min-width: $breakpoint-xlarge) {
+
+    .uk-modal-dialog-large { width: $modal-dialog-large-width-large; }
+
+}
+
+
+/* Sub-Object: `uk-modal-header` and `uk-modal-footer`
+ ========================================================================== */
+
+.uk-modal-header {
+    margin-bottom: $modal-header-margin-bottom;
+    @include hook-modal-header();
+}
+
+.uk-modal-footer {
+    margin-top: $modal-footer-margin-top;
+    @include hook-modal-footer();
+}
+
+/*
+ * Remove margin from the last-child
+ */
+
+.uk-modal-header  > :last-child,
+.uk-modal-footer  > :last-child { margin-bottom: 0; }
+
+
+/* Sub-Object: `uk-modal-caption`
+ ========================================================================== */
+
+.uk-modal-caption {
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: (-$modal-dialog-padding);
+    margin-bottom: $modal-caption-margin-bottom;
+    color: $modal-caption-color;
+    text-align: center;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    @include hook-modal-caption();
+}
+
+
+/* Sub-Object: `uk-modal-spinner`
+ ========================================================================== */
+
+.uk-modal-spinner {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -webkit-transform: translate(-50%,-50%);
+    transform: translate(-50%,-50%);
+    font-size: 25px;
+    color: #ddd;
+    @include hook-modal-spinner();
+}
+
+.uk-modal-spinner:after {
+    content: "\f110";
+    display: block;
+    font-family: FontAwesome;
+    -webkit-animation: uk-rotate 2s infinite linear;
+    animation: uk-rotate 2s infinite linear;
+}
+
+
+// Hooks
+// ========================================================================
+
+@include hook-modal-misc();
+
+// @mixin hook-modal(){}
+// @mixin hook-modal-dialog(){}
+// @mixin hook-modal-dialog-lightbox(){}
+// @mixin hook-modal-header(){}
+// @mixin hook-modal-footer(){}
+// @mixin hook-modal-caption(){}
+// @mixin hook-modal-spinner(){}
+// @mixin hook-modal-misc(){}

data/vendor/assets/stylesheets/core/nav.scss

@@ -0,0 +1,468 @@
+// 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-side`
+//                  `uk-nav-dropdown`
+//                  `uk-nav-navbar`
+//                  `uk-nav-offcanvas`
+//
+// States:          `uk-active`
+//                  `uk-parent`
+//                  `uk-open`
+//                  `uk-touch`
+//
+// Uses:            Icon: FontAwesome
+//
+// Used by:         Panel
+//                  Dropdown
+//
+// Markup:
+//
+// <!-- uk-nav -->
+// <ul class="uk-nav">
+//     <li class="uk-active"><a href=""></a></li>
+//     <li><a href=""></a></li>
+// </ul>
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$nav-padding-vertical:                           5px !default;
+$nav-padding-horizontal:                         15px !default;
+
+$nav-header-padding-vertical:                    $nav-padding-vertical !default;
+$nav-header-padding-horizontal:                  $nav-padding-horizontal !default;
+$nav-header-font-size:                           12px !default;
+$nav-header-font-weight:                         bold !default;
+$nav-header-text-transform:                      uppercase !default;
+$nav-header-margin-top:                          15px !default;
+
+$nav-divider-margin-vertical:                    9px !default;
+$nav-divider-margin-horizontal:                  $nav-padding-horizontal !default;
+
+$nav-subtitle-font-size:                         12px !default;
+$nav-subtitle-line-height:                       18px !default;
+
+$nav-nested-padding-left:                        15px !default;
+$nav-nested-padding-vertical:                    2px !default;
+$nav-nested-padding-horizontal:                  0 !default;
+
+$nav-sub-padding-vertical:                       5px !default;
+$nav-sub-padding-left:                           $nav-padding-horizontal !default;
+
+$nav-parent-icon:                                "\f104" !default;
+$nav-parent-open-icon:                           "\f107" !default;
+$nav-parent-icon-width:                          20px !default;
+$nav-parent-icon-margin-right:                   -10px !default;
+
+$nav-side-color:                                 #444 !default;
+$nav-side-hover-background:                      rgba(0,0,0,0.05) !default;
+$nav-side-hover-color:                           #444 !default;
+$nav-side-active-background:                     #00a8e6 !default;
+$nav-side-active-color:                          #fff !default;
+$nav-side-header-color:                          #444 !default;
+$nav-side-divider-border:                        #ddd !default;
+$nav-side-divider-border-width:                  1px !default;
+$nav-side-nested-color:                          #07D !default;
+$nav-side-nested-hover-color:                    #059 !default;
+
+$nav-dropdown-color:                             #444 !default;
+$nav-dropdown-hover-background:                  #00a8e6 !default;
+$nav-dropdown-hover-color:                       #fff !default;
+$nav-dropdown-header-color:                      #999 !default;
+$nav-dropdown-divider-border:                    #ddd !default;
+$nav-dropdown-divider-border-width:              1px !default;
+$nav-dropdown-nested-color:                      #07D !default;
+$nav-dropdown-nested-hover-color:                #059 !default;
+
+$nav-navbar-color:                               #444 !default;
+$nav-navbar-hover-background:                    #00a8e6 !default;
+$nav-navbar-hover-color:                         #fff !default;
+$nav-navbar-header-color:                        #999 !default;
+$nav-navbar-divider-border:                      #ddd !default;
+$nav-navbar-divider-border-width:                1px !default;
+$nav-navbar-nested-color:                        #07D !default;
+$nav-navbar-nested-hover-color:                  #059 !default;
+
+$nav-offcanvas-padding-vertical:                 10px !default;
+$nav-offcanvas-padding-horizontal:               15px !default;
+$nav-offcanvas-color:                            #ccc !default;
+$nav-offcanvas-hover-background:                 #404040 !default;
+$nav-offcanvas-hover-color:                      #fff !default;
+$nav-offcanvas-active-background:                #1a1a1a !default;
+$nav-offcanvas-active-color:                     #fff !default;
+$nav-offcanvas-header-color:                     #777 !default;
+$nav-offcanvas-divider-border:                   #1a1a1a !default;
+$nav-offcanvas-divider-border-width:             1px !default;
+$nav-offcanvas-nested-color:                     #ccc !default;
+$nav-offcanvas-nested-hover-color:               #fff !default;
+
+
+/* ========================================================================
+   Component: Nav
+ ========================================================================== */
+
+.uk-nav,
+.uk-nav ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+/*
+ * Items
+ */
+
+.uk-nav li > a {
+    display: block;
+    text-decoration: none;
+}
+
+.uk-nav > li > a { padding: $nav-padding-vertical $nav-padding-horizontal; }
+
+/*
+ * Nested items
+ */
+
+.uk-nav ul { padding-left: $nav-nested-padding-left; }
+
+.uk-nav ul a { padding: $nav-nested-padding-vertical $nav-nested-padding-horizontal; }
+
+/*
+ * Item subtitle
+ */
+
+.uk-nav li > a > div {
+    font-size: $nav-subtitle-font-size;
+    line-height: $nav-subtitle-line-height;
+}
+
+
+/* Sub-object: `uk-nav-header`
+ ========================================================================== */
+
+.uk-nav-header {
+    padding: $nav-header-padding-vertical $nav-header-padding-horizontal;
+    text-transform: $nav-header-text-transform;
+    font-weight: $nav-header-font-weight;
+    font-size: $nav-header-font-size;
+    @include hook-nav-header();
+}
+
+.uk-nav-header:not(:first-child) { margin-top: $nav-header-margin-top; }
+
+
+/* Sub-object: `uk-nav-divider`
+ ========================================================================== */
+
+.uk-nav-divider {
+    margin: $nav-divider-margin-vertical $nav-divider-margin-horizontal;
+    @include hook-nav-divider();
+}
+
+
+/* Sub-object: `uk-nav-sub`
+ ========================================================================== */
+
+/*
+ * `ul` needed for higher specificity to override padding
+ */
+
+ul.uk-nav-sub {
+    padding: $nav-sub-padding-vertical 0 $nav-sub-padding-vertical $nav-sub-padding-left;
+    @include hook-nav-sub();
+}
+
+
+/* Modifier: `uk-nav-parent-icon`
+ ========================================================================== */
+
+.uk-nav-parent-icon > .uk-parent > a:after {
+    content: $nav-parent-icon;
+    width: $nav-parent-icon-width;
+    margin-right: $nav-parent-icon-margin-right;
+    float: right;
+    font-family: FontAwesome;
+    text-align: center;
+    @include hook-nav-parent-icon();
+}
+
+.uk-nav-parent-icon > .uk-parent.uk-open > a:after { content: $nav-parent-open-icon; }
+
+
+/* Modifier `uk-nav-side`
+ ========================================================================== */
+
+/*
+ * Items
+ */
+
+.uk-nav-side > li > a {
+    color: $nav-side-color;
+    @include hook-nav-side();
+}
+
+/*
+ * Hover
+ * 1. Apply hover style also to focus state
+ * 2. Remove default focus style
+ */
+
+.uk-nav-side > li > a:hover,
+.uk-nav-side > li > a:focus { // 1
+    background: $nav-side-hover-background;
+    color: $nav-side-hover-color;
+    /* 2 */
+    outline: none;
+    @include hook-nav-side-hover();
+}
+
+/* Active */
+.uk-nav-side > li.uk-active > a {
+    background: $nav-side-active-background;
+    color: $nav-side-active-color;
+    @include hook-nav-side-active();
+}
+
+/*
+ * Sub-object: `uk-nav-header`
+ */
+
+.uk-nav-side .uk-nav-header {
+    color: $nav-side-header-color;
+    @include hook-nav-side-header();
+}
+
+/*
+ * Sub-object: `uk-nav-divider`
+ */
+
+.uk-nav-side .uk-nav-divider {
+    border-top: $nav-side-divider-border-width solid $nav-side-divider-border;
+    @include hook-nav-side-divider();
+}
+
+/*
+ * Nested items
+ */
+
+.uk-nav-side ul a { color: $nav-side-nested-color; }
+.uk-nav-side ul a:hover { color: $nav-side-nested-hover-color; }
+
+
+/* Modifier `uk-nav-dropdown`
+ ========================================================================== */
+
+/*
+ * Items
+ */
+
+.uk-nav-dropdown > li > a {
+    color: $nav-dropdown-color;
+    @include hook-nav-dropdown();
+}
+
+/*
+ * Hover
+ * 1. Apply hover style also to focus state
+ * 2. Remove default focus style
+ */
+
+.uk-nav-dropdown > li > a:hover,
+.uk-nav-dropdown > li > a:focus { // 1
+    background: $nav-dropdown-hover-background;
+    color: $nav-dropdown-hover-color;
+    /* 2 */
+    outline: none;
+    @include hook-nav-dropdown-hover();
+}
+
+/*
+ * Sub-object: `uk-nav-header`
+ */
+
+.uk-nav-dropdown .uk-nav-header {
+    color: $nav-dropdown-header-color;
+    @include hook-nav-dropdown-header();
+}
+
+/*
+ * Sub-object: `uk-nav-divider`
+ */
+
+.uk-nav-dropdown .uk-nav-divider {
+    border-top: $nav-dropdown-divider-border-width solid $nav-dropdown-divider-border;
+    @include hook-nav-dropdown-divider();
+}
+
+/*
+ * Nested items
+ */
+
+.uk-nav-dropdown ul a { color: $nav-dropdown-nested-color; }
+.uk-nav-dropdown ul a:hover { color: $nav-dropdown-nested-hover-color; }
+
+
+/* Modifier `uk-nav-navbar`
+ ========================================================================== */
+
+/*
+ * Items
+ */
+
+.uk-nav-navbar > li > a {
+    color: $nav-navbar-color;
+    @include hook-nav-navbar();
+}
+
+/*
+ * Hover
+ * 1. Apply hover style also to focus state
+ * 2. Remove default focus style
+ */
+
+.uk-nav-navbar > li > a:hover,
+.uk-nav-navbar > li > a:focus { // 1
+    background: $nav-navbar-hover-background;
+    color: $nav-navbar-hover-color;
+    /* 2 */
+    outline: none;
+    @include hook-nav-navbar-hover();
+}
+
+/*
+ * Sub-object: `uk-nav-header`
+ */
+
+.uk-nav-navbar .uk-nav-header {
+    color: $nav-navbar-header-color;
+    @include hook-nav-navbar-header();
+}
+
+/*
+ * Sub-object: `uk-nav-divider`
+ */
+
+.uk-nav-navbar .uk-nav-divider {
+    border-top: $nav-navbar-divider-border-width solid $nav-navbar-divider-border;
+    @include hook-nav-navbar-divider();
+}
+
+/*
+ * Nested items
+ */
+
+.uk-nav-navbar ul a { color: $nav-navbar-nested-color; }
+.uk-nav-navbar ul a:hover { color: $nav-navbar-nested-hover-color; }
+
+
+/* Modifier `uk-nav-offcanvas`
+ ========================================================================== */
+
+/*
+ * Items
+ */
+
+.uk-nav-offcanvas > li > a {
+    color: $nav-offcanvas-color;
+    padding: $nav-offcanvas-padding-vertical $nav-offcanvas-padding-horizontal;
+    @include hook-nav-offcanvas();
+}
+
+/*
+ * Hover
+ * No hover on touch devices because it behaves buggy in fixed offcanvas
+ * 1. Apply hover style also to focus state
+ * 2. Remove default focus style
+ */
+
+.uk-nav-offcanvas > .uk-open > a,
+html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,
+html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus { // 1
+    background: $nav-offcanvas-hover-background;
+    color: $nav-offcanvas-hover-color;
+    /* 2 */
+    outline: none;
+    @include hook-nav-offcanvas-hover();
+}
+
+/*
+ * Active
+ * `html .uk-nav` needed for higher specificity to override hover
+ */
+html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
+    background: $nav-offcanvas-active-background;
+    color: $nav-offcanvas-active-color;
+    @include hook-nav-offcanvas-active();
+}
+
+/*
+ * Sub-object: `uk-nav-header`
+ */
+
+.uk-nav-offcanvas .uk-nav-header {
+    color: $nav-offcanvas-header-color;
+    @include hook-nav-offcanvas-header();
+}
+
+/*
+ * Sub-object: `uk-nav-divider`
+ */
+
+.uk-nav-offcanvas .uk-nav-divider {
+    border-top: $nav-offcanvas-divider-border-width solid $nav-offcanvas-divider-border;
+    @include hook-nav-offcanvas-divider();
+}
+
+/*
+ * Nested items
+ * No hover on touch devices because it behaves buggy in fixed offcanvas
+ */
+
+.uk-nav-offcanvas ul a { color: $nav-offcanvas-nested-color; }
+html:not(.uk-touch) .uk-nav-offcanvas ul a:hover { color: $nav-offcanvas-nested-hover-color; }
+
+
+// Hooks
+// ========================================================================
+
+@include hook-nav-misc();
+
+// @mixin hook-nav-header(){}
+// @mixin hook-nav-divider(){}
+// @mixin hook-nav-sub(){}
+// @mixin hook-nav-parent-icon(){}
+
+// @mixin hook-nav-side(){}
+// @mixin hook-nav-side-hover(){}
+// @mixin hook-nav-side-active(){}
+// @mixin hook-nav-side-header(){}
+// @mixin hook-nav-side-divider(){}
+
+// @mixin hook-nav-dropdown(){}
+// @mixin hook-nav-dropdown-hover(){}
+// @mixin hook-nav-dropdown-header(){}
+// @mixin hook-nav-dropdown-divider(){}
+
+// @mixin hook-nav-navbar(){}
+// @mixin hook-nav-navbar-hover(){}
+// @mixin hook-nav-navbar-header(){}
+// @mixin hook-nav-navbar-divider(){}
+
+// @mixin hook-nav-offcanvas(){}
+// @mixin hook-nav-offcanvas-hover(){}
+// @mixin hook-nav-offcanvas-active(){}
+// @mixin hook-nav-offcanvas-header(){}
+// @mixin hook-nav-offcanvas-divider(){}
+
+// @mixin hook-nav-misc(){}