diff --git a/scss/_import-mixins.scss b/scss/_import-mixins.scss
new file mode 100644
index 0000000..e69de29
diff --git a/scss/_import-variables.scss b/scss/_import-variables.scss
new file mode 100644
index 0000000..01a7ea0
--- /dev/null
+++ b/scss/_import-variables.scss
@@ -0,0 +1,80 @@
+// 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";
+
+// Layout
+@import "section.scss";
+@import "container.scss";
+@import "grid.scss";
+@import "tile.scss";
+@import "card.scss";
+
+// Common
+@import "close.scss";
+@import "spinner.scss";
+@import "marker.scss";
+@import "totop.scss";
+@import "alert.scss";
+@import "badge.scss";
+@import "label.scss";
+@import "overlay.scss";
+@import "article.scss";
+@import "comment.scss";
+@import "search.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";
+
+// JavaScript
+@import "accordion.scss";
+@import "drop.scss";
+@import "dropdown.scss";
+@import "modal.scss";
+@import "lightbox.scss";
+@import "sticky.scss";
+@import "offcanvas.scss";
+@import "leader.scss";
+
+// Additional
+@import "iconnav.scss";
+@import "notification.scss";
+@import "tooltip.scss";
+@import "placeholder.scss";
+@import "progress.scss";
+@import "sortable.scss";
+@import "countdown.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";
diff --git a/scss/accordion.scss b/scss/accordion.scss
new file mode 100644
index 0000000..ae25a64
--- /dev/null
+++ b/scss/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(){}
+
+
diff --git a/scss/alert.scss b/scss/alert.scss
new file mode 100644
index 0000000..c4baa7c
--- /dev/null
+++ b/scss/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
+// ========================================================================
+
diff --git a/scss/align.scss b/scss/align.scss
new file mode 100644
index 0000000..290abd4
--- /dev/null
+++ b/scss/align.scss
@@ -0,0 +1,14 @@
+//
+// Component: Align
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-align-misc(){}
\ No newline at end of file
diff --git a/scss/animation.scss b/scss/animation.scss
new file mode 100644
index 0000000..03ebbc6
--- /dev/null
+++ b/scss/animation.scss
@@ -0,0 +1,14 @@
+//
+// Component: Animation
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-animation-misc(){}
\ No newline at end of file
diff --git a/scss/article.scss b/scss/article.scss
new file mode 100644
index 0000000..f30eb75
--- /dev/null
+++ b/scss/article.scss
@@ -0,0 +1,53 @@
+//
+// Component: Article
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$article-meta-color:                             $global-muted-color !default;
+
+//
+// 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(){}
\ No newline at end of file
diff --git a/scss/background.scss b/scss/background.scss
new file mode 100644
index 0000000..29e062e
--- /dev/null
+++ b/scss/background.scss
@@ -0,0 +1,14 @@
+//
+// Component: Background
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-background-misc(){}
\ No newline at end of file
diff --git a/scss/badge.scss b/scss/badge.scss
new file mode 100644
index 0000000..22ae937
--- /dev/null
+++ b/scss/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(){}
\ No newline at end of file
diff --git a/scss/base.scss b/scss/base.scss
new file mode 100644
index 0000000..27b9bea
--- /dev/null
+++ b/scss/base.scss
@@ -0,0 +1,121 @@
+//
+// Component: Base
+//
+// ========================================================================
+
+body {
+    // Make sure no-scroll screens are exactly aligned with scrolling 
+    // screens (scrollbars affects widths);
+    overflow-y: scroll;
+}
+
+// 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(){}
\ No newline at end of file
diff --git a/scss/breadcrumb.scss b/scss/breadcrumb.scss
new file mode 100644
index 0000000..40c04e5
--- /dev/null
+++ b/scss/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(){}
\ No newline at end of file
diff --git a/scss/button.scss b/scss/button.scss
new file mode 100644
index 0000000..480215e
--- /dev/null
+++ b/scss/button.scss
@@ -0,0 +1,162 @@
+//
+// Component: Button
+//
+// ========================================================================
+
+$button-border-width:                            $global-border-width !default;
+
+// 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-color:                              $global-emphasis-color !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-focus(){}
+
+// @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-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(){}
\ No newline at end of file
diff --git a/scss/card.scss b/scss/card.scss
new file mode 100644
index 0000000..4e539dc
--- /dev/null
+++ b/scss/card.scss
@@ -0,0 +1,127 @@
+//
+// Component: Card
+//
+// ========================================================================
+
+$card-primary-background:                       $global-primary-background !default;
+$card-secondary-background:                     $global-secondary-background !default;
+
+// 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-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
+// ========================================================================
+
+// @mixin hook-card-badge(){}
+
+
+// Hover modifier
+// ========================================================================
+
+
+
+
+// Style modifiers
+// ========================================================================
+
+
+
+// @mixin hook-card-default-title(){}
+
+
+
+
+
+
+
+//
+// Primary
+//
+
+
+
+// @mixin hook-card-primary-title(){}
+
+
+
+//
+// Secondary
+//
+
+
+
+// @mixin hook-card-secondary-title(){}
+
+
+
+
+// Miscellaneous
+// ========================================================================
+
diff --git a/scss/close.scss b/scss/close.scss
new file mode 100644
index 0000000..f076294
--- /dev/null
+++ b/scss/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(){}
\ No newline at end of file
diff --git a/scss/column.scss b/scss/column.scss
new file mode 100644
index 0000000..80be850
--- /dev/null
+++ b/scss/column.scss
@@ -0,0 +1,14 @@
+//
+// Component: Column
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-column-misc(){}
\ No newline at end of file
diff --git a/scss/comment.scss b/scss/comment.scss
new file mode 100644
index 0000000..a486c59
--- /dev/null
+++ b/scss/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(){}
\ No newline at end of file
diff --git a/scss/container.scss b/scss/container.scss
new file mode 100644
index 0000000..ba77ded
--- /dev/null
+++ b/scss/container.scss
@@ -0,0 +1,14 @@
+//
+// Component: Container
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-container-misc(){}
\ No newline at end of file
diff --git a/scss/countdown.scss b/scss/countdown.scss
new file mode 100644
index 0000000..01f1761
--- /dev/null
+++ b/scss/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(){}
diff --git a/scss/description-list.scss b/scss/description-list.scss
new file mode 100644
index 0000000..8f836d6
--- /dev/null
+++ b/scss/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(){}
\ No newline at end of file
diff --git a/scss/divider.scss b/scss/divider.scss
new file mode 100644
index 0000000..1273b2a
--- /dev/null
+++ b/scss/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(){}
\ No newline at end of file
diff --git a/scss/dotnav.scss b/scss/dotnav.scss
new file mode 100644
index 0000000..1bc8359
--- /dev/null
+++ b/scss/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(){}
+
+
+
diff --git a/scss/drop.scss b/scss/drop.scss
new file mode 100644
index 0000000..6940984
--- /dev/null
+++ b/scss/drop.scss
@@ -0,0 +1,14 @@
+//
+// Component: Drop
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-drop-misc(){}
\ No newline at end of file
diff --git a/scss/dropdown.scss b/scss/dropdown.scss
new file mode 100644
index 0000000..c5aa02e
--- /dev/null
+++ b/scss/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(){}
\ No newline at end of file
diff --git a/scss/form-range.scss b/scss/form-range.scss
new file mode 100644
index 0000000..ca424f3
--- /dev/null
+++ b/scss/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(){}
\ No newline at end of file
diff --git a/scss/form.scss b/scss/form.scss
new file mode 100644
index 0000000..e29e85e
--- /dev/null
+++ b/scss/form.scss
@@ -0,0 +1,134 @@
+//
+// Component: Form
+//
+// ========================================================================
+
+$form-height:                                    $global-control-height !default;
+$form-border-width:                              $global-border-width !default;
+$form-small-height:                              $global-control-small-height !default;
+$form-large-height:                              $global-control-large-height !default;
+
+// 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:                                    $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:                  dashed !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(){}
+
diff --git a/scss/grid.scss b/scss/grid.scss
new file mode 100644
index 0000000..adc18ad
--- /dev/null
+++ b/scss/grid.scss
@@ -0,0 +1,14 @@
+//
+// Component: Grid
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-grid-misc(){}
\ No newline at end of file
diff --git a/scss/heading.scss b/scss/heading.scss
new file mode 100644
index 0000000..9ec0674
--- /dev/null
+++ b/scss/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(){}
diff --git a/scss/height.scss b/scss/height.scss
new file mode 100644
index 0000000..37f2c2f
--- /dev/null
+++ b/scss/height.scss
@@ -0,0 +1,14 @@
+//
+// Component: Height
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-height-misc(){}
\ No newline at end of file
diff --git a/scss/icon.scss b/scss/icon.scss
new file mode 100644
index 0000000..b81c79a
--- /dev/null
+++ b/scss/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(){}
\ No newline at end of file
diff --git a/scss/iconnav.scss b/scss/iconnav.scss
new file mode 100644
index 0000000..94b4bbf
--- /dev/null
+++ b/scss/iconnav.scss
@@ -0,0 +1,34 @@
+//
+// Component: Iconnav
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-iconnav(){}
+
+// @mixin hook-iconnav-item(){}
+
+// @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(){}
\ No newline at end of file
diff --git a/scss/inverse.scss b/scss/inverse.scss
new file mode 100644
index 0000000..75a5a3b
--- /dev/null
+++ b/scss/inverse.scss
@@ -0,0 +1,14 @@
+//
+// Component: Inverse
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-inverse(){}
\ No newline at end of file
diff --git a/scss/label.scss b/scss/label.scss
new file mode 100644
index 0000000..ff09ac9
--- /dev/null
+++ b/scss/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(){}
\ No newline at end of file
diff --git a/scss/leader.scss b/scss/leader.scss
new file mode 100644
index 0000000..6618325
--- /dev/null
+++ b/scss/leader.scss
@@ -0,0 +1,26 @@
+//
+// Component: Leader
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-leader(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-leader-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-leader(){}
\ No newline at end of file
diff --git a/scss/lightbox.scss b/scss/lightbox.scss
new file mode 100644
index 0000000..caabc62
--- /dev/null
+++ b/scss/lightbox.scss
@@ -0,0 +1,48 @@
+//
+// 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(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-lightbox-misc(){}
\ No newline at end of file
diff --git a/scss/link.scss b/scss/link.scss
new file mode 100644
index 0000000..0658b58
--- /dev/null
+++ b/scss/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(){}
diff --git a/scss/list.scss b/scss/list.scss
new file mode 100644
index 0000000..67e3c72
--- /dev/null
+++ b/scss/list.scss
@@ -0,0 +1,39 @@
+//
+// Component: List
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+//
+// New
+//
+
+$list-striped-border-width:                      $global-border-width !default;
+$list-striped-border:                            $global-border !default;
+
+
+// Style modifiers
+// ========================================================================
+
+// @mixin hook-list-divider(){}
+
+
+
+// @mixin hook-list-bullet(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-list-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-list-divider(){}
+
+// @mixin hook-inverse-list-bullet(){}
\ No newline at end of file
diff --git a/scss/margin.scss b/scss/margin.scss
new file mode 100644
index 0000000..a2cdb5e
--- /dev/null
+++ b/scss/margin.scss
@@ -0,0 +1,14 @@
+//
+// Component: Margin
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-margin-misc(){}
\ No newline at end of file
diff --git a/scss/marker.scss b/scss/marker.scss
new file mode 100644
index 0000000..1e4fd5f
--- /dev/null
+++ b/scss/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(){}
diff --git a/scss/modal.scss b/scss/modal.scss
new file mode 100644
index 0000000..88dbb3d
--- /dev/null
+++ b/scss/modal.scss
@@ -0,0 +1,85 @@
+//
+// Component: Modal
+//
+// ========================================================================
+
+$modal-dialog-background:                        $global-background !default;
+
+// 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(){}
\ No newline at end of file
diff --git a/scss/nav.scss b/scss/nav.scss
new file mode 100644
index 0000000..3138498
--- /dev/null
+++ b/scss/nav.scss
@@ -0,0 +1,94 @@
+//
+// 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(){}
+
+
+// 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(){}
\ No newline at end of file
diff --git a/scss/navbar.scss b/scss/navbar.scss
new file mode 100644
index 0000000..b98d949
--- /dev/null
+++ b/scss/navbar.scss
@@ -0,0 +1,140 @@
+//
+// Component: Navbar
+//
+// ========================================================================
+
+$navbar-dropdown-nav-divider-border-width:       $global-border-width !default;
+$navbar-dropdown-nav-divider-border:             $global-border !default;
+
+// 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(){}
\ No newline at end of file
diff --git a/scss/notification.scss b/scss/notification.scss
new file mode 100644
index 0000000..71c793d
--- /dev/null
+++ b/scss/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(){}
\ No newline at end of file
diff --git a/scss/offcanvas.scss b/scss/offcanvas.scss
new file mode 100644
index 0000000..283078e
--- /dev/null
+++ b/scss/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(){}
\ No newline at end of file
diff --git a/scss/overlay.scss b/scss/overlay.scss
new file mode 100644
index 0000000..68cda45
--- /dev/null
+++ b/scss/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(){}
\ No newline at end of file
diff --git a/scss/padding.scss b/scss/padding.scss
new file mode 100644
index 0000000..f0737b8
--- /dev/null
+++ b/scss/padding.scss
@@ -0,0 +1,14 @@
+//
+// Component: Padding
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-padding-misc(){}
\ No newline at end of file
diff --git a/scss/pagination.scss b/scss/pagination.scss
new file mode 100644
index 0000000..a777e0c
--- /dev/null
+++ b/scss/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(){}
\ No newline at end of file
diff --git a/scss/placeholder.scss b/scss/placeholder.scss
new file mode 100644
index 0000000..4ab662c
--- /dev/null
+++ b/scss/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(){}
diff --git a/scss/position.scss b/scss/position.scss
new file mode 100644
index 0000000..fc69520
--- /dev/null
+++ b/scss/position.scss
@@ -0,0 +1,14 @@
+//
+// Component: Position
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-position-misc(){}
\ No newline at end of file
diff --git a/scss/progress.scss b/scss/progress.scss
new file mode 100644
index 0000000..9ca100a
--- /dev/null
+++ b/scss/progress.scss
@@ -0,0 +1,24 @@
+//
+// Component: Progress
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$progress-border-radius:                         500px !default;
+
+
+// Component
+// ========================================================================
+
+
+
+// @mixin hook-progress-bar(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-progress-misc(){}
diff --git a/scss/search.scss b/scss/search.scss
new file mode 100644
index 0000000..f9e710e
--- /dev/null
+++ b/scss/search.scss
@@ -0,0 +1,73 @@
+//
+// Component: Search
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$search-default-background:                          transparent !default;
+
+//
+// New
+//
+
+$search-default-border-width:                        $global-border-width !default;
+$search-default-border:                              $global-border !default;
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-search-input(){}
+
+
+// Default modifiers
+// ========================================================================
+
+
+
+
+// Navbar modifiers
+// ========================================================================
+
+// @mixin hook-search-navbar-input(){}
+
+// @mixin hook-search-default-input-focus(){}
+
+
+// Large modifiers
+// ========================================================================
+
+// @mixin hook-search-large-input(){}
+
+
+// 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-large-input(){}
+
+// @mixin hook-inverse-search-toggle(){}
+// @mixin hook-inverse-search-toggle-hover(){}
\ No newline at end of file
diff --git a/scss/section.scss b/scss/section.scss
new file mode 100644
index 0000000..6d7f761
--- /dev/null
+++ b/scss/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(){}
diff --git a/scss/slidenav.scss b/scss/slidenav.scss
new file mode 100644
index 0000000..c1654e7
--- /dev/null
+++ b/scss/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-icon-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-slidenav(){}
+// @mixin hook-inverse-slidenav-hover(){}
+// @mixin hook-inverse-slidenav-active(){}
\ No newline at end of file
diff --git a/scss/sortable.scss b/scss/sortable.scss
new file mode 100644
index 0000000..3ab18c3
--- /dev/null
+++ b/scss/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(){}
diff --git a/scss/spinner.scss b/scss/spinner.scss
new file mode 100644
index 0000000..d70e10f
--- /dev/null
+++ b/scss/spinner.scss
@@ -0,0 +1,14 @@
+//
+// Component: Spinner
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-spinner-misc(){}
\ No newline at end of file
diff --git a/scss/sticky.scss b/scss/sticky.scss
new file mode 100644
index 0000000..94e5ee6
--- /dev/null
+++ b/scss/sticky.scss
@@ -0,0 +1,14 @@
+//
+// Component: Sticky
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-sticky-misc(){}
\ No newline at end of file
diff --git a/scss/subnav.scss b/scss/subnav.scss
new file mode 100644
index 0000000..f4d1c7f
--- /dev/null
+++ b/scss/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(){}
diff --git a/scss/tab.scss b/scss/tab.scss
new file mode 100644
index 0000000..b669598
--- /dev/null
+++ b/scss/tab.scss
@@ -0,0 +1,75 @@
+//
+// Component: Tab
+//
+// ========================================================================
+
+$inverse-global-border:                          rgba($global-inverse-color, 0.2) !default;
+
+// 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(){}
\ No newline at end of file
diff --git a/scss/table.scss b/scss/table.scss
new file mode 100644
index 0000000..d6a6607
--- /dev/null
+++ b/scss/table.scss
@@ -0,0 +1,68 @@
+//
+// 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(){}
\ No newline at end of file
diff --git a/scss/text.scss b/scss/text.scss
new file mode 100644
index 0000000..1fdba97
--- /dev/null
+++ b/scss/text.scss
@@ -0,0 +1,51 @@
+//
+// Component: Text
+//
+// ========================================================================
+
+$text-meta-color:                                $global-muted-color !default;
+
+// 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(){}
diff --git a/scss/theme.scss b/scss/theme.scss
new file mode 100644
index 0000000..e69de29
diff --git a/scss/thumbnav.scss b/scss/thumbnav.scss
new file mode 100644
index 0000000..7f26c38
--- /dev/null
+++ b/scss/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(){}
\ No newline at end of file
diff --git a/scss/tile.scss b/scss/tile.scss
new file mode 100644
index 0000000..2d043a6
--- /dev/null
+++ b/scss/tile.scss
@@ -0,0 +1,32 @@
+//
+// Component: Tile
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-tile(){}
+
+
+// Style modifiers
+// ========================================================================
+
+// @mixin hook-tile-default(){}
+
+// @mixin hook-tile-muted(){}
+
+// @mixin hook-tile-primary(){}
+
+// @mixin hook-tile-secondary(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-tile-misc(){}
\ No newline at end of file
diff --git a/scss/tooltip.scss b/scss/tooltip.scss
new file mode 100644
index 0000000..5115139
--- /dev/null
+++ b/scss/tooltip.scss
@@ -0,0 +1,20 @@
+//
+// Component: Tooltip
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-tooltip(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-tooltip-misc(){}
\ No newline at end of file
diff --git a/scss/totop.scss b/scss/totop.scss
new file mode 100644
index 0000000..feb7165
--- /dev/null
+++ b/scss/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(){}
\ No newline at end of file
diff --git a/scss/transition.scss b/scss/transition.scss
new file mode 100644
index 0000000..fd7bded
--- /dev/null
+++ b/scss/transition.scss
@@ -0,0 +1,14 @@
+//
+// Component: Transition
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-transition-misc(){}
\ No newline at end of file
diff --git a/scss/utility.scss b/scss/utility.scss
new file mode 100644
index 0000000..6909499
--- /dev/null
+++ b/scss/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(){}
\ No newline at end of file
diff --git a/scss/variables.scss b/scss/variables.scss
new file mode 100644
index 0000000..8894677
--- /dev/null
+++ b/scss/variables.scss
@@ -0,0 +1,125 @@
+//
+// Component:       Variables
+// Description:     Defines common values which are used across all components
+//
+// ========================================================================
+
+
+// Load deprecated components
+// ========================================================================
+
+$deprecated:                                    false !default;
+
+
+// Breakpoints
+// ========================================================================
+
+// Phone Portrait:   Galaxy (360x640), iPhone 6 (375x667), iPhone 6+ (414x736)
+// Phone Landscape:  Galaxy (640x360), iPhone 6 (667x375), iPhone 6+ (736x414)
+// Tablet Portrait:  iPad (768x1024), Galaxy Tab (800x1280),
+// Tablet Landscape: iPad (1024x768), iPad Pro (1024x1366),
+// Desktop:          Galaxy Tab (1280x800), iPad Pro (1366x1024)
+
+$breakpoint-small:                              640px !default;  // Phone landscape
+$breakpoint-medium:                             960px !default;  // Tablet Landscape
+$breakpoint-large:                              1200px !default; // Desktop
+$breakpoint-xlarge:                             1600px !default; // Large Screens
+
+$breakpoint-xsmall-max:                         ($breakpoint-small - 1) !default;
+$breakpoint-small-max:                          ($breakpoint-medium - 1) !default;
+$breakpoint-medium-max:                         ($breakpoint-large - 1) !default;
+$breakpoint-large-max:                          ($breakpoint-xlarge - 1) !default;
+
+
+// Global variables
+// ========================================================================
+
+//
+// Typography
+//
+
+$global-font-family:                             -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
+$global-font-size:                               16px !default;
+$global-line-height:                             1.5 !default;      // 24px
+
+$global-xxlarge-font-size:                       2.625rem !default; // 42px
+$global-xlarge-font-size:                        2rem !default;     // 32px
+$global-large-font-size:                         1.5rem !default;   // 24px
+$global-medium-font-size:                        1.25rem !default;  // 20px
+$global-small-font-size:                         0.875rem !default; // 14px
+
+//
+// Colors
+//
+
+$global-color:                                   #666 !default;
+$global-emphasis-color:                          #333 !default;
+$global-muted-color:                             #999 !default;
+
+$global-link-color:                              #1e87f0 !default;
+$global-link-hover-color:                        #0f6ecd !default;
+
+$global-inverse-color:                           #fff !default;
+$inverse-global-color:                           #fff !default;
+$inverse-global-emphasis-color:                  #ccc !default;
+
+//
+// Backgrounds
+//
+
+$global-background:                              #fff !default;
+
+$global-muted-background:                        #f8f8f8 !default;
+$global-primary-background:                      #1e87f0 !default;
+$global-secondary-background:                    #222 !default;
+
+$global-success-background:                      #32d296 !default;
+$global-warning-background:                      #faa05a !default;
+$global-danger-background:                       #f0506e !default;
+
+//
+// Borders
+//
+
+$global-border-width:                            1px !default;
+$global-border:                                  #e5e5e5 !default;
+
+//
+// Box-Shadows
+//
+
+$global-small-box-shadow:                        0 2px 8px rgba(0,0,0,0.08) !default;
+$global-medium-box-shadow:                       0 5px 15px rgba(0,0,0,0.08) !default;
+$global-large-box-shadow:                        0 14px 25px rgba(0,0,0,0.16) !default;
+$global-xlarge-box-shadow:                       0 28px 50px rgba(0,0,0,0.16) !default;
+
+//
+// Spacings
+//
+
+// Used in margin, section, list
+$global-margin:                                  20px !default;
+$global-small-margin:                            10px !default;
+$global-medium-margin:                           40px !default;
+$global-large-margin:                            70px !default;
+$global-xlarge-margin:                           140px !default;
+
+// Used in grid, column, container, align, card, padding
+$global-gutter:                                  30px !default;
+$global-small-gutter:                            15px !default;
+$global-medium-gutter:                           40px !default;
+$global-large-gutter:                            70px !default;
+
+//
+// Controls
+//
+
+$global-control-height:                          40px !default;
+$global-control-small-height:                    30px !default;
+$global-control-large-height:                    55px !default;
+
+//
+// Z-index
+//
+
+$global-z-index:                                 1000 !default;
diff --git a/scss/width.scss b/scss/width.scss
new file mode 100644
index 0000000..b67a795
--- /dev/null
+++ b/scss/width.scss
@@ -0,0 +1,14 @@
+//
+// Component: Width
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-width-misc(){}
\ No newline at end of file