updates

client/uikit/src/scss/theme/_import.scss

@@ -0,0 +1,81 @@
+// Base
+@import "variables.scss";
+@import "base.scss";
+
+// Elements
+@import "link.scss";
+@import "heading.scss";
+@import "divider.scss";
+@import "list.scss";
+@import "description-list.scss";
+@import "table.scss";
+@import "icon.scss";
+@import "form-range.scss";
+@import "form.scss";
+@import "button.scss";
+@import "progress.scss";
+
+// Layout
+@import "section.scss";
+@import "container.scss";
+@import "tile.scss";
+@import "card.scss";
+
+// Common
+@import "close.scss";
+@import "spinner.scss";
+@import "marker.scss";
+@import "totop.scss";
+@import "alert.scss";
+@import "placeholder.scss";
+@import "badge.scss";
+@import "label.scss";
+@import "overlay.scss";
+@import "article.scss";
+@import "comment.scss";
+@import "search.scss";
+
+// JavaScript
+@import "accordion.scss";
+@import "drop.scss";
+@import "dropdown.scss";
+@import "modal.scss";
+@import "slider.scss";
+@import "sticky.scss";
+@import "offcanvas.scss";
+@import "leader.scss";
+@import "notification.scss";
+@import "tooltip.scss";
+@import "sortable.scss";
+@import "countdown.scss";
+
+@import "grid.scss";
+
+// Navs
+@import "nav.scss";
+@import "navbar.scss";
+@import "subnav.scss";
+@import "breadcrumb.scss";
+@import "pagination.scss";
+@import "tab.scss";
+@import "slidenav.scss";
+@import "dotnav.scss";
+@import "thumbnav.scss";
+@import "iconnav.scss";
+
+@import "lightbox.scss";
+
+// Utilities
+@import "animation.scss";
+@import "width.scss";
+@import "height.scss";
+@import "text.scss";
+@import "column.scss";
+@import "background.scss";
+@import "align.scss";
+@import "utility.scss";
+@import "margin.scss";
+@import "padding.scss";
+@import "position.scss";
+@import "transition.scss";
+@import "inverse.scss";

client/uikit/src/scss/theme/accordion.scss

@@ -0,0 +1,59 @@
+//
+// Component: Accordion
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+//
+// New
+//
+
+$accordion-icon-margin-left:                    10px !default;
+$accordion-icon-color:                          $global-color !default;
+$internal-accordion-open-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22#000%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E" !default;
+$internal-accordion-close-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22#000%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22#000%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E" !default;
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-accordion(){}
+
+
+// Item
+// ========================================================================
+
+// @mixin hook-accordion-item(){}
+
+
+// Title
+// ========================================================================
+
+
+
+// @mixin hook-accordion-title-hover(){}
+
+
+// Content
+// ========================================================================
+
+// @mixin hook-accordion-content(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-accordion-misc(){}
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-accordion-item(){}
+
+// @mixin hook-inverse-accordion-title(){}
+// @mixin hook-inverse-accordion-title-hover(){}
+
+

client/uikit/src/scss/theme/alert.scss

@@ -0,0 +1,46 @@
+//
+// Component: Alert
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+//
+// New
+//
+
+$alert-close-opacity:                            0.4 !default;
+$alert-close-hover-opacity:                      0.8 !default;
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-alert(){}
+
+
+// Close
+// ========================================================================
+
+
+
+
+
+
+// Style modifiers
+// ========================================================================
+
+// @mixin hook-alert-primary(){}
+
+// @mixin hook-alert-success(){}
+
+// @mixin hook-alert-warning(){}
+
+// @mixin hook-alert-danger(){}
+
+
+// Miscellaneous
+// ========================================================================
+

client/uikit/src/scss/theme/align.scss

@@ -0,0 +1,14 @@
+//
+// Component: Align
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-align-misc(){}

client/uikit/src/scss/theme/animation.scss

@@ -0,0 +1,14 @@
+//
+// Component: Animation
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-animation-misc(){}

client/uikit/src/scss/theme/article.scss

@@ -0,0 +1,51 @@
+//
+// Component: Article
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+//
+// New
+//
+
+$article-meta-link-color:                        $article-meta-color !default;
+$article-meta-link-hover-color:                  $global-color !default;
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-article(){}
+
+
+// Adjacent sibling
+// ========================================================================
+
+// @mixin hook-article-adjacent(){}
+
+
+// Title
+// ========================================================================
+
+// @mixin hook-article-title(){}
+
+
+// Meta
+// ========================================================================
+
+
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-article-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-article-meta(){}

client/uikit/src/scss/theme/background.scss

@@ -0,0 +1,14 @@
+//
+// Component: Background
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-background-misc(){}

client/uikit/src/scss/theme/badge.scss

@@ -0,0 +1,29 @@
+//
+// Component: Badge
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-badge(){}
+
+// @mixin hook-badge-hover(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-badge-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-badge(){}
+// @mixin hook-inverse-badge-hover(){}

client/uikit/src/scss/theme/base.scss

@@ -0,0 +1,116 @@
+//
+// Component: Base
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+//
+// New
+//
+
+$base-code-padding-horizontal:                   6px !default;
+$base-code-padding-vertical:                     2px !default;
+$base-code-background:                           $global-muted-background !default;
+
+$base-blockquote-color:                          $global-emphasis-color !default;
+
+$base-blockquote-footer-color:                   $global-color !default;
+
+$base-pre-padding:                               10px !default;
+$base-pre-background:                            $global-background !default;
+$base-pre-border-width:                          $global-border-width !default;
+$base-pre-border:                                $global-border !default;
+$base-pre-border-radius:                         3px !default;
+
+
+// Body
+// ========================================================================
+
+// @mixin hook-base-body(){}
+
+
+// Links
+// ========================================================================
+
+// @mixin hook-base-link(){}
+
+// @mixin hook-base-link-hover(){}
+
+
+// Text-level semantics
+// ========================================================================
+
+
+
+
+// Headings
+// ========================================================================
+
+// @mixin hook-base-heading(){}
+
+// @mixin hook-base-h1(){}
+
+// @mixin hook-base-h2(){}
+
+// @mixin hook-base-h3(){}
+
+// @mixin hook-base-h4(){}
+
+// @mixin hook-base-h5(){}
+
+// @mixin hook-base-h6(){}
+
+
+// Horizontal rules
+// ========================================================================
+
+// @mixin hook-base-hr(){}
+
+
+// Blockquotes
+// ========================================================================
+
+
+
+
+
+
+// Preformatted text
+// ========================================================================
+
+
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-base-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+$inverse-base-blockquote-color:                 $inverse-global-emphasis-color !default;
+$inverse-base-blockquote-footer-color:          $inverse-global-color !default;
+
+// @mixin hook-inverse-base-link(){}
+// @mixin hook-inverse-base-link-hover(){}
+
+
+
+// @mixin hook-inverse-base-heading(){}
+
+// @mixin hook-inverse-base-h1(){}
+// @mixin hook-inverse-base-h2(){}
+// @mixin hook-inverse-base-h3(){}
+// @mixin hook-inverse-base-h4(){}
+// @mixin hook-inverse-base-h5(){}
+// @mixin hook-inverse-base-h6(){}
+
+
+
+
+// @mixin hook-inverse-base-hr(){}

client/uikit/src/scss/theme/breadcrumb.scss

@@ -0,0 +1,45 @@
+//
+// Component: Breadcrumb
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-breadcrumb(){}
+
+
+// Items
+// ========================================================================
+
+// @mixin hook-breadcrumb-item(){}
+
+// @mixin hook-breadcrumb-item-hover(){}
+
+// @mixin hook-breadcrumb-item-disabled(){}
+
+// @mixin hook-breadcrumb-item-active(){}
+
+// @mixin hook-breadcrumb-divider(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-breadcrumb-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-breadcrumb-item(){}
+// @mixin hook-inverse-breadcrumb-item-hover(){}
+// @mixin hook-inverse-breadcrumb-item-disabled(){}
+// @mixin hook-inverse-breadcrumb-item-active(){}
+
+// @mixin hook-inverse-breadcrumb-divider(){}

client/uikit/src/scss/theme/button.scss

@@ -0,0 +1,157 @@
+//
+// Component: Button
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$button-line-height:                             $global-control-height - ($button-border-width * 2) !default;
+$button-small-line-height:                       $global-control-small-height - ($button-border-width * 2) !default;
+$button-large-line-height:                       $global-control-large-height - ($button-border-width * 2) !default;
+
+$button-font-size:                               $global-small-font-size !default;
+$button-large-font-size:                         $global-small-font-size !default;
+
+$button-default-background:                      transparent !default;
+$button-default-hover-background:                transparent !default;
+$button-default-active-background:               transparent !default;
+
+$button-disabled-background:                     transparent !default;
+
+$button-text-hover-color:                        $global-emphasis-color !default;
+
+//
+// New
+//
+
+$button-text-transform:                          uppercase !default;
+
+$button-border-width:                            $global-border-width !default;
+
+$button-default-border:                          $global-border !default;
+$button-default-hover-border:                    darken($global-border, 20%) !default;
+$button-default-active-border:                   darken($global-border, 30%) !default;
+
+$button-disabled-border:                         $global-border !default;
+
+$button-text-border-width:                       $global-border-width !default;
+$button-text-border:                             $button-text-hover-color !default;
+
+
+// Component
+// ========================================================================
+
+
+
+// @mixin hook-button-hover(){}
+
+// @mixin hook-button-active(){}
+
+
+// Style modifiers
+// ========================================================================
+
+
+
+
+
+
+
+//
+// Primary
+//
+
+
+
+// @mixin hook-button-primary-hover(){}
+
+// @mixin hook-button-primary-active(){}
+
+//
+// Secondary
+//
+
+
+
+// @mixin hook-button-secondary-hover(){}
+
+// @mixin hook-button-secondary-active(){}
+
+//
+// Danger
+//
+
+
+
+// @mixin hook-button-danger-hover(){}
+
+// @mixin hook-button-danger-active(){}
+
+
+// Disabled
+// ========================================================================
+
+
+
+
+// Size modifiers
+// ========================================================================
+
+// @mixin hook-button-small(){}
+
+// @mixin hook-button-large(){}
+
+
+// Text modifier
+// ========================================================================
+
+
+
+
+
+
+
+
+// Link modifier
+// ========================================================================
+
+// @mixin hook-button-link(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+
+
+
+// Inverse
+// ========================================================================
+
+$inverse-button-default-background:             transparent !default;
+$inverse-button-default-color:                  $inverse-global-emphasis-color !default;
+$inverse-button-default-hover-background:       transparent !default;
+$inverse-button-default-hover-color:            $inverse-global-emphasis-color !default;
+$inverse-button-default-active-background:      transparent !default;
+$inverse-button-default-active-color:           $inverse-global-emphasis-color !default;
+
+$inverse-button-text-hover-color:               $inverse-global-emphasis-color !default;
+
+
+
+
+
+// @mixin hook-inverse-button-primary(){}
+// @mixin hook-inverse-button-primary-hover(){}
+// @mixin hook-inverse-button-primary-active(){}
+
+// @mixin hook-inverse-button-secondary(){}
+// @mixin hook-inverse-button-secondary-hover(){}
+// @mixin hook-inverse-button-secondary-active(){}
+
+
+// @mixin hook-inverse-button-text-hover(){}
+// @mixin hook-inverse-button-text-disabled(){}
+
+// @mixin hook-inverse-button-link(){}

client/uikit/src/scss/theme/card.scss

@@ -0,0 +1,128 @@
+//
+// Component: Card
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$card-hover-background:                         $global-background !default;
+
+$card-default-background:                       $global-background !default;
+$card-default-hover-background:                 $card-default-background !default;
+
+$card-primary-hover-background:                 $card-primary-background !default;
+
+$card-secondary-hover-background:               $card-secondary-background !default;
+
+//
+// New
+//
+
+$card-badge-border-radius:                      2px !default;
+$card-badge-text-transform:                     uppercase !default;
+
+$card-hover-box-shadow:                         $global-large-box-shadow !default;
+
+$card-default-box-shadow:                       $global-medium-box-shadow !default;
+$card-default-hover-box-shadow:                 $global-large-box-shadow !default;
+
+$card-default-header-border-width:              $global-border-width !default;
+$card-default-header-border:                    $global-border !default;
+
+$card-default-footer-border-width:              $global-border-width !default;
+$card-default-footer-border:                    $global-border !default;
+
+$card-primary-box-shadow:                       $global-medium-box-shadow !default;
+$card-primary-hover-box-shadow:                 $global-large-box-shadow !default;
+
+$card-secondary-box-shadow:                     $global-medium-box-shadow !default;
+$card-secondary-hover-box-shadow:               $global-large-box-shadow !default;
+
+
+// Component
+// ========================================================================
+
+
+
+
+// Sections
+// ========================================================================
+
+// @mixin hook-card-body(){}
+
+// @mixin hook-card-header(){}
+
+// @mixin hook-card-footer(){}
+
+
+// Media
+// ========================================================================
+
+// @mixin hook-card-media(){}
+
+// @mixin hook-card-media-top(){}
+
+// @mixin hook-card-media-bottom(){}
+
+// @mixin hook-card-media-left(){}
+
+// @mixin hook-card-media-right(){}
+
+
+// Title
+// ========================================================================
+
+// @mixin hook-card-title(){}
+
+
+// Badge
+// ========================================================================
+
+
+
+
+// Hover modifier
+// ========================================================================
+
+
+
+
+// Style modifiers
+// ========================================================================
+
+
+
+// @mixin hook-card-default-title(){}
+
+
+
+
+
+
+
+//
+// Primary
+//
+
+
+
+// @mixin hook-card-primary-title(){}
+
+
+
+//
+// Secondary
+//
+
+
+
+// @mixin hook-card-secondary-title(){}
+
+
+
+
+// Miscellaneous
+// ========================================================================
+

client/uikit/src/scss/theme/close.scss

@@ -0,0 +1,29 @@
+//
+// Component: Close
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+
+
+// @mixin hook-close-hover(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-close-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-close(){}
+// @mixin hook-inverse-close-hover(){}

client/uikit/src/scss/theme/column.scss

@@ -0,0 +1,14 @@
+//
+// Component: Column
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-column-misc(){}

client/uikit/src/scss/theme/comment.scss

@@ -0,0 +1,69 @@
+//
+// Component: Comment
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+//
+// New
+//
+
+$comment-primary-padding:                        $global-gutter !default;
+$comment-primary-background:                     $global-muted-background !default;
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-comment(){}
+
+
+// Sections
+// ========================================================================
+
+// @mixin hook-comment-body(){}
+
+// @mixin hook-comment-header(){}
+
+
+// Title
+// ========================================================================
+
+// @mixin hook-comment-title(){}
+
+
+// Meta
+// ========================================================================
+
+// @mixin hook-comment-meta(){}
+
+
+// Avatar
+// ========================================================================
+
+// @mixin hook-comment-avatar(){}
+
+
+// List
+// ========================================================================
+
+// @mixin hook-comment-list-adjacent(){}
+
+// @mixin hook-comment-list-sub(){}
+
+// @mixin hook-comment-list-sub-adjacent(){}
+
+
+// Style modifier
+// ========================================================================
+
+
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-comment-misc(){}

client/uikit/src/scss/theme/container.scss

@@ -0,0 +1,14 @@
+//
+// Component: Container
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-container-misc(){}

client/uikit/src/scss/theme/countdown.scss

@@ -0,0 +1,53 @@
+//
+// Component: Countdown
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-countdown(){}
+
+
+// Item
+// ========================================================================
+
+// @mixin hook-countdown-item(){}
+
+
+// Number
+// ========================================================================
+
+// @mixin hook-countdown-number(){}
+
+
+// Separator
+// ========================================================================
+
+// @mixin hook-countdown-separator(){}
+
+
+// Label
+// ========================================================================
+
+// @mixin hook-countdown-label(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-countdown-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-countdown-item(){}
+// @mixin hook-inverse-countdown-number(){}
+// @mixin hook-inverse-countdown-separator(){}
+// @mixin hook-inverse-countdown-label(){}

client/uikit/src/scss/theme/description-list.scss

@@ -0,0 +1,32 @@
+//
+// Component: Description list
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$description-list-term-font-size:                       $global-small-font-size !default;
+$description-list-term-font-weight:                     normal !default;
+$description-list-term-text-transform:                  uppercase !default;
+
+
+// Component
+// ========================================================================
+
+
+
+// @mixin hook-description-list-description(){}
+
+
+// Style modifier
+// ========================================================================
+
+// @mixin hook-description-list-divider-term(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-description-list-misc(){}

client/uikit/src/scss/theme/divider.scss

@@ -0,0 +1,49 @@
+//
+// Component: Divider
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Icon
+// ========================================================================
+
+// @mixin hook-divider-icon(){}
+
+// @mixin hook-divider-icon-line(){}
+
+// @mixin hook-divider-icon-line-left(){}
+
+// @mixin hook-divider-icon-line-right(){}
+
+
+// Small
+// ========================================================================
+
+// @mixin hook-divider-small(){}
+
+
+// Vertical
+// ========================================================================
+
+// @mixin hook-divider-vertical(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-divider-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-divider-icon(){}
+// @mixin hook-inverse-divider-icon-line(){}
+
+// @mixin hook-inverse-divider-small(){}
+
+// @mixin hook-inverse-divider-vertical(){}

client/uikit/src/scss/theme/dotnav.scss

@@ -0,0 +1,52 @@
+//
+// Component: Dotnav
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$dotnav-item-background:                              transparent !default;
+
+//
+// New
+//
+
+$dotnav-item-border-width:                            1px !default;
+
+$dotnav-item-border:                                  rgba($global-color, 0.4) !default;
+$dotnav-item-hover-border:                            transparent !default;
+$dotnav-item-onclick-border:                          transparent !default;
+$dotnav-item-active-border:                           transparent !default;
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-dotnav(){}
+
+
+
+
+
+
+
+
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-dotnav-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+$inverse-dotnav-item-background:                      transparent !default;
+
+// @mixin hook-inverse-dotnav(){}
+
+
+

client/uikit/src/scss/theme/drop.scss

@@ -0,0 +1,14 @@
+//
+// Component: Drop
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-drop-misc(){}

client/uikit/src/scss/theme/dropdown.scss

@@ -0,0 +1,45 @@
+//
+// Component: Dropdown
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$dropdown-padding:                               25px !default;
+$dropdown-background:                            $global-background !default;
+
+//
+// New
+//
+
+$dropdown-nav-font-size:                         $global-small-font-size !default;
+
+$dropdown-box-shadow:                            0 5px 12px rgba(0,0,0,0.15) !default;
+
+
+// Component
+// ========================================================================
+
+
+
+
+// Nav
+// ========================================================================
+
+
+
+// @mixin hook-dropdown-nav-item(){}
+
+// @mixin hook-dropdown-nav-item-hover(){}
+
+// @mixin hook-dropdown-nav-header(){}
+
+// @mixin hook-dropdown-nav-divider(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-dropdown-misc(){}

client/uikit/src/scss/theme/form-range.scss

@@ -0,0 +1,45 @@
+//
+// Component: Form Range
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$form-range-thumb-background:                    $global-background !default;
+
+//
+// New
+//
+
+$form-range-thumb-border-width:                  $global-border-width !default;
+$form-range-thumb-border:                        darken($global-border, 10%) !default;
+
+$form-range-track-border-radius:                 500px !default;
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-form-range(){}
+
+
+// Thumb
+// ========================================================================
+
+
+
+
+// Track
+// ========================================================================
+
+
+
+// @mixin hook-form-range-track-focus(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-form-range-misc(){}

client/uikit/src/scss/theme/form.scss

@@ -0,0 +1,131 @@
+//
+// Component: Form
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$form-line-height:                               $form-height - (2* $form-border-width) !default;
+
+$form-background:                                $global-background !default;
+$form-focus-background:                          $global-background !default;
+
+$form-small-line-height:                         $form-small-height - (2* $form-border-width) !default;
+$form-large-line-height:                         $form-large-height - (2* $form-border-width) !default;
+
+$form-radio-background:                          transparent !default;
+
+$form-stacked-margin-bottom:                     5px !default;
+
+//
+// New
+//
+
+$form-border-width:                              $global-border-width !default;
+$form-border:                                    $global-border !default;
+
+$form-focus-border:                              $global-primary-background !default;
+
+$form-disabled-border:                           $global-border !default;
+
+$form-danger-border:                             $global-danger-background !default;
+$form-success-border:                            $global-success-background !default;
+
+$form-blank-focus-border:                        $global-border !default;
+$form-blank-focus-border-style:                  solid !default;
+
+$form-radio-border-width:                        $global-border-width !default;
+$form-radio-border:                              darken($global-border, 10%) !default;
+
+$form-radio-focus-border:                        $global-primary-background !default;
+
+$form-radio-checked-border:                      transparent !default;
+
+$form-radio-disabled-border:                     $global-border !default;
+
+$form-label-color:                               $global-emphasis-color !default;
+$form-label-font-size:                           $global-small-font-size !default;
+
+
+// Component
+// ========================================================================
+
+
+
+// @mixin hook-form-single-line(){}
+
+// @mixin hook-form-multi-line(){}
+
+
+
+
+
+
+// Style modifiers
+// ========================================================================
+
+
+
+
+
+
+
+
+
+
+// Radio and checkbox
+// ========================================================================
+
+
+
+
+
+
+
+// @mixin hook-form-radio-checked-focus(){}
+
+
+
+
+// Legend
+// ========================================================================
+
+// @mixin hook-form-legend(){}
+
+
+// Label
+// ========================================================================
+
+
+
+
+// Layout
+// ========================================================================
+
+// @mixin hook-form-stacked-label(){}
+
+// @mixin hook-form-horizontal-label(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-form-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+$inverse-form-label-color:                       $inverse-global-emphasis-color !default;
+
+
+
+
+
+
+
+
+// @mixin hook-inverse-form-radio-checked-focus(){}
+

client/uikit/src/scss/theme/grid.scss

@@ -0,0 +1,28 @@
+//
+// Component: Grid
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Divider
+// ========================================================================
+
+// @mixin hook-grid-divider-horizontal(){}
+// @mixin hook-grid-divider-vertical(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-grid-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-grid-divider-horizontal(){}
+// @mixin hook-inverse-grid-divider-vertical(){}

client/uikit/src/scss/theme/heading.scss

@@ -0,0 +1,67 @@
+//
+// Component: Heading
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-heading-small(){}
+
+// @mixin hook-heading-medium(){}
+
+// @mixin hook-heading-large(){}
+
+// @mixin hook-heading-xlarge(){}
+
+// @mixin hook-heading-2xlarge(){}
+
+
+// Divider
+// ========================================================================
+
+// @mixin hook-heading-divider(){}
+
+
+// Bullet
+// ========================================================================
+
+// @mixin hook-heading-bullet(){}
+
+
+// Line
+// ========================================================================
+
+// @mixin hook-heading-line(){}
+
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-heading-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-heading-small(){}
+
+// @mixin hook-inverse-heading-medium(){}
+
+// @mixin hook-inverse-heading-large(){}
+
+// @mixin hook-inverse-heading-xlarge(){}
+
+// @mixin hook-inverse-heading-2xlarge(){}
+
+// @mixin hook-inverse-heading-divider(){}
+
+// @mixin hook-inverse-heading-bullet(){}
+
+// @mixin hook-inverse-heading-line(){}

client/uikit/src/scss/theme/height.scss

@@ -0,0 +1,14 @@
+//
+// Component: Height
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-height-misc(){}

client/uikit/src/scss/theme/icon.scss

@@ -0,0 +1,50 @@
+//
+// Component: Icon
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Style modifiers
+// ========================================================================
+
+//
+// Link
+//
+
+// @mixin hook-icon-link(){}
+
+// @mixin hook-icon-link-hover(){}
+
+// @mixin hook-icon-link-active(){}
+
+//
+// Button
+//
+
+
+
+// @mixin hook-icon-button-hover(){}
+
+// @mixin hook-icon-button-active(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-icon-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-icon-link(){}
+// @mixin hook-inverse-icon-link-hover(){}
+// @mixin hook-inverse-icon-link-active(){}
+
+// @mixin hook-inverse-icon-button(){}
+// @mixin hook-inverse-icon-button-hover(){}
+// @mixin hook-inverse-icon-button-active(){}

client/uikit/src/scss/theme/iconnav.scss

@@ -0,0 +1,40 @@
+//
+// Component: Iconnav
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+//
+// New
+//
+
+$subnav-item-font-size:                          $global-small-font-size !default;
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-iconnav(){}
+
+
+
+// @mixin hook-iconnav-item-hover(){}
+
+// @mixin hook-iconnav-item-active(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-iconnav-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-iconnav-item(){}
+// @mixin hook-inverse-iconnav-item-hover(){}
+// @mixin hook-inverse-iconnav-item-active(){}

client/uikit/src/scss/theme/inverse.scss

@@ -0,0 +1,14 @@
+//
+// Component: Inverse
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-inverse(){}

client/uikit/src/scss/theme/label.scss

@@ -0,0 +1,43 @@
+//
+// Component: Label
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+//
+// New
+//
+
+$label-border-radius:                            2px !default;
+$label-text-transform:                           uppercase !default;
+
+
+// Component
+// ========================================================================
+
+
+
+
+// Color modifiers
+// ========================================================================
+
+// @mixin hook-label-success(){}
+
+// @mixin hook-label-warning(){}
+
+// @mixin hook-label-danger(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-label-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-label(){}

client/uikit/src/scss/theme/leader.scss

@@ -0,0 +1,26 @@
+//
+// Component: Leader
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-leader(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-leader-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-leader(){}

client/uikit/src/scss/theme/lightbox.scss

@@ -0,0 +1,50 @@
+//
+// Component: Lightbox
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-lightbox(){}
+
+
+// Item
+// ========================================================================
+
+// @mixin hook-lightbox-item(){}
+
+
+// Toolbar
+// ========================================================================
+
+// @mixin hook-lightbox-toolbar(){}
+
+
+// Toolbar Icon
+// ========================================================================
+
+// @mixin hook-lightbox-toolbar-icon(){}
+
+// @mixin hook-lightbox-toolbar-icon-hover(){}
+
+
+// Button
+// ========================================================================
+
+// @mixin hook-lightbox-button(){}
+
+// @mixin hook-lightbox-button-hover(){}
+
+// @mixin hook-lightbox-button-active(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-lightbox-misc(){}

client/uikit/src/scss/theme/link.scss

@@ -0,0 +1,55 @@
+//
+// Component: Link
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Muted
+// ========================================================================
+
+// @mixin hook-link-muted(){}
+
+// @mixin hook-link-muted-hover(){}
+
+
+// Text
+// ========================================================================
+
+// @mixin hook-link-text(){}
+
+// @mixin hook-link-text-hover(){}
+
+
+// Heading
+// ========================================================================
+
+// @mixin hook-link-heading(){}
+
+// @mixin hook-link-heading-hover(){}
+
+
+// Reset
+// ========================================================================
+
+// @mixin hook-link-reset(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-link-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-link-muted(){}
+// @mixin hook-inverse-link-muted-hover(){}
+
+// @mixin hook-inverse-link-text-hover(){}
+
+// @mixin hook-inverse-link-heading-hover(){}

client/uikit/src/scss/theme/list.scss

@@ -0,0 +1,36 @@
+//
+// Component: List
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+//
+// New
+//
+
+$list-striped-border-width:                      $global-border-width !default;
+$list-striped-border:                            $global-border !default;
+
+
+// Style modifiers
+// ========================================================================
+
+// @mixin hook-list-divider(){}
+
+
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-list-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-list-divider(){}
+

client/uikit/src/scss/theme/margin.scss

@@ -0,0 +1,14 @@
+//
+// Component: Margin
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-margin-misc(){}

client/uikit/src/scss/theme/marker.scss

@@ -0,0 +1,29 @@
+//
+// Component: Marker
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+
+
+// @mixin hook-marker-hover(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-marker-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-marker(){}
+// @mixin hook-inverse-marker-hover(){}

client/uikit/src/scss/theme/modal.scss

@@ -0,0 +1,84 @@
+//
+// Component: Modal
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$modal-header-background:                        $modal-dialog-background !default;
+$modal-footer-background:                        $modal-dialog-background !default;
+
+//
+// New
+//
+
+$modal-header-border-width:                     $global-border-width !default;
+$modal-header-border:                           $global-border !default;
+
+$modal-footer-border-width:                     $global-border-width !default;
+$modal-footer-border:                           $global-border !default;
+
+$modal-close-full-padding:                      $global-margin !default;
+$modal-close-full-background:                   $modal-dialog-background !default;
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-modal(){}
+
+
+// Dialog
+// ========================================================================
+
+// @mixin hook-modal-dialog(){}
+
+
+// Full
+// ========================================================================
+
+// @mixin hook-modal-full(){}
+
+
+// Sections
+// ========================================================================
+
+
+
+// @mixin hook-modal-body(){}
+
+
+
+
+// Title
+// ========================================================================
+
+// @mixin hook-modal-title(){}
+
+
+// Close
+// ========================================================================
+
+// @mixin hook-modal-close(){}
+
+// @mixin hook-modal-close-hover(){}
+
+// @mixin hook-modal-close-default(){}
+
+// @mixin hook-modal-close-default-hover(){}
+
+// @mixin hook-modal-close-outside(){}
+
+// @mixin hook-modal-close-outside-hover(){}
+
+
+
+// @mixin hook-modal-close-full-hover(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-modal-misc(){}

client/uikit/src/scss/theme/nav.scss

@@ -0,0 +1,102 @@
+//
+// Component: Nav
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+//
+// New
+//
+
+$nav-default-font-size:                          $global-small-font-size !default;
+
+
+// Sublists
+// ========================================================================
+
+// @mixin hook-nav-sub(){}
+
+
+// Parent icon modifier
+// ========================================================================
+
+// @mixin hook-nav-parent-icon(){}
+
+
+// Header
+// ========================================================================
+
+// @mixin hook-nav-header(){}
+
+
+// Divider
+// ========================================================================
+
+// @mixin hook-nav-divider(){}
+
+
+// Default style modifier
+// ========================================================================
+
+
+
+// @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(){}
+
+
+// Primary style modifier
+// ========================================================================
+
+// @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(){}
+
+
+// Style modifier
+// ========================================================================
+
+// @mixin hook-nav-dividers(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-nav-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @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(){}
+
+// @mixin hook-inverse-nav-dividers(){}

client/uikit/src/scss/theme/navbar.scss

@@ -0,0 +1,138 @@
+//
+// Component: Navbar
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$navbar-nav-item-font-size:                      $global-small-font-size !default;
+
+$navbar-dropdown-margin:                         15px !default;
+$navbar-dropdown-padding:                        25px !default;
+$navbar-dropdown-background:                     $global-background !default;
+$navbar-dropdown-grid-gutter-horizontal:         ($navbar-dropdown-padding * 2) !default;
+
+//
+// New
+//
+
+$navbar-nav-item-text-transform:                 uppercase !default;
+
+$navbar-dropdown-nav-font-size:                  $global-small-font-size !default;
+
+$navbar-dropdown-box-shadow:                     0 5px 12px rgba(0,0,0,0.15) !default;
+
+$navbar-dropbar-box-shadow:                      0 5px 7px rgba(0, 0, 0, 0.05) !default;
+
+$navbar-dropdown-grid-divider-border-width:      $global-border-width !default;
+$navbar-dropdown-grid-divider-border:            $navbar-dropdown-nav-divider-border !default;
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-navbar(){}
+
+
+// Container
+// ========================================================================
+
+// @mixin hook-navbar-container(){}
+
+
+// Nav
+// ========================================================================
+
+
+
+// @mixin hook-navbar-nav-item-hover(){}
+
+// @mixin hook-navbar-nav-item-onclick(){}
+
+// @mixin hook-navbar-nav-item-active(){}
+
+
+// Item
+// ========================================================================
+
+// @mixin hook-navbar-item(){}
+
+
+// Toggle
+// ========================================================================
+
+// @mixin hook-navbar-toggle(){}
+
+// @mixin hook-navbar-toggle-hover(){}
+
+// @mixin hook-navbar-toggle-icon(){}
+
+// @mixin hook-navbar-toggle-icon-hover(){}
+
+
+// Subtitle
+// ========================================================================
+
+// @mixin hook-navbar-subtitle(){}
+
+
+// Style modifiers
+// ========================================================================
+
+// @mixin hook-navbar-primary(){}
+
+// @mixin hook-navbar-transparent(){}
+
+// @mixin hook-navbar-sticky(){}
+
+
+// Dropdown
+// ========================================================================
+
+
+
+
+
+
+// Dropdown nav
+// ========================================================================
+
+
+
+// @mixin hook-navbar-dropdown-nav-item(){}
+
+// @mixin hook-navbar-dropdown-nav-item-hover(){}
+
+// @mixin hook-navbar-dropdown-nav-header(){}
+
+// @mixin hook-navbar-dropdown-nav-divider(){}
+
+
+// Dropbar
+// ========================================================================
+
+// @mixin hook-navbar-dropbar(){}
+
+
+
+
+// Miscellaneous
+// ========================================================================
+
+
+
+
+// Inverse
+// ========================================================================
+
+// @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(){}

client/uikit/src/scss/theme/notification.scss

@@ -0,0 +1,44 @@
+//
+// Component: Notification
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-notification(){}
+
+
+// Message
+// ========================================================================
+
+// @mixin hook-notification-message(){}
+
+
+// Close
+// ========================================================================
+
+// @mixin hook-notification-close(){}
+
+
+// Style modifiers
+// ========================================================================
+
+// @mixin hook-notification-message-primary(){}
+
+// @mixin hook-notification-message-success(){}
+
+// @mixin hook-notification-message-warning(){}
+
+// @mixin hook-notification-message-danger(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-notification-misc(){}

client/uikit/src/scss/theme/offcanvas.scss

@@ -0,0 +1,32 @@
+//
+// Component: Off-canvas
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Bar
+// ========================================================================
+
+// @mixin hook-offcanvas-bar(){}
+
+
+// Close
+// ========================================================================
+
+// @mixin hook-offcanvas-close(){}
+
+
+// Overlay
+// ========================================================================
+
+// @mixin hook-offcanvas-overlay(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-offcanvas-misc(){}

client/uikit/src/scss/theme/overlay.scss

@@ -0,0 +1,33 @@
+//
+// Component: Overlay
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-overlay(){}
+
+// Icon
+// ========================================================================
+
+// @mixin hook-overlay-icon(){}
+
+
+// Style modifiers
+// ========================================================================
+
+// @mixin hook-overlay-default(){}
+
+// @mixin hook-overlay-primary(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-overlay-misc(){}

client/uikit/src/scss/theme/padding.scss

@@ -0,0 +1,14 @@
+//
+// Component: Padding
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-padding-misc(){}

client/uikit/src/scss/theme/pagination.scss

@@ -0,0 +1,41 @@
+//
+// Component: Pagination
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-pagination(){}
+
+
+// Items
+// ========================================================================
+
+
+
+// @mixin hook-pagination-item-hover(){}
+
+// @mixin hook-pagination-item-active(){}
+
+// @mixin hook-pagination-item-disabled(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-pagination-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-pagination-item(){}
+// @mixin hook-inverse-pagination-item-hover(){}
+// @mixin hook-inverse-pagination-item-active(){}
+// @mixin hook-inverse-pagination-item-disabled(){}

client/uikit/src/scss/theme/placeholder.scss

@@ -0,0 +1,29 @@
+//
+// Component: Placeholder
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$placeholder-background:                         transparent !default;
+
+//
+// New
+//
+
+$placeholder-border-width:                       $global-border-width !default;
+$placeholder-border:                             $global-border !default;
+
+
+// Component
+// ========================================================================
+
+
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-placeholder-misc(){}

client/uikit/src/scss/theme/position.scss

@@ -0,0 +1,14 @@
+//
+// Component: Position
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-position-misc(){}

client/uikit/src/scss/theme/progress.scss

@@ -0,0 +1,24 @@
+//
+// Component: Progress
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$progress-border-radius:                         500px !default;
+
+
+// Component
+// ========================================================================
+
+
+
+// @mixin hook-progress-bar(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-progress-misc(){}

client/uikit/src/scss/theme/search.scss

@@ -0,0 +1,81 @@
+//
+// Component: Search
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$search-default-background:                          transparent !default;
+
+//
+// New
+//
+
+$search-default-border-width:                        $global-border-width !default;
+$search-default-border:                              $global-border !default;
+
+$search-default-focus-border:                        $global-primary-background !default;
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-search-input(){}
+
+
+// Default modifiers
+// ========================================================================
+
+
+
+
+
+
+// Navbar modifiers
+// ========================================================================
+
+// @mixin hook-search-navbar-input(){}
+
+// @mixin hook-search-navbar-input-focus(){}
+
+
+// Large modifiers
+// ========================================================================
+
+// @mixin hook-search-large-input(){}
+
+// @mixin hook-search-large-input-focus(){}
+
+
+// Toggle
+// ========================================================================
+
+// @mixin hook-search-toggle(){}
+
+// @mixin hook-search-toggle-hover(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-search-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+$inverse-search-default-background:             transparent !default;
+
+
+// @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(){}

client/uikit/src/scss/theme/section.scss

@@ -0,0 +1,32 @@
+//
+// Component: Section
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-section(){}
+
+
+// Style modifiers
+// ========================================================================
+
+// @mixin hook-section-default(){}
+
+// @mixin hook-section-muted(){}
+
+// @mixin hook-section-primary(){}
+
+// @mixin hook-section-secondary(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-section-misc(){}

client/uikit/src/scss/theme/slidenav.scss

@@ -0,0 +1,52 @@
+//
+// Component: Slidenav
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+
+
+// @mixin hook-slidenav-hover(){}
+
+// @mixin hook-slidenav-active(){}
+
+
+// Icon modifier
+// ========================================================================
+
+// @mixin hook-slidenav-previous(){}
+
+// @mixin hook-slidenav-next(){}
+
+
+// Size modifier
+// ========================================================================
+
+// @mixin hook-slidenav-large(){}
+
+
+// Container
+// ========================================================================
+
+// @mixin hook-slidenav-container(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-slidenav-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-slidenav(){}
+// @mixin hook-inverse-slidenav-hover(){}
+// @mixin hook-inverse-slidenav-active(){}

client/uikit/src/scss/theme/slider.scss

@@ -0,0 +1,14 @@
+//
+// Component: Slider
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-slider-misc(){}

client/uikit/src/scss/theme/sortable.scss

@@ -0,0 +1,38 @@
+//
+// Component: Sortable
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-sortable(){}
+
+
+// Drag
+// ========================================================================
+
+// @mixin hook-sortable-drag(){}
+
+
+// Placeholder
+// ========================================================================
+
+// @mixin hook-sortable-placeholder(){}
+
+
+// Empty
+// ========================================================================
+
+// @mixin hook-sortable-empty(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-sortable-misc(){}

client/uikit/src/scss/theme/spinner.scss

@@ -0,0 +1,14 @@
+//
+// Component: Spinner
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-spinner-misc(){}

client/uikit/src/scss/theme/sticky.scss

@@ -0,0 +1,14 @@
+//
+// Component: Sticky
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-sticky-misc(){}

client/uikit/src/scss/theme/subnav.scss

@@ -0,0 +1,74 @@
+//
+// Component: Subnav
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+//
+// New
+//
+
+$subnav-item-font-size:                          $global-small-font-size !default;
+$subnav-item-text-transform:                     uppercase !default;
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-subnav(){}
+
+
+
+// @mixin hook-subnav-item-hover(){}
+
+// @mixin hook-subnav-item-active(){}
+
+
+// Divider modifier
+// ========================================================================
+
+// @mixin hook-subnav-divider(){}
+
+
+// Pill modifier
+// ========================================================================
+
+// @mixin hook-subnav-pill-item(){}
+
+// @mixin hook-subnav-pill-item-hover(){}
+
+// @mixin hook-subnav-pill-item-onclick(){}
+
+// @mixin hook-subnav-pill-item-active(){}
+
+
+// Disabled
+// ========================================================================
+
+// @mixin hook-subnav-item-disabled(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-subnav-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-subnav-item(){}
+// @mixin hook-inverse-subnav-item-hover(){}
+// @mixin hook-inverse-subnav-item-active(){}
+
+// @mixin hook-inverse-subnav-divider(){}
+
+// @mixin hook-inverse-subnav-pill-item(){}
+// @mixin hook-inverse-subnav-pill-item-hover(){}
+// @mixin hook-inverse-subnav-pill-item-onclick(){}
+// @mixin hook-inverse-subnav-pill-item-active(){}
+
+// @mixin hook-inverse-subnav-item-disabled(){}

client/uikit/src/scss/theme/tab.scss

@@ -0,0 +1,74 @@
+//
+// Component: Tab
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+//
+// New
+//
+
+$tab-border-width:                               $global-border-width !default;
+$tab-border:                                     $global-border !default;
+
+$tab-item-border-width:                          $global-border-width !default;
+$tab-item-font-size:                             $global-small-font-size !default;
+$tab-item-text-transform:                        uppercase !default;
+
+$tab-item-active-border:                         $global-primary-background !default;
+
+
+// Component
+// ========================================================================
+
+
+
+
+// Items
+// ========================================================================
+
+
+
+// @mixin hook-tab-item-hover(){}
+
+
+
+// @mixin hook-tab-item-disabled(){}
+
+
+// Position modifiers
+// ========================================================================
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+// Miscellaneous
+// ========================================================================
+
+
+
+
+// Inverse
+// ========================================================================
+
+$inverse-tab-border:                         $inverse-global-border !default;
+
+
+
+// @mixin hook-inverse-tab-item(){}
+// @mixin hook-inverse-tab-item-hover(){}
+
+// @mixin hook-inverse-tab-item-disabled(){}

client/uikit/src/scss/theme/table.scss

@@ -0,0 +1,69 @@
+//
+// Component: Table
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$table-header-cell-font-size:                    $global-small-font-size !default;
+$table-header-cell-font-weight:                  normal !default;
+$table-header-cell-color:                        $global-muted-color !default;
+
+//
+// New
+//
+
+$table-striped-border-width:                     $global-border-width !default;
+$table-striped-border:                           $global-border !default;
+
+
+// Component
+// ========================================================================
+
+
+
+// @mixin hook-table-cell(){}
+
+// @mixin hook-table-footer(){}
+
+// @mixin hook-table-caption(){}
+
+// @mixin hook-table-row-active(){}
+
+
+// Style modifiers
+// ========================================================================
+
+// @mixin hook-table-divider(){}
+
+
+
+// @mixin hook-table-hover(){}
+
+
+// Size modifier
+// ========================================================================
+
+// @mixin hook-table-small(){}
+
+// @mixin hook-table-large(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-table-header-cell(){}
+// @mixin hook-inverse-table-caption(){}
+// @mixin hook-inverse-table-row-active(){}
+// @mixin hook-inverse-table-divider(){}
+
+// @mixin hook-inverse-table-hover(){}
+

client/uikit/src/scss/theme/text.scss

@@ -0,0 +1,50 @@
+//
+// Component: Text
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+//
+// New
+//
+
+$text-meta-link-color:                           $text-meta-color !default;
+$text-meta-link-hover-color:                     $global-color !default;
+
+
+// Style modifiers
+// ========================================================================
+
+// @mixin hook-text-lead(){}
+
+
+
+
+// Size modifiers
+// ========================================================================
+
+// @mixin hook-text-small(){}
+
+// @mixin hook-text-large(){}
+
+
+// Background modifier
+// ========================================================================
+
+// @mixin hook-text-background(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-text-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-text-lead(){}
+// @mixin hook-inverse-text-meta(){}

client/uikit/src/scss/theme/thumbnav.scss

@@ -0,0 +1,42 @@
+//
+// Component: Thumbnav
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+//
+// New
+//
+
+$thumbnav-item-background:                       rgba($global-background, 0.4) !default;
+$thumbnav-item-hover-background:                 transparent !default;
+$thumbnav-item-active-background:                transparent !default;
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-thumbnav(){}
+
+
+
+
+
+
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-thumbnav-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-thumbnav-item(){}
+// @mixin hook-inverse-thumbnav-item-hover(){}
+// @mixin hook-inverse-thumbnav-item-active(){}

client/uikit/src/scss/theme/tile.scss

@@ -0,0 +1,52 @@
+//
+// Component: Tile
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-tile(){}
+
+
+// Style modifiers
+// ========================================================================
+
+// @mixin hook-tile-default(){}
+
+// @mixin hook-tile-default-hover(){}
+
+//
+// Muted
+//
+
+// @mixin hook-tile-muted(){}
+
+// @mixin hook-tile-muted-hover(){}
+
+//
+// Primary
+//
+
+// @mixin hook-tile-primary(){}
+
+// @mixin hook-tile-primary-hover(){}
+
+//
+// Secondary
+//
+
+// @mixin hook-tile-secondary(){}
+
+// @mixin hook-tile-secondary-hover(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-tile-misc(){}

client/uikit/src/scss/theme/tooltip.scss

@@ -0,0 +1,20 @@
+//
+// Component: Tooltip
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-tooltip(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-tooltip-misc(){}

client/uikit/src/scss/theme/totop.scss

@@ -0,0 +1,32 @@
+//
+// Component: Totop
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+
+
+// @mixin hook-totop-hover(){}
+
+// @mixin hook-totop-active(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-icon-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-totop(){}
+// @mixin hook-inverse-totop-hover(){}
+// @mixin hook-inverse-totop-active(){}

client/uikit/src/scss/theme/transition.scss

@@ -0,0 +1,14 @@
+//
+// Component: Transition
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-transition-misc(){}

client/uikit/src/scss/theme/utility.scss

@@ -0,0 +1,49 @@
+//
+// Component: Utility
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Panel
+// ========================================================================
+
+// @mixin hook-panel-scrollable(){}
+
+
+// Box-shadow bottom
+// ========================================================================
+
+// @mixin hook-box-shadow-bottom(){}
+
+
+// Drop cap
+// ========================================================================
+
+
+
+
+// Logo
+// ========================================================================
+
+// @mixin hook-logo(){}
+
+// @mixin hook-logo-hover(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-utility-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-dropcap(){}
+
+// @mixin hook-inverse-logo(){}
+// @mixin hook-inverse-logo-hover(){}

client/uikit/src/scss/theme/variables.scss

@@ -0,0 +1,36 @@
+//
+// Component: Variables
+//
+// ========================================================================
+
+
+// Global variables
+// ========================================================================
+
+//
+// Typography
+//
+
+//
+// Colors
+//
+
+//
+// Backgrounds
+//
+
+//
+// Borders
+//
+
+//
+// Spacings
+//
+
+//
+// Controls
+//
+
+//
+// Z-index
+//

client/uikit/src/scss/theme/width.scss

@@ -0,0 +1,14 @@
+//
+// Component: Width
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-width-misc(){}