summaryrefslogtreecommitdiff
path: root/templates/assets/bootstrap-material-design/scss/variables/bootstrap
diff options
context:
space:
mode:
authorschneefux <schneefux+commit@schneefux.xyz>2017-03-22 19:19:26 +0100
committerschneefux <schneefux+commit@schneefux.xyz>2017-03-22 19:19:26 +0100
commitd42c8b528eb595101954f478e0024e3f079f6fbf (patch)
tree61a528cf94f1f6941f4683ae8736a4a0135c035e /templates/assets/bootstrap-material-design/scss/variables/bootstrap
downloadminionlivesmatter-d42c8b528eb595101954f478e0024e3f079f6fbf.tar.gz
minionlivesmatter-d42c8b528eb595101954f478e0024e3f079f6fbf.zip
first implementation of fun stats site
Diffstat (limited to 'templates/assets/bootstrap-material-design/scss/variables/bootstrap')
-rw-r--r--templates/assets/bootstrap-material-design/scss/variables/bootstrap/_body.scss6
-rw-r--r--templates/assets/bootstrap-material-design/scss/variables/bootstrap/_brand.scss6
-rw-r--r--templates/assets/bootstrap-material-design/scss/variables/bootstrap/_buttons.scss77
-rw-r--r--templates/assets/bootstrap-material-design/scss/variables/bootstrap/_card.scss13
-rw-r--r--templates/assets/bootstrap-material-design/scss/variables/bootstrap/_code.scss12
-rw-r--r--templates/assets/bootstrap-material-design/scss/variables/bootstrap/_components.scss16
-rw-r--r--templates/assets/bootstrap-material-design/scss/variables/bootstrap/_custom-forms.scss5
-rw-r--r--templates/assets/bootstrap-material-design/scss/variables/bootstrap/_dropdown.scss20
-rw-r--r--templates/assets/bootstrap-material-design/scss/variables/bootstrap/_forms.scss47
-rw-r--r--templates/assets/bootstrap-material-design/scss/variables/bootstrap/_list-group.scss21
-rw-r--r--templates/assets/bootstrap-material-design/scss/variables/bootstrap/_modals.scss20
-rw-r--r--templates/assets/bootstrap-material-design/scss/variables/bootstrap/_nav.scss62
-rw-r--r--templates/assets/bootstrap-material-design/scss/variables/bootstrap/_pagination.scss6
-rw-r--r--templates/assets/bootstrap-material-design/scss/variables/bootstrap/_spacing.scss26
-rw-r--r--templates/assets/bootstrap-material-design/scss/variables/bootstrap/_state.scss15
-rw-r--r--templates/assets/bootstrap-material-design/scss/variables/bootstrap/_type.scss66
16 files changed, 418 insertions, 0 deletions
diff --git a/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_body.scss b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_body.scss
new file mode 100644
index 0000000..0d9fbea
--- /dev/null
+++ b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_body.scss
@@ -0,0 +1,6 @@
+// Body
+//
+// Settings for the `<body>` element.
+
+$body-bg: #fafafa !default;
+//$body-color: $gray-dark !default;
diff --git a/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_brand.scss b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_brand.scss
new file mode 100644
index 0000000..3ba4a5b
--- /dev/null
+++ b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_brand.scss
@@ -0,0 +1,6 @@
+// Bootstrap brand color customization
+$brand-primary: $teal !default;
+$brand-success: $green !default;
+$brand-danger: $red !default;
+$brand-warning: $deep-orange !default;
+$brand-info: $light-blue !default;
diff --git a/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_buttons.scss b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_buttons.scss
new file mode 100644
index 0000000..5823491
--- /dev/null
+++ b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_buttons.scss
@@ -0,0 +1,77 @@
+// Buttons:
+$bmd-btn-font-size: .875rem !default; // 14px
+$bmd-btn-font-size-lg: 1.25rem !default;
+$bmd-btn-font-size-sm: .8125rem !default; // 13px
+$bmd-btn-margin-bottom: .3125rem !default; // 5px
+
+// default btn with no specific type designation
+$bmd-btn-color: $gray-dark !default;
+$bmd-btn-bg: inherit !default; //$body-bg !default; // #fff
+$bmd-btn-border: #ccc !default;
+
+$bmd-btn-focus-bg: rgba(#999, .20) !default; // spec: bg Hover: 20% #999999
+$bmd-btn-active-bg: rgba(#999, .40) !default; // spec: bg Pressed: 40% #999999
+$bmd-btn-disabled: rgba($black, .26) !default; // spec: light theme: Disabled text: 26% $black
+
+$bmd-inverse-btn-focus-bg: rgba(#ccc, .15) !default; // spec: dark bg Hover: 15% #CCCCCC
+$bmd-inverse-btn-active-bg: rgba(#ccc, .25) !default; // spec: dark Pressed: 25% #CCCCCC
+$bmd-inverse-btn-disabled: rgba($white, .30) !default; // spec: dark theme: Disabled text: 30% $white
+
+$bmd-btn-fab-size: 3.5rem !default; // 56px
+$bmd-btn-fab-size-sm: 2.5rem !default; // 40px
+$bmd-btn-fab-font-size: 1.5rem !default; // 24px
+
+// icons
+$bmd-btn-icon-size: 2rem !default; // 32px
+$bmd-btn-icon-size-sm: (.75 * $bmd-btn-icon-size) !default; // ~24px
+$bmd-btn-icon-font-size-sm: (.75 * $bmd-btn-fab-font-size) !default;
+
+
+// Buttons
+//
+// For each of Bootstrap's buttons, define text, background and border color.
+$btn-padding-x: 1rem !default; // 1rem
+$btn-padding-y: .46875rem !default; // .5rem achieve a 36dp height
+//$btn-line-height: 1 !default; //1.25
+$btn-font-weight: 500 !default; // normal
+$btn-box-shadow: none !default;
+$btn-active-box-shadow: none !default; // inset 0 3px 5px rgba(0,0,0,.125)
+
+//
+//$btn-primary-color: #fff !default;
+//$btn-primary-bg: $brand-primary !default;
+//$btn-primary-border: $btn-primary-bg !default;
+//
+$btn-secondary-color: $gray-dark !default;
+$btn-secondary-bg: $body-bg !default; // #fff
+//$btn-secondary-border: #ccc !default;
+//
+//$btn-info-color: #fff !default;
+//$btn-info-bg: $brand-info !default;
+//$btn-info-border: $btn-info-bg !default;
+//
+//$btn-success-color: #fff !default;
+//$btn-success-bg: $brand-success !default;
+//$btn-success-border: $btn-success-bg !default;
+//
+//$btn-warning-color: #fff !default;
+//$btn-warning-bg: $brand-warning !default;
+//$btn-warning-border: $btn-warning-bg !default;
+//
+//$btn-danger-color: #fff !default;
+//$btn-danger-bg: $brand-danger !default;
+//$btn-danger-border: $btn-danger-bg !default;
+//
+//$btn-link-disabled-color: $gray-light !default;
+//
+//$btn-padding-x-sm: .5rem !default;
+$btn-padding-y-sm: .40625rem !default; // achieve a 32dp height was .25rem
+//
+//$btn-padding-x-lg: 1.5rem !default;
+//$btn-padding-y-lg: .75rem !default;
+//
+//// Allows for customizing button radius independently from global border radius
+//$btn-border-radius: $border-radius !default;
+//$btn-border-radius-lg: $border-radius-lg !default;
+//$btn-border-radius-sm: $border-radius-sm !default;
+
diff --git a/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_card.scss b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_card.scss
new file mode 100644
index 0000000..6c18fba
--- /dev/null
+++ b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_card.scss
@@ -0,0 +1,13 @@
+// Cards
+//$card-spacer-x: 1.25rem !default;
+//$card-spacer-y: .75rem !default;
+//$card-border-width: 1px !default;
+//$card-border-radius: $border-radius !default;
+$card-border-color: $gray-lighter !default; // #e5e5e5
+//$card-border-radius-inner: $card-border-radius !default;
+$card-bg: #fff !default;
+$card-cap-bg: $card-bg !default; // #f5f5f5
+//
+//$card-link-hover-color: #fff !default;
+//
+//$card-deck-margin: .625rem !default;
diff --git a/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_code.scss b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_code.scss
new file mode 100644
index 0000000..9e10188
--- /dev/null
+++ b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_code.scss
@@ -0,0 +1,12 @@
+// Code
+
+//$code-color: #bd4147 !default;
+$code-bg: $grey-200 !default; // #f7f7f9 !default;
+
+//$kbd-color: #fff !default;
+//$kbd-bg: #333 !default;
+//
+//$pre-bg: #f7f7f9 !default;
+//$pre-color: $gray-dark !default;
+//$pre-border-color: #ccc !default;
+//$pre-scrollable-max-height: 340px !default;
diff --git a/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_components.scss b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_components.scss
new file mode 100644
index 0000000..ff03bdb
--- /dev/null
+++ b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_components.scss
@@ -0,0 +1,16 @@
+// Components
+//
+// Define common padding and border radius sizes and more.
+
+//$line-height-lg: (4 / 3) !default;
+//$line-height-sm: 1.5 !default;
+//
+$border-radius: .125rem !default; // .25rem !default;
+//$border-radius-lg: .3rem !default;
+$border-radius-sm: .0625rem !default; // .2rem !default;
+//
+//$component-active-color: #fff !default;
+//$component-active-bg: $brand-primary !default;
+//
+//$caret-width: .3em !default;
+//$caret-width-lg: $caret-width !default;
diff --git a/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_custom-forms.scss b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_custom-forms.scss
new file mode 100644
index 0000000..d6f3644
--- /dev/null
+++ b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_custom-forms.scss
@@ -0,0 +1,5 @@
+$custom-file-bg: transparent !default;
+$custom-file-border-width: 0 !default;
+$custom-file-box-shadow: none !default;
+$custom-file-border-radius: 0 !default;
+$custom-file-line-height: 1.3 !default;
diff --git a/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_dropdown.scss b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_dropdown.scss
new file mode 100644
index 0000000..67ac5ec
--- /dev/null
+++ b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_dropdown.scss
@@ -0,0 +1,20 @@
+// Dropdowns
+//
+// Dropdown menu container and contents.
+
+//$dropdown-bg: #fff !default;
+//$dropdown-border-color: rgba(0,0,0,.15) !default;
+//$dropdown-border-width: $border-width !default;
+//$dropdown-divider-bg: #e5e5e5 !default;
+$dropdown-box-shadow: $bmd-shadow-2dp !default; //0 6px 12px rgba(0,0,0,.175) !default;
+//
+//$dropdown-link-color: $gray-dark !default;
+//$dropdown-link-hover-color: darken($gray-dark, 5%) !default;
+//$dropdown-link-hover-bg: #f5f5f5 !default;
+//
+//$dropdown-link-active-color: $component-active-color !default;
+//$dropdown-link-active-bg: $component-active-bg !default;
+//
+//$dropdown-link-disabled-color: $gray-light !default;
+//
+//$dropdown-header-color: $gray-light !default;
diff --git a/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_forms.scss b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_forms.scss
new file mode 100644
index 0000000..425008e
--- /dev/null
+++ b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_forms.scss
@@ -0,0 +1,47 @@
+// Forms
+
+//
+$input-bg: rgba($black, 0) !default; // #fff !default;
+$input-bg-disabled: rgba($black, 0) !default; // $gray-lighter !default;
+//
+//$input-color: $gray !default;
+$input-border-color: $gray-light !default; // #ccc !default;
+//$input-btn-border-width: $border-width !default; // For form controls and buttons
+$input-box-shadow: none !default; //inset 0 1px 1px rgba(0,0,0,.075) !default;
+//
+$input-border-radius: 0 !default; // $border-radius !default;
+//$input-border-radius-lg: $border-radius-lg !default;
+//$input-border-radius-sm: $border-radius-sm !default;
+//
+//$input-border-focus: #66afe9 !default;
+$input-box-shadow-focus: none !default; // rgba(102,175,233,.6) !default;
+//
+$input-color-placeholder: $bmd-label-color !default; // #999 !default;
+
+
+
+$input-padding-x: 0 !default; // .75rem !default;
+$input-padding-y: .4375rem !default; // spec 8px // .375rem !default;
+
+$input-padding-x-sm: 0 !default; // .75rem !default;
+$input-padding-y-sm: .25rem !default; // spec 4px //.275rem !default;
+
+$input-padding-x-lg: 0 !default; // 1.25rem !default;
+$input-padding-y-lg: .5625rem !default; // no-spec 9px // .75rem !default;
+
+//$input-height: (($font-size-base * $line-height-base) + ($input-padding-y * 2)) !default;
+//$input-height-lg: (($font-size-lg * $line-height-lg) + ($input-padding-y-lg * 2)) !default;
+//$input-height-sm: (($font-size-sm * $line-height-sm) + ($input-padding-y-sm * 2)) !default;
+//
+//$form-group-margin-bottom: $spacer-y !default;
+//
+$input-group-addon-bg: transparent !default; //$gray-lighter !default;
+$input-group-addon-border-color: transparent !default; //$input-border-color !default;
+//
+//$cursor-disabled: not-allowed !default;
+//
+//// Form validation icons
+//$form-icon-success: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg==";
+//$form-icon-warning: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+";
+//$form-icon-danger: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4=";
+
diff --git a/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_list-group.scss b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_list-group.scss
new file mode 100644
index 0000000..b8e1ed8
--- /dev/null
+++ b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_list-group.scss
@@ -0,0 +1,21 @@
+// List group
+
+$list-group-bg: inherit !default; // #fff
+//$list-group-border-color: #ddd !default;
+$list-group-border-width: 0 !default; // $border-width
+$list-group-border-radius: 0 !default; // $border-radius
+//
+//$list-group-hover-bg: #f5f5f5 !default;
+//$list-group-active-color: $component-active-color !default;
+//$list-group-active-bg: $component-active-bg !default;
+//$list-group-active-border: $list-group-active-bg !default;
+//$list-group-active-text-color: lighten($list-group-active-bg, 40%) !default;
+//
+//$list-group-disabled-color: $gray-light !default;
+//$list-group-disabled-bg: $gray-lighter !default;
+//$list-group-disabled-text-color: $list-group-disabled-color !default;
+//
+//$list-group-link-color: #555 !default;
+//$list-group-link-hover-color: $list-group-link-color !default;
+//$list-group-link-heading-color: #333 !default;
+
diff --git a/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_modals.scss b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_modals.scss
new file mode 100644
index 0000000..6585799
--- /dev/null
+++ b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_modals.scss
@@ -0,0 +1,20 @@
+// Modals
+$modal-content-xs-box-shadow: $bmd-shadow-24dp !default;
+
+// Padding applied to the modal body
+//$modal-inner-padding: 15px !default;
+//
+//$modal-title-padding: 15px !default;
+//$modal-title-line-height: $line-height-base !default;
+//
+//$modal-content-bg: #fff !default;
+//$modal-content-border-color: rgba(0,0,0,.2) !default;
+//
+//$modal-backdrop-bg: #000 !default;
+$modal-backdrop-opacity: .26 !default; // .5
+//$modal-header-border-color: #e5e5e5 !default;
+//$modal-footer-border-color: $modal-header-border-color !default;
+//
+//$modal-lg: 900px !default;
+//$modal-md: 600px !default;
+//$modal-sm: 300px !default;
diff --git a/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_nav.scss b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_nav.scss
new file mode 100644
index 0000000..3334006
--- /dev/null
+++ b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_nav.scss
@@ -0,0 +1,62 @@
+// Navs https://www.google.com/design/spec/components/tabs.html#tabs-specs
+
+$nav-disabled-link-color: $gray-light !default;
+$nav-disabled-link-hover-color: $gray-light !default;
+
+$bmd-navbar-link-font-weight: $bmd-font-weight-base !default; //
+$bmd-navbar-link-font-size: .875rem !default; // 14
+$bmd-navbar-link-padding: .5321rem; // 7
+
+
+// tabs & pills
+$bmd-nav-tabs-pills-font-weight: 500 !default; //
+$bmd-nav-tabs-pills-font-size: .875rem !default; // 14
+$bmd-nav-tabs-pills-link-padding: 1.4286em .8575em !default; // spec // was .5em 1em // relative em based on 14
+
+// tabs only
+$bmd-nav-tabs-border-size: .214rem !default; // 3px
+
+$bmd-nav-tabs-color: $gray !default;
+$bmd-nav-tabs-active-color: $gray-dark !default;
+$bmd-nav-tabs-active-border-color: $brand-primary !default;
+$bmd-nav-tabs-disabled-link-color: $nav-disabled-link-color !default;
+$bmd-nav-tabs-disabled-link-color-hover: $nav-disabled-link-hover-color !default;
+
+$bmd-nav-tabs-primary-color: $bmd-inverse !default;
+$bmd-nav-tabs-primary-active-color: #fff !default;
+$bmd-nav-tabs-primary-active-border-color: #fff !default;
+$bmd-nav-tabs-primary-disabled-link-color: $bmd-inverse-light !default;
+$bmd-nav-tabs-primary-disabled-link-color-hover: $bmd-inverse-light !default;
+
+$bmd-nav-tabs-inverse-color: $bmd-inverse !default;
+$bmd-nav-tabs-inverse-active-color: #fff !default;
+$bmd-nav-tabs-inverse-active-border-color: #fff !default;
+$bmd-nav-tabs-inverse-disabled-link-color: $bmd-inverse-light !default;
+$bmd-nav-tabs-inverse-disabled-link-color-hover: $bmd-inverse-light !default;
+
+
+//$nav-item-margin: .2rem !default;
+
+
+
+//$bmd-nav-link-line-height: 1 !default; // makes it easier to line up with the spec
+//$nav-link-padding: .5em 1em !default; // changing this for tabs alters generic navbars, so do it elsewhere with higher specificity
+//$nav-link-hover-bg: $gray-lighter !default;
+
+
+//
+//$nav-tabs-border-color: #ddd !default;
+//
+//$nav-tabs-link-border-width: $border-width !default;
+//$nav-tabs-link-hover-border-color: $gray-lighter !default;
+//
+$nav-tabs-active-link-hover-bg: transparent !default; // $body-bg
+//$nav-tabs-active-link-hover-color: $gray !default;
+//$nav-tabs-active-link-hover-border-color: #ddd !default;
+//
+//$nav-tabs-justified-link-border-color: #ddd !default;
+//$nav-tabs-justified-active-link-border-color: $body-bg !default;
+//
+//$nav-pills-border-radius: $border-radius !default;
+//$nav-pills-active-link-hover-bg: $component-active-bg !default;
+//$nav-pills-active-link-hover-color: $component-active-color !default;
diff --git a/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_pagination.scss b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_pagination.scss
new file mode 100644
index 0000000..e55ec27
--- /dev/null
+++ b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_pagination.scss
@@ -0,0 +1,6 @@
+$pagination-border-width: 0;
+$pagination-bg: transparent;
+$pagination-disabled-bg: transparent;
+
+$pagination-padding-x-lg: 0;
+$pagination-padding-x-sm: 0;
diff --git a/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_spacing.scss b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_spacing.scss
new file mode 100644
index 0000000..4032860
--- /dev/null
+++ b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_spacing.scss
@@ -0,0 +1,26 @@
+// Spacing
+//
+// Control the default styling of most Bootstrap elements by modifying these
+// variables. Mostly focused on spacing.
+
+$spacer: .5rem !default; // 1rem !default; // $form-group-margin-bottom uses $spacer-y. Decided to try this globally and see how it works out.
+//$spacer-x: $spacer !default;
+//$spacer-y: $spacer !default;
+//$spacers: (
+// 0: (
+// x: 0,
+// y: 0
+// ),
+// 1: (
+// x: $spacer-x,
+// y: $spacer-y
+// ),
+// 2: (
+// x: ($spacer-x * 1.5),
+// y: ($spacer-y * 1.5)
+// ),
+// 3: (
+// x: ($spacer-x * 3),
+// y: ($spacer-y * 3)
+// )
+//) !default;
diff --git a/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_state.scss b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_state.scss
new file mode 100644
index 0000000..0037a2b
--- /dev/null
+++ b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_state.scss
@@ -0,0 +1,15 @@
+// Form states and alerts
+//
+// Define colors for form feedback states and, by default, alerts.
+$state-success-text: $bmd-inverse !default;
+$state-success-bg: $brand-success !default;
+
+$state-info-text: $bmd-inverse !default;
+$state-info-bg: $brand-info !default;
+
+$state-warning-text: $bmd-inverse !default;
+$state-warning-bg: $brand-warning !default;
+
+$state-danger-text: $bmd-inverse !default;
+$state-danger-bg: $brand-danger !default;
+
diff --git a/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_type.scss b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_type.scss
new file mode 100644
index 0000000..22b2289
--- /dev/null
+++ b/templates/assets/bootstrap-material-design/scss/variables/bootstrap/_type.scss
@@ -0,0 +1,66 @@
+// Typography
+//
+// Font, line-height, and color for body text, headings, and more.
+
+// https://www.google.com/design/spec/style/typography.html#typography-styles
+// http://www.getmdl.io/styles/index.html
+
+$font-family-sans-serif: 'Roboto', 'Helvetica', 'Arial', sans-serif !default;
+//$font-family-serif: Georgia, "Times New Roman", Times, serif !default;
+//$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
+//$font-family-base: $font-family-sans-serif !default;
+
+// Pixel value used to responsively scale all typography. Applied to the `<html>` element.
+//$font-size-root: 16px !default;
+//
+//$font-size-base: 1rem !default;
+//$font-size-lg: 1.25rem !default;
+//$font-size-sm: .875rem !default;
+//$font-size-xs: .75rem !default;
+//
+//$font-size-h1: 2.5rem !default;
+//$font-size-h2: 2rem !default;
+//$font-size-h3: 1.75rem !default;
+//$font-size-h4: 1.5rem !default;
+//$font-size-h5: 1.25rem !default;
+//$font-size-h6: 1rem !default;
+//
+$display1-size: 7rem !default; // md display-4 112px was 6rem;
+$display2-size: 3.5rem !default; // md display-3 56px was 5.5rem
+$display3-size: 2.8125rem !default; // md display-2 45px was 4.5rem
+$display4-size: 2.125rem !default; // md display-1 34px was 3.5rem
+//
+//$display1-weight: 300 !default;
+//$display2-weight: 300 !default;
+//$display3-weight: 300 !default;
+//$display4-weight: 300 !default;
+//
+//$line-height-base: 1.5 !default;
+//
+//$headings-margin-bottom: ($spacer / 2) !default;
+//$headings-font-family: inherit !default;
+$headings-font-weight: 400 !default; // was 500
+//$headings-line-height: 1.1 !default;
+//$headings-color: inherit !default;
+//
+//$lead-font-size: 1.25rem !default;
+//$lead-font-weight: 300 !default;
+//
+//$text-muted: $gray-light !default;
+//
+//$abbr-border-color: $gray-light !default;
+//
+//$blockquote-small-color: $gray-light !default;
+//$blockquote-font-size: ($font-size-base * 1.25) !default;
+//$blockquote-border-color: $gray-lighter !default;
+//
+//$hr-border-color: rgba(0,0,0,.1) !default;
+//$hr-border-width: $border-width !default;
+//
+//$list-inline-padding: 5px !default;
+//
+//$dt-font-weight: bold !default;
+//
+//$nested-kbd-font-weight: bold !default;
+
+