From 3ecdfa28d4566e708968d557600e96ef70722337 Mon Sep 17 00:00:00 2001 From: Jakub Jurkian Date: Fri, 15 Nov 2019 13:12:24 +0100 Subject: [PATCH] Change Bootstrap 3 to 4, do basic improvements --- web/jsconfig.json | 3 +- web/package-lock.json | 5 + web/package.json | 1 + web/scss/_all-utilities.scss | 10 + .../_mixins.scss => scss/_custom-mixins.scss} | 0 web/scss/_custom-variables.scss | 7 + web/{src/components/App => scss}/_forms.scss | 2 +- web/{src/components/App => scss}/_module.scss | 4 +- .../components/App => scss}/pagination.scss | 0 web/scss/site.scss | 9 + web/scss/vendor.scss | 48 + web/src/components/App/_variables.scss | 882 ------------------ web/src/components/App/app.scss | 14 +- .../components/Cards/LimitsChange/index.js | 2 +- web/src/components/Cards/PINChange/index.js | 2 +- web/src/components/Cards/Single/index.js | 2 +- .../CurrencyStats/CurrencyBox/index.js | 2 +- .../CurrencyStats/CurrencyBox/style.scss | 2 +- .../CurrencyStats/CurrencySettings/style.scss | 4 +- .../CurrencyStats/Header/style.scss | 2 +- .../components/CurrencyStats/List/style.scss | 2 +- web/src/components/Help/index.js | 2 +- web/src/components/Home/Features/style.scss | 4 +- web/src/components/Home/Header/style.scss | 4 +- .../components/Home/NewFeatures/style.scss | 2 +- .../Infobox/AccountDetails/style.scss | 2 +- .../Infobox/AccountInfobox/style.scss | 2 +- .../components/Infobox/AccountName/style.scss | 2 +- .../Infobox/AccountSummary/style.scss | 4 +- .../components/Infobox/CardDetails/style.scss | 4 +- .../components/Infobox/CardInfobox/style.scss | 2 +- .../components/Infobox/CardLogos/style.scss | 2 +- web/src/components/Infobox/style.scss | 2 +- .../Messages/ListElement/style.scss | 2 +- .../components/Navigation/Header/style.scss | 9 +- .../Navigation/MainNavigation/style.scss | 5 +- web/src/components/NewsletterBox/style.scss | 6 +- web/src/components/Profile/Header/style.scss | 2 +- web/src/components/Profile/Links/style.scss | 4 +- web/src/components/Profile/Stats/style.scss | 4 +- web/src/components/Transfers/New/index.js | 2 +- web/src/components/UI/Buttons/style.scss | 2 +- .../components/UI/FormBoxes/Small/style.scss | 2 +- .../Widgets/Charts/IncomeChart/style.scss | 8 +- .../components/Widgets/IconedList/style.scss | 5 +- .../Widgets/SingleMessage/style.scss | 4 +- web/src/containers/Accounts/index.js | 2 +- web/src/containers/Auth/Login/index.js | 2 +- web/src/containers/Auth/Register/index.js | 2 +- web/src/containers/Cards/index.js | 2 +- web/src/containers/CurrencyStats/index.js | 2 +- web/src/containers/CurrencyStats/style.scss | 2 +- web/src/containers/Home/index.js | 2 +- web/src/containers/Home/style.scss | 4 +- web/src/containers/Messages/index.js | 2 +- web/src/containers/Navigation/index.js | 2 +- .../containers/Profile/ChangeDetails/index.js | 2 +- web/src/containers/Profile/index.js | 2 +- web/src/containers/Transfers/index.js | 2 +- web/src/index.js | 3 - web/src/vendor/bootstrap/_alerts.scss | 73 -- web/src/vendor/bootstrap/_badges.scss | 68 -- web/src/vendor/bootstrap/_breadcrumbs.scss | 28 - web/src/vendor/bootstrap/_button-groups.scss | 244 ----- web/src/vendor/bootstrap/_buttons.scss | 168 ---- web/src/vendor/bootstrap/_carousel.scss | 270 ------ web/src/vendor/bootstrap/_close.scss | 36 - web/src/vendor/bootstrap/_code.scss | 69 -- .../bootstrap/_component-animations.scss | 37 - web/src/vendor/bootstrap/_dropdowns.scss | 216 ----- web/src/vendor/bootstrap/_forms.scss | 617 ------------ web/src/vendor/bootstrap/_glyphicons.scss | 307 ------ web/src/vendor/bootstrap/_grid.scss | 85 -- web/src/vendor/bootstrap/_input-groups.scss | 171 ---- web/src/vendor/bootstrap/_jumbotron.scss | 54 -- web/src/vendor/bootstrap/_labels.scss | 66 -- web/src/vendor/bootstrap/_list-group.scss | 130 --- web/src/vendor/bootstrap/_media.scss | 66 -- web/src/vendor/bootstrap/_mixins.scss | 40 - web/src/vendor/bootstrap/_modals.scss | 150 --- web/src/vendor/bootstrap/_navbar.scss | 662 ------------- web/src/vendor/bootstrap/_navs.scss | 242 ----- web/src/vendor/bootstrap/_normalize.scss | 424 --------- web/src/vendor/bootstrap/_pager.scss | 54 -- web/src/vendor/bootstrap/_pagination.scss | 89 -- web/src/vendor/bootstrap/_panels.scss | 271 ------ web/src/vendor/bootstrap/_popovers.scss | 131 --- web/src/vendor/bootstrap/_print.scss | 101 -- web/src/vendor/bootstrap/_progress-bars.scss | 87 -- .../vendor/bootstrap/_responsive-embed.scss | 35 - .../bootstrap/_responsive-utilities.scss | 179 ---- web/src/vendor/bootstrap/_scaffolding.scss | 161 ---- web/src/vendor/bootstrap/_tables.scss | 234 ----- web/src/vendor/bootstrap/_theme.scss | 291 ------ web/src/vendor/bootstrap/_thumbnails.scss | 38 - web/src/vendor/bootstrap/_tooltip.scss | 101 -- web/src/vendor/bootstrap/_type.scss | 298 ------ web/src/vendor/bootstrap/_utilities.scss | 55 -- web/src/vendor/bootstrap/_variables.scss | 874 ----------------- web/src/vendor/bootstrap/_wells.scss | 29 - web/src/vendor/bootstrap/mixins/_alerts.scss | 14 - .../bootstrap/mixins/_background-variant.scss | 12 - .../bootstrap/mixins/_border-radius.scss | 18 - web/src/vendor/bootstrap/mixins/_buttons.scss | 65 -- .../bootstrap/mixins/_center-block.scss | 7 - .../vendor/bootstrap/mixins/_clearfix.scss | 22 - web/src/vendor/bootstrap/mixins/_forms.scss | 88 -- .../vendor/bootstrap/mixins/_gradients.scss | 58 -- .../bootstrap/mixins/_grid-framework.scss | 81 -- web/src/vendor/bootstrap/mixins/_grid.scss | 122 --- .../vendor/bootstrap/mixins/_hide-text.scss | 21 - web/src/vendor/bootstrap/mixins/_image.scss | 33 - web/src/vendor/bootstrap/mixins/_labels.scss | 12 - .../vendor/bootstrap/mixins/_list-group.scss | 32 - .../vendor/bootstrap/mixins/_nav-divider.scss | 10 - .../bootstrap/mixins/_nav-vertical-align.scss | 9 - web/src/vendor/bootstrap/mixins/_opacity.scss | 8 - .../vendor/bootstrap/mixins/_pagination.scss | 24 - web/src/vendor/bootstrap/mixins/_panels.scss | 24 - .../bootstrap/mixins/_progress-bar.scss | 10 - .../bootstrap/mixins/_reset-filter.scss | 8 - .../vendor/bootstrap/mixins/_reset-text.scss | 18 - web/src/vendor/bootstrap/mixins/_resize.scss | 6 - .../mixins/_responsive-visibility.scss | 21 - web/src/vendor/bootstrap/mixins/_size.scss | 10 - .../vendor/bootstrap/mixins/_tab-focus.scss | 9 - .../vendor/bootstrap/mixins/_table-row.scss | 28 - .../bootstrap/mixins/_text-emphasis.scss | 12 - .../bootstrap/mixins/_text-overflow.scss | 8 - .../bootstrap/mixins/_vendor-prefixes.scss | 222 ----- web/src/vendor/custom-bootstrap.scss | 57 -- 131 files changed, 155 insertions(+), 9286 deletions(-) create mode 100644 web/scss/_all-utilities.scss rename web/{src/components/App/_mixins.scss => scss/_custom-mixins.scss} (100%) create mode 100644 web/scss/_custom-variables.scss rename web/{src/components/App => scss}/_forms.scss (85%) rename web/{src/components/App => scss}/_module.scss (89%) rename web/{src/components/App => scss}/pagination.scss (100%) create mode 100644 web/scss/site.scss create mode 100644 web/scss/vendor.scss delete mode 100644 web/src/components/App/_variables.scss delete mode 100644 web/src/vendor/bootstrap/_alerts.scss delete mode 100644 web/src/vendor/bootstrap/_badges.scss delete mode 100644 web/src/vendor/bootstrap/_breadcrumbs.scss delete mode 100644 web/src/vendor/bootstrap/_button-groups.scss delete mode 100644 web/src/vendor/bootstrap/_buttons.scss delete mode 100644 web/src/vendor/bootstrap/_carousel.scss delete mode 100644 web/src/vendor/bootstrap/_close.scss delete mode 100644 web/src/vendor/bootstrap/_code.scss delete mode 100644 web/src/vendor/bootstrap/_component-animations.scss delete mode 100644 web/src/vendor/bootstrap/_dropdowns.scss delete mode 100644 web/src/vendor/bootstrap/_forms.scss delete mode 100644 web/src/vendor/bootstrap/_glyphicons.scss delete mode 100644 web/src/vendor/bootstrap/_grid.scss delete mode 100644 web/src/vendor/bootstrap/_input-groups.scss delete mode 100644 web/src/vendor/bootstrap/_jumbotron.scss delete mode 100644 web/src/vendor/bootstrap/_labels.scss delete mode 100644 web/src/vendor/bootstrap/_list-group.scss delete mode 100644 web/src/vendor/bootstrap/_media.scss delete mode 100644 web/src/vendor/bootstrap/_mixins.scss delete mode 100644 web/src/vendor/bootstrap/_modals.scss delete mode 100644 web/src/vendor/bootstrap/_navbar.scss delete mode 100644 web/src/vendor/bootstrap/_navs.scss delete mode 100644 web/src/vendor/bootstrap/_normalize.scss delete mode 100644 web/src/vendor/bootstrap/_pager.scss delete mode 100644 web/src/vendor/bootstrap/_pagination.scss delete mode 100644 web/src/vendor/bootstrap/_panels.scss delete mode 100644 web/src/vendor/bootstrap/_popovers.scss delete mode 100644 web/src/vendor/bootstrap/_print.scss delete mode 100644 web/src/vendor/bootstrap/_progress-bars.scss delete mode 100644 web/src/vendor/bootstrap/_responsive-embed.scss delete mode 100644 web/src/vendor/bootstrap/_responsive-utilities.scss delete mode 100644 web/src/vendor/bootstrap/_scaffolding.scss delete mode 100644 web/src/vendor/bootstrap/_tables.scss delete mode 100644 web/src/vendor/bootstrap/_theme.scss delete mode 100644 web/src/vendor/bootstrap/_thumbnails.scss delete mode 100644 web/src/vendor/bootstrap/_tooltip.scss delete mode 100644 web/src/vendor/bootstrap/_type.scss delete mode 100644 web/src/vendor/bootstrap/_utilities.scss delete mode 100644 web/src/vendor/bootstrap/_variables.scss delete mode 100644 web/src/vendor/bootstrap/_wells.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_alerts.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_background-variant.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_border-radius.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_buttons.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_center-block.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_clearfix.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_forms.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_gradients.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_grid-framework.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_grid.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_hide-text.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_image.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_labels.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_list-group.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_nav-divider.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_nav-vertical-align.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_opacity.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_pagination.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_panels.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_progress-bar.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_reset-filter.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_reset-text.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_resize.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_responsive-visibility.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_size.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_tab-focus.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_table-row.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_text-emphasis.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_text-overflow.scss delete mode 100644 web/src/vendor/bootstrap/mixins/_vendor-prefixes.scss delete mode 100644 web/src/vendor/custom-bootstrap.scss diff --git a/web/jsconfig.json b/web/jsconfig.json index 2cebf7d..c2b2ba1 100644 --- a/web/jsconfig.json +++ b/web/jsconfig.json @@ -11,7 +11,8 @@ "reducers/*": ["./src/reducers"], "store/*": ["./src/store"], "tools/*": ["./src/tools"], - "vendor/*": ["./src/vendor"] + "vendor/*": ["./src/vendor"], + "scss/*": ["./src/scss"] } }, "include": ["src"] diff --git a/web/package-lock.json b/web/package-lock.json index 000994d..d8e3214 100644 --- a/web/package-lock.json +++ b/web/package-lock.json @@ -2504,6 +2504,11 @@ "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz", "integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24=" }, + "bootstrap": { + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.3.1.tgz", + "integrity": "sha512-rXqOmH1VilAt2DyPzluTi2blhk17bO7ef+zLLPlWvG494pDxcM234pJ8wTc/6R40UWizAIIMgxjvxZg5kmsbag==" + }, "brace-expansion": { "version": "1.1.11", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", diff --git a/web/package.json b/web/package.json index 098664d..09864fa 100644 --- a/web/package.json +++ b/web/package.json @@ -4,6 +4,7 @@ "private": true, "dependencies": { "axios": "^0.19.0", + "bootstrap": "^4.3.1", "classnames": "^2.2.6", "connected-react-router": "^6.5.2", "date-fns": "^2.7.0", diff --git a/web/scss/_all-utilities.scss b/web/scss/_all-utilities.scss new file mode 100644 index 0000000..ad10260 --- /dev/null +++ b/web/scss/_all-utilities.scss @@ -0,0 +1,10 @@ +// Functions +@import "~bootstrap/scss/functions"; + +// Variables +@import "custom-variables"; +@import "~bootstrap/scss/variables"; + +// Mixins +@import "custom-mixins"; +@import "~bootstrap/scss/mixins"; \ No newline at end of file diff --git a/web/src/components/App/_mixins.scss b/web/scss/_custom-mixins.scss similarity index 100% rename from web/src/components/App/_mixins.scss rename to web/scss/_custom-mixins.scss diff --git a/web/scss/_custom-variables.scss b/web/scss/_custom-variables.scss new file mode 100644 index 0000000..4134538 --- /dev/null +++ b/web/scss/_custom-variables.scss @@ -0,0 +1,7 @@ +$light-gray: #cbd8f3; +$light-blue: #7c99d6; +$dark-blue: #3c6cde; +$pink: #ff2546; +$light-green: #40e261; +$green: #23e04b; +$navy-box-shadow: rgba(131, 100, 238, 0.15); \ No newline at end of file diff --git a/web/src/components/App/_forms.scss b/web/scss/_forms.scss similarity index 85% rename from web/src/components/App/_forms.scss rename to web/scss/_forms.scss index 4a88d05..5f5f371 100644 --- a/web/src/components/App/_forms.scss +++ b/web/scss/_forms.scss @@ -1,4 +1,4 @@ -@import 'variables'; +@import 'scss/all-utilities'; // Placeholder and label colors diff --git a/web/src/components/App/_module.scss b/web/scss/_module.scss similarity index 89% rename from web/src/components/App/_module.scss rename to web/scss/_module.scss index 934c313..145cfa4 100644 --- a/web/src/components/App/_module.scss +++ b/web/scss/_module.scss @@ -1,4 +1,4 @@ -@import 'variables'; +@import 'scss/all-utilities'; // A typical widget module .module { @@ -21,7 +21,7 @@ } } -@media (min-width: $screen-md-min) { +@include media-breakpoint-up(md) { .module { > * { margin-left: 2.5rem; diff --git a/web/src/components/App/pagination.scss b/web/scss/pagination.scss similarity index 100% rename from web/src/components/App/pagination.scss rename to web/scss/pagination.scss diff --git a/web/scss/site.scss b/web/scss/site.scss new file mode 100644 index 0000000..384f345 --- /dev/null +++ b/web/scss/site.scss @@ -0,0 +1,9 @@ +@import "scss/all-utilities"; + +html, body { + min-height: 100%; +} + +@import "module"; +@import "forms"; +@import "pagination"; \ No newline at end of file diff --git a/web/scss/vendor.scss b/web/scss/vendor.scss new file mode 100644 index 0000000..64da379 --- /dev/null +++ b/web/scss/vendor.scss @@ -0,0 +1,48 @@ + /*! + * Bootstrap v4.3.1 (https://getbootstrap.com/) + * Copyright 2011-2019 The Bootstrap Authors + * Copyright 2011-2019 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ + +@import "~bootstrap/scss/functions"; + +// Custom variables first +@import 'custom-variables'; + +@import "~bootstrap/scss/variables"; +@import "~bootstrap/scss/mixins"; +@import "~bootstrap/scss/root"; +@import "~bootstrap/scss/reboot"; +@import "~bootstrap/scss/type"; +@import "~bootstrap/scss/images"; +@import "~bootstrap/scss/code"; +@import "~bootstrap/scss/grid"; +@import "~bootstrap/scss/tables"; +@import "~bootstrap/scss/forms"; +@import "~bootstrap/scss/buttons"; +@import "~bootstrap/scss/transitions"; +@import "~bootstrap/scss/dropdown"; +@import "~bootstrap/scss/button-group"; +@import "~bootstrap/scss/input-group"; +@import "~bootstrap/scss/custom-forms"; +@import "~bootstrap/scss/nav"; +@import "~bootstrap/scss/navbar"; +@import "~bootstrap/scss/card"; +@import "~bootstrap/scss/breadcrumb"; +@import "~bootstrap/scss/pagination"; +@import "~bootstrap/scss/badge"; +@import "~bootstrap/scss/jumbotron"; +@import "~bootstrap/scss/alert"; +@import "~bootstrap/scss/progress"; +@import "~bootstrap/scss/media"; +@import "~bootstrap/scss/list-group"; +@import "~bootstrap/scss/close"; +@import "~bootstrap/scss/toasts"; +@import "~bootstrap/scss/modal"; +@import "~bootstrap/scss/tooltip"; +@import "~bootstrap/scss/popover"; +@import "~bootstrap/scss/carousel"; +@import "~bootstrap/scss/spinners"; +@import "~bootstrap/scss/utilities"; +@import "~bootstrap/scss/print"; diff --git a/web/src/components/App/_variables.scss b/web/src/components/App/_variables.scss deleted file mode 100644 index 5b046a5..0000000 --- a/web/src/components/App/_variables.scss +++ /dev/null @@ -1,882 +0,0 @@ -$bootstrap-sass-asset-helper: false !default; -// -// Variables -// -------------------------------------------------- - - -//== Colors -// -//## Gray and brand colors for use across Bootstrap. - -$gray-base: #000 !default; -$gray-darker: lighten($gray-base, 13.5%) !default; // #222 -$gray-dark: lighten($gray-base, 20%) !default; // #333 -$gray: lighten($gray-base, 33.5%) !default; // #555 -$gray-light: lighten($gray-base, 46.7%) !default; // #777 -$gray-lighter: lighten($gray-base, 93.5%) !default; // #eee - -$brand-primary: #3c6cde !default; // #337ab7 -$brand-success: #5cb85c !default; -$brand-info: #5bc0de !default; -$brand-warning: #f0ad4e !default; -$brand-danger: #d9534f !default; - -$light-gray: #cbd8f3; -$light-blue: #7c99d6; -$dark-blue: #3c6cde; -$pink: #ff2546; -$light-green: #40e261; -$green: #23e04b; -$navy-box-shadow: rgba(131, 100, 238, 0.15); - - -//== Scaffolding -// -//## Settings for some of the most global styles. - -//** Background color for ``. -$body-bg: #f5f5f5 !default; -//** Global text color on ``. -$text-color: $light-blue !default; - -//** Global textual link color. -$link-color: $brand-primary !default; -//** Link hover color set via `darken()` function. -$link-hover-color: darken($link-color, 15%) !default; -//** Link hover decoration. -$link-hover-decoration: underline !default; - - -//== Typography -// -//## Font, line-height, and color for body text, headings, and more. - -$font-family-sans-serif: Montserrat, "Open Sans", Arial, sans-serif !default; -$font-family-serif: Montserrat, "Open Sans", Arial, sans-serif !default; -//** Default monospace fonts for ``, ``, and `
`.
-$font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace !default;
-$font-family-base:        $font-family-sans-serif !default;
-
-$font-size-base:          1.6rem !default;
-$font-size-large:         ($font-size-base * 1.25) !default; // ~18px
-$font-size-small:         ($font-size-base * 0.85) !default; // ~12px
-
-$font-size-h1:            ($font-size-base * 2.6) !default; // ~36px
-$font-size-h2:            ($font-size-base * 2.15) !default; // ~30px
-$font-size-h3:            ($font-size-base * 1.7) !default; // ~24px
-$font-size-h4:            ($font-size-base * 1.25) !default; // ~18px
-$font-size-h5:            $font-size-base !default;
-$font-size-h6:            ($font-size-base * 0.85) !default; // ~12px
-
-//** Unit-less `line-height` for use in components like buttons.
-$line-height-base:        1.428571429 !default; // 20/14
-//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
-$line-height-computed:    ($font-size-base * $line-height-base) !default; // ~20px
-
-//** By default, this inherits from the ``.
-$headings-font-family:    inherit !default;
-$headings-font-weight:    700 !default;
-$headings-line-height:    1.1 !default;
-$headings-color:          $brand-primary !default;
-
-
-//== Iconography
-//
-//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
-
-//** Load fonts from this directory.
-
-// [converter] If $bootstrap-sass-asset-helper if used, provide path relative to the assets load path.
-// [converter] This is because some asset helpers, such as Sprockets, do not work with file-relative paths.
-$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default;
-
-//** File name for all font files.
-$icon-font-name:          "glyphicons-halflings-regular" !default;
-//** Element ID within SVG icon file.
-$icon-font-svg-id:        "glyphicons_halflingsregular" !default;
-
-
-//== Components
-//
-//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
-
-$padding-base-vertical:     .6rem !default;
-$padding-base-horizontal:   1.2rem !default;
-
-$padding-large-vertical:    1rem !default;
-$padding-large-horizontal:  1.6rem !default;
-
-$padding-small-vertical:    .5rem !default;
-$padding-small-horizontal:  1rem !default;
-
-$padding-xs-vertical:       .1rem !default;
-$padding-xs-horizontal:     .5rem !default;
-
-$line-height-large:         1.3333333 !default; // extra decimals for Win 8.1 Chrome
-$line-height-small:         1.5 !default;
-
-$border-radius-base:        .4rem !default;
-$border-radius-large:       .6rem !default;
-$border-radius-small:       .3rem !default;
-
-//** Global color for active items (e.g., navs or dropdowns).
-$component-active-color:    #fff !default;
-//** Global background color for active items (e.g., navs or dropdowns).
-$component-active-bg:       $brand-primary !default;
-
-//** Width of the `border` for generating carets that indicate dropdowns.
-$caret-width-base:          .4rem !default;
-//** Carets increase slightly in size for larger components.
-$caret-width-large:         .5rem !default;
-
-
-//== Tables
-//
-//## Customizes the `.table` component with basic values, each used across all table variations.
-
-//** Padding for ``s and ``s.
-$table-cell-padding:            .8rem !default;
-//** Padding for cells in `.table-condensed`.
-$table-condensed-cell-padding:  .5rem !default;
-
-//** Default background color used for all tables.
-$table-bg:                      transparent !default;
-//** Background color used for `.table-striped`.
-$table-bg-accent:               #f9f9f9 !default;
-//** Background color used for `.table-hover`.
-$table-bg-hover:                #f5f5f5 !default;
-$table-bg-active:               $table-bg-hover !default;
-
-//** Border color for table and cell borders.
-$table-border-color:            #ddd !default;
-
-
-//== Buttons
-//
-//## For each of Bootstrap's buttons, define text, background and border color.
-
-$btn-font-weight:                normal !default;
-
-$btn-default-color:              #333 !default;
-$btn-default-bg:                 #fff !default;
-$btn-default-border:             #ccc !default;
-
-$btn-primary-color:              #fff !default;
-$btn-primary-bg:                 $brand-primary !default;
-$btn-primary-border:             darken($btn-primary-bg, 5%) !default;
-
-$btn-success-color:              #fff !default;
-$btn-success-bg:                 $brand-success !default;
-$btn-success-border:             darken($btn-success-bg, 5%) !default;
-
-$btn-info-color:                 #fff !default;
-$btn-info-bg:                    $brand-info !default;
-$btn-info-border:                darken($btn-info-bg, 5%) !default;
-
-$btn-warning-color:              #fff !default;
-$btn-warning-bg:                 $brand-warning !default;
-$btn-warning-border:             darken($btn-warning-bg, 5%) !default;
-
-$btn-danger-color:               #fff !default;
-$btn-danger-bg:                  $brand-danger !default;
-$btn-danger-border:              darken($btn-danger-bg, 5%) !default;
-
-$btn-link-disabled-color:        $gray-light !default;
-
-// Allows for customizing button radius independently from global border radius
-$btn-border-radius-base:         $border-radius-base !default;
-$btn-border-radius-large:        $border-radius-large !default;
-$btn-border-radius-small:        $border-radius-small !default;
-
-
-//== Forms
-//
-//##
-
-//** `` background color
-$input-bg:                       #fff !default;
-//** `` background color
-$input-bg-disabled:              $gray-lighter !default;
-
-//** Text color for ``s
-$input-color:                    $light-blue !default;
-//** `` border color
-$input-border:                   #ccc !default;
-
-// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4
-//** Default `.form-control` border radius
-// This has no effect on ``s in CSS.
-$input-border-radius:            $border-radius-base !default;
-//** Large `.form-control` border radius
-$input-border-radius-large:      $border-radius-large !default;
-//** Small `.form-control` border radius
-$input-border-radius-small:      $border-radius-small !default;
-
-//** Border color for inputs on focus
-$input-border-focus:             #66afe9 !default;
-
-//** Placeholder text color
-$input-color-placeholder:        $light-blue !default;
-
-//** Default `.form-control` height
-$input-height-base:              ($line-height-computed + ($padding-base-vertical * 2) + .2rem) !default;
-//** Large `.form-control` height
-$input-height-large:             ($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + .2rem !default;
-//** Small `.form-control` height
-$input-height-small:             ($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + .2rem !default;
-
-//** `.form-group` margin
-$form-group-margin-bottom:       1.5rem !default;
-
-$legend-color:                   $gray-dark !default;
-$legend-border-color:            #e5e5e5 !default;
-
-//** Background color for textual input addons
-$input-group-addon-bg:           $gray-lighter !default;
-//** Border color for textual input addons
-$input-group-addon-border-color: $input-border !default;
-
-//** Disabled cursor for form controls and buttons.
-$cursor-disabled:                not-allowed !default;
-
-
-//== Dropdowns
-//
-//## Dropdown menu container and contents.
-
-//** Background for the dropdown menu.
-$dropdown-bg:                    #fff !default;
-//** Dropdown menu `border-color`.
-$dropdown-border:                rgba(0,0,0,.15) !default;
-//** Dropdown menu `border-color` **for IE8**.
-$dropdown-fallback-border:       #ccc !default;
-//** Divider color for between dropdown items.
-$dropdown-divider-bg:            #e5e5e5 !default;
-
-//** Dropdown link text color.
-$dropdown-link-color:            $gray-dark !default;
-//** Hover color for dropdown links.
-$dropdown-link-hover-color:      darken($gray-dark, 5%) !default;
-//** Hover background for dropdown links.
-$dropdown-link-hover-bg:         #f5f5f5 !default;
-
-//** Active dropdown menu item text color.
-$dropdown-link-active-color:     $component-active-color !default;
-//** Active dropdown menu item background color.
-$dropdown-link-active-bg:        $component-active-bg !default;
-
-//** Disabled dropdown menu item background color.
-$dropdown-link-disabled-color:   $gray-light !default;
-
-//** Text color for headers within dropdown menus.
-$dropdown-header-color:          $gray-light !default;
-
-//** Deprecated `$dropdown-caret-color` as of v3.1.0
-$dropdown-caret-color:           #000 !default;
-
-
-//-- Z-index master list
-//
-// Warning: Avoid customizing these values. They're used for a bird's eye view
-// of components dependent on the z-axis and are designed to all work together.
-//
-// Note: These variables are not generated into the Customizer.
-
-$zindex-navbar:            1000 !default;
-$zindex-dropdown:          1000 !default;
-$zindex-popover:           1060 !default;
-$zindex-tooltip:           1070 !default;
-$zindex-navbar-fixed:      1030 !default;
-$zindex-modal-background:  1040 !default;
-$zindex-modal:             1050 !default;
-
-
-//== Media queries breakpoints
-//
-//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
-
-// Extra small screen / phone
-//** Deprecated `$screen-xs` as of v3.0.1
-$screen-xs:                  30em !default; // 480px
-//** Deprecated `$screen-xs-min` as of v3.2.0
-$screen-xs-min:              $screen-xs !default;
-//** Deprecated `$screen-phone` as of v3.0.1
-$screen-phone:               $screen-xs-min !default;
-
-// Small screen / tablet
-//** Deprecated `$screen-sm` as of v3.0.1
-$screen-sm:                  48em !default; // 768px
-$screen-sm-min:              $screen-sm !default;
-//** Deprecated `$screen-tablet` as of v3.0.1
-$screen-tablet:              $screen-sm-min !default;
-
-// Medium screen / desktop
-//** Deprecated `$screen-md` as of v3.0.1
-$screen-md:                  62em !default; // 992px
-$screen-md-min:              $screen-md !default;
-//** Deprecated `$screen-desktop` as of v3.0.1
-$screen-desktop:             $screen-md-min !default;
-
-// Large screen / wide desktop
-//** Deprecated `$screen-lg` as of v3.0.1
-$screen-lg:                  75em !default; // 1200px
-$screen-lg-min:              $screen-lg !default;
-//** Deprecated `$screen-lg-desktop` as of v3.0.1
-$screen-lg-desktop:          $screen-lg-min !default;
-
-// So media queries don't overlap when required, provide a maximum
-$screen-xs-max:              ($screen-sm-min - .1em) !default;
-$screen-sm-max:              ($screen-md-min - .1em) !default;
-$screen-md-max:              ($screen-lg-min - .1em) !default;
-
-
-//== Grid system
-//
-//## Define your custom responsive grid.
-
-//** Number of columns in the grid.
-$grid-columns:              12 !default;
-//** Padding between columns. Gets divided in half for the left and right.
-$grid-gutter-width:         3rem !default;
-// Navbar collapse
-//** Point at which the navbar becomes uncollapsed.
-$grid-float-breakpoint:     $screen-sm-min !default;
-//** Point at which the navbar begins collapsing.
-$grid-float-breakpoint-max: ($grid-float-breakpoint - .1em) !default;
-
-
-//== Container sizes
-//
-//## Define the maximum width of `.container` for different screen sizes.
-
-// Small screen / tablet
-$container-tablet:             (72rem + $grid-gutter-width) !default;
-//** For `$screen-sm-min` and up.
-$container-sm:                 $container-tablet !default;
-
-// Medium screen / desktop
-$container-desktop:            (94rem + $grid-gutter-width) !default;
-//** For `$screen-md-min` and up.
-$container-md:                 $container-desktop !default;
-
-// Large screen / wide desktop
-$container-large-desktop:      (114rem + $grid-gutter-width) !default;
-//** For `$screen-lg-min` and up.
-$container-lg:                 $container-large-desktop !default;
-
-
-//== Navbar
-//
-//##
-
-// Basics of a navbar
-$navbar-height:                    5rem !default;
-$navbar-margin-bottom:             $line-height-computed !default;
-$navbar-border-radius:             $border-radius-base !default;
-$navbar-padding-horizontal:        ($grid-gutter-width / 2) !default;
-$navbar-padding-vertical:          (($navbar-height - $line-height-computed) / 2) !default;
-$navbar-collapse-max-height:       34rem !default;
-
-$navbar-default-color:             #777 !default;
-$navbar-default-bg:                #f8f8f8 !default;
-$navbar-default-border:            darken($navbar-default-bg, 6.5%) !default;
-
-// Navbar links
-$navbar-default-link-color:                #777 !default;
-$navbar-default-link-hover-color:          #333 !default;
-$navbar-default-link-hover-bg:             transparent !default;
-$navbar-default-link-active-color:         #555 !default;
-$navbar-default-link-active-bg:            darken($navbar-default-bg, 6.5%) !default;
-$navbar-default-link-disabled-color:       #ccc !default;
-$navbar-default-link-disabled-bg:          transparent !default;
-
-// Navbar brand label
-$navbar-default-brand-color:               $navbar-default-link-color !default;
-$navbar-default-brand-hover-color:         darken($navbar-default-brand-color, 10%) !default;
-$navbar-default-brand-hover-bg:            transparent !default;
-
-// Navbar toggle
-$navbar-default-toggle-hover-bg:           #ddd !default;
-$navbar-default-toggle-icon-bar-bg:        #888 !default;
-$navbar-default-toggle-border-color:       #ddd !default;
-
-
-//=== Inverted navbar
-// Reset inverted navbar basics
-$navbar-inverse-color:                      lighten($gray-light, 15%) !default;
-$navbar-inverse-bg:                         #222 !default;
-$navbar-inverse-border:                     darken($navbar-inverse-bg, 10%) !default;
-
-// Inverted navbar links
-$navbar-inverse-link-color:                 lighten($gray-light, 15%) !default;
-$navbar-inverse-link-hover-color:           #fff !default;
-$navbar-inverse-link-hover-bg:              transparent !default;
-$navbar-inverse-link-active-color:          $navbar-inverse-link-hover-color !default;
-$navbar-inverse-link-active-bg:             darken($navbar-inverse-bg, 10%) !default;
-$navbar-inverse-link-disabled-color:        #444 !default;
-$navbar-inverse-link-disabled-bg:           transparent !default;
-
-// Inverted navbar brand label
-$navbar-inverse-brand-color:                $navbar-inverse-link-color !default;
-$navbar-inverse-brand-hover-color:          #fff !default;
-$navbar-inverse-brand-hover-bg:             transparent !default;
-
-// Inverted navbar toggle
-$navbar-inverse-toggle-hover-bg:            #333 !default;
-$navbar-inverse-toggle-icon-bar-bg:         #fff !default;
-$navbar-inverse-toggle-border-color:        #333 !default;
-
-
-//== Navs
-//
-//##
-
-//=== Shared nav styles
-$nav-link-padding:                          1rem 1.5rem !default;
-$nav-link-hover-bg:                         $gray-lighter !default;
-
-$nav-disabled-link-color:                   $gray-light !default;
-$nav-disabled-link-hover-color:             $gray-light !default;
-
-//== Tabs
-$nav-tabs-border-color:                     #ddd !default;
-
-$nav-tabs-link-hover-border-color:          $gray-lighter !default;
-
-$nav-tabs-active-link-hover-bg:             $body-bg !default;
-$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;
-
-//== Pills
-$nav-pills-border-radius:                   $border-radius-base !default;
-$nav-pills-active-link-hover-bg:            $component-active-bg !default;
-$nav-pills-active-link-hover-color:         $component-active-color !default;
-
-
-//== Pagination
-//
-//##
-
-$pagination-color:                     $link-color !default;
-$pagination-bg:                        #fff !default;
-$pagination-border:                    #ddd !default;
-
-$pagination-hover-color:               $link-hover-color !default;
-$pagination-hover-bg:                  $gray-lighter !default;
-$pagination-hover-border:              #ddd !default;
-
-$pagination-active-color:              #fff !default;
-$pagination-active-bg:                 $brand-primary !default;
-$pagination-active-border:             $brand-primary !default;
-
-$pagination-disabled-color:            $gray-light !default;
-$pagination-disabled-bg:               #fff !default;
-$pagination-disabled-border:           #ddd !default;
-
-
-//== Pager
-//
-//##
-
-$pager-bg:                             $pagination-bg !default;
-$pager-border:                         $pagination-border !default;
-$pager-border-radius:                  1.5rem !default;
-
-$pager-hover-bg:                       $pagination-hover-bg !default;
-
-$pager-active-bg:                      $pagination-active-bg !default;
-$pager-active-color:                   $pagination-active-color !default;
-
-$pager-disabled-color:                 $pagination-disabled-color !default;
-
-
-//== Jumbotron
-//
-//##
-
-$jumbotron-padding:              3rem !default;
-$jumbotron-color:                inherit !default;
-$jumbotron-bg:                   $gray-lighter !default;
-$jumbotron-heading-color:        inherit !default;
-$jumbotron-font-size:            ($font-size-base * 1.5) !default;
-$jumbotron-heading-font-size:    ($font-size-base * 4.5) !default;
-
-
-//== Form states and alerts
-//
-//## Define colors for form feedback states and, by default, alerts.
-
-$state-success-text:             #3c763d !default;
-$state-success-bg:               #dff0d8 !default;
-$state-success-border:           darken(adjust-hue($state-success-bg, -10), 5%) !default;
-
-$state-info-text:                #31708f !default;
-$state-info-bg:                  #d9edf7 !default;
-$state-info-border:              darken(adjust-hue($state-info-bg, -10), 7%) !default;
-
-$state-warning-text:             #8a6d3b !default;
-$state-warning-bg:               #fcf8e3 !default;
-$state-warning-border:           darken(adjust-hue($state-warning-bg, -10), 5%) !default;
-
-$state-danger-text:              #a94442 !default;
-$state-danger-bg:                #f2dede !default;
-$state-danger-border:            darken(adjust-hue($state-danger-bg, -10), 5%) !default;
-
-
-//== Tooltips
-//
-//##
-
-//** Tooltip max width
-$tooltip-max-width:           20rem !default;
-//** Tooltip text color
-$tooltip-color:               #fff !default;
-//** Tooltip background color
-$tooltip-bg:                  #000 !default;
-$tooltip-opacity:             .9 !default;
-
-//** Tooltip arrow width
-$tooltip-arrow-width:         .5rem !default;
-//** Tooltip arrow color
-$tooltip-arrow-color:         $tooltip-bg !default;
-
-
-//== Popovers
-//
-//##
-
-//** Popover body background color
-$popover-bg:                          #fff !default;
-//** Popover maximum width
-$popover-max-width:                   27.6rem !default;
-//** Popover border color
-$popover-border-color:                rgba(0,0,0,.2) !default;
-//** Popover fallback border color
-$popover-fallback-border-color:       #ccc !default;
-
-//** Popover title background color
-$popover-title-bg:                    darken($popover-bg, 3%) !default;
-
-//** Popover arrow width
-$popover-arrow-width:                 1rem !default;
-//** Popover arrow color
-$popover-arrow-color:                 $popover-bg !default;
-
-//** Popover outer arrow width
-$popover-arrow-outer-width:           ($popover-arrow-width + .1rem) !default;
-//** Popover outer arrow color
-$popover-arrow-outer-color:           fade_in($popover-border-color, 0.05) !default;
-//** Popover outer arrow fallback color
-$popover-arrow-outer-fallback-color:  darken($popover-fallback-border-color, 20%) !default;
-
-
-//== Labels
-//
-//##
-
-//** Default label background color
-$label-default-bg:            $gray-light !default;
-//** Primary label background color
-$label-primary-bg:            $brand-primary !default;
-//** Success label background color
-$label-success-bg:            $brand-success !default;
-//** Info label background color
-$label-info-bg:               $brand-info !default;
-//** Warning label background color
-$label-warning-bg:            $brand-warning !default;
-//** Danger label background color
-$label-danger-bg:             $brand-danger !default;
-
-//** Default label text color
-$label-color:                 #fff !default;
-//** Default text color of a linked label
-$label-link-hover-color:      #fff !default;
-
-
-//== Modals
-//
-//##
-
-//** Padding applied to the modal body
-$modal-inner-padding:         1.5rem !default;
-
-//** Padding applied to the modal title
-$modal-title-padding:         1.5rem !default;
-//** Modal title line-height
-$modal-title-line-height:     $line-height-base !default;
-
-//** Background color of modal content area
-$modal-content-bg:                             #fff !default;
-//** Modal content border color
-$modal-content-border-color:                   rgba(0,0,0,.2) !default;
-//** Modal content border color **for IE8**
-$modal-content-fallback-border-color:          #999 !default;
-
-//** Modal backdrop background color
-$modal-backdrop-bg:           #000 !default;
-//** Modal backdrop opacity
-$modal-backdrop-opacity:      .5 !default;
-//** Modal header border color
-$modal-header-border-color:   #e5e5e5 !default;
-//** Modal footer border color
-$modal-footer-border-color:   $modal-header-border-color !default;
-
-$modal-lg:                    90rem !default;
-$modal-md:                    60rem !default;
-$modal-sm:                    30rem !default;
-
-
-//== Alerts
-//
-//## Define alert colors, border radius, and padding.
-
-$alert-padding:               1.5rem !default;
-$alert-border-radius:         $border-radius-base !default;
-$alert-link-font-weight:      bold !default;
-
-$alert-success-bg:            $state-success-bg !default;
-$alert-success-text:          $state-success-text !default;
-$alert-success-border:        $state-success-border !default;
-
-$alert-info-bg:               $state-info-bg !default;
-$alert-info-text:             $state-info-text !default;
-$alert-info-border:           $state-info-border !default;
-
-$alert-warning-bg:            $state-warning-bg !default;
-$alert-warning-text:          $state-warning-text !default;
-$alert-warning-border:        $state-warning-border !default;
-
-$alert-danger-bg:             $state-danger-bg !default;
-$alert-danger-text:           $state-danger-text !default;
-$alert-danger-border:         $state-danger-border !default;
-
-
-//== Progress bars
-//
-//##
-
-//** Background color of the whole progress component
-$progress-bg:                 #f5f5f5 !default;
-//** Progress bar text color
-$progress-bar-color:          #fff !default;
-//** Variable for setting rounded corners on progress bar.
-$progress-border-radius:      $border-radius-base !default;
-
-//** Default progress bar color
-$progress-bar-bg:             $brand-primary !default;
-//** Success progress bar color
-$progress-bar-success-bg:     $brand-success !default;
-//** Warning progress bar color
-$progress-bar-warning-bg:     $brand-warning !default;
-//** Danger progress bar color
-$progress-bar-danger-bg:      $brand-danger !default;
-//** Info progress bar color
-$progress-bar-info-bg:        $brand-info !default;
-
-
-//== List group
-//
-//##
-
-//** Background color on `.list-group-item`
-$list-group-bg:                 #fff !default;
-//** `.list-group-item` border color
-$list-group-border:             #ddd !default;
-//** List group border radius
-$list-group-border-radius:      $border-radius-base !default;
-
-//** Background color of single list items on hover
-$list-group-hover-bg:           #f5f5f5 !default;
-//** Text color of active list items
-$list-group-active-color:       $component-active-color !default;
-//** Background color of active list items
-$list-group-active-bg:          $component-active-bg !default;
-//** Border color of active list elements
-$list-group-active-border:      $list-group-active-bg !default;
-//** Text color for content within active list items
-$list-group-active-text-color:  lighten($list-group-active-bg, 40%) !default;
-
-//** Text color of disabled list items
-$list-group-disabled-color:      $gray-light !default;
-//** Background color of disabled list items
-$list-group-disabled-bg:         $gray-lighter !default;
-//** Text color for content within disabled list items
-$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;
-
-
-//== Panels
-//
-//##
-
-$panel-bg:                    #fff !default;
-$panel-body-padding:          1.5rem !default;
-$panel-heading-padding:       1rem 1.5rem !default;
-$panel-footer-padding:        $panel-heading-padding !default;
-$panel-border-radius:         $border-radius-base !default;
-
-//** Border color for elements within panels
-$panel-inner-border:          #ddd !default;
-$panel-footer-bg:             #f5f5f5 !default;
-
-$panel-default-text:          $gray-dark !default;
-$panel-default-border:        #ddd !default;
-$panel-default-heading-bg:    #f5f5f5 !default;
-
-$panel-primary-text:          #fff !default;
-$panel-primary-border:        $brand-primary !default;
-$panel-primary-heading-bg:    $brand-primary !default;
-
-$panel-success-text:          $state-success-text !default;
-$panel-success-border:        $state-success-border !default;
-$panel-success-heading-bg:    $state-success-bg !default;
-
-$panel-info-text:             $state-info-text !default;
-$panel-info-border:           $state-info-border !default;
-$panel-info-heading-bg:       $state-info-bg !default;
-
-$panel-warning-text:          $state-warning-text !default;
-$panel-warning-border:        $state-warning-border !default;
-$panel-warning-heading-bg:    $state-warning-bg !default;
-
-$panel-danger-text:           $state-danger-text !default;
-$panel-danger-border:         $state-danger-border !default;
-$panel-danger-heading-bg:     $state-danger-bg !default;
-
-
-//== Thumbnails
-//
-//##
-
-//** Padding around the thumbnail image
-$thumbnail-padding:           .4rem !default;
-//** Thumbnail background color
-$thumbnail-bg:                $body-bg !default;
-//** Thumbnail border color
-$thumbnail-border:            #ddd !default;
-//** Thumbnail border radius
-$thumbnail-border-radius:     $border-radius-base !default;
-
-//** Custom text color for thumbnail captions
-$thumbnail-caption-color:     $text-color !default;
-//** Padding around the thumbnail caption
-$thumbnail-caption-padding:   .9rem !default;
-
-
-//== Wells
-//
-//##
-
-$well-bg:                     #f5f5f5 !default;
-$well-border:                 darken($well-bg, 7%) !default;
-
-
-//== Badges
-//
-//##
-
-$badge-color:                 #fff !default;
-//** Linked badge text color on hover
-$badge-link-hover-color:      #fff !default;
-$badge-bg:                    $gray-light !default;
-
-//** Badge text color in active nav link
-$badge-active-color:          $link-color !default;
-//** Badge background color in active nav link
-$badge-active-bg:             #fff !default;
-
-$badge-font-weight:           bold !default;
-$badge-line-height:           1 !default;
-$badge-border-radius:         1rem !default;
-
-
-//== Breadcrumbs
-//
-//##
-
-$breadcrumb-padding-vertical:   .8rem !default;
-$breadcrumb-padding-horizontal: 1.5rem !default;
-//** Breadcrumb background color
-$breadcrumb-bg:                 #f5f5f5 !default;
-//** Breadcrumb text color
-$breadcrumb-color:              #ccc !default;
-//** Text color of current page in the breadcrumb
-$breadcrumb-active-color:       $gray-light !default;
-//** Textual separator for between breadcrumb elements
-$breadcrumb-separator:          "/" !default;
-
-
-//== Carousel
-//
-//##
-
-$carousel-text-shadow:                        0 .1rem .2rem rgba(0,0,0,.6) !default;
-
-$carousel-control-color:                      #fff !default;
-$carousel-control-width:                      15% !default;
-$carousel-control-opacity:                    .5 !default;
-$carousel-control-font-size:                  2rem !default;
-
-$carousel-indicator-active-bg:                #fff !default;
-$carousel-indicator-border-color:             #fff !default;
-
-$carousel-caption-color:                      #fff !default;
-
-
-//== Close
-//
-//##
-
-$close-font-weight:           bold !default;
-$close-color:                 #000 !default;
-$close-text-shadow:           0 .1rem 0 #fff !default;
-
-
-//== Code
-//
-//##
-
-$code-color:                  #c7254e !default;
-$code-bg:                     #f9f2f4 !default;
-
-$kbd-color:                   #fff !default;
-$kbd-bg:                      #333 !default;
-
-$pre-bg:                      #f5f5f5 !default;
-$pre-color:                   $gray-dark !default;
-$pre-border-color:            #ccc !default;
-$pre-scrollable-max-height:   34rem !default;
-
-
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-$component-offset-horizontal: 18rem !default;
-//** Text muted color
-$text-muted:                  $gray-light !default;
-//** Abbreviations and acronyms border color
-$abbr-border-color:           $gray-light !default;
-//** Headings small color
-$headings-small-color:        $gray-light !default;
-//** Blockquote small color
-$blockquote-small-color:      $gray-light !default;
-//** Blockquote font size
-$blockquote-font-size:        ($font-size-base * 1.25) !default;
-//** Blockquote border color
-$blockquote-border-color:     $gray-lighter !default;
-//** Page header border color
-$page-header-border-color:    $gray-lighter !default;
-//** Width of horizontal description list titles
-$dl-horizontal-offset:        $component-offset-horizontal !default;
-//** Point at which .dl-horizontal becomes horizontal
-$dl-horizontal-breakpoint:    $grid-float-breakpoint !default;
-//** Horizontal line color.
-$hr-border:                   $gray-lighter !default;
diff --git a/web/src/components/App/app.scss b/web/src/components/App/app.scss
index cd93ddc..15f58d0 100644
--- a/web/src/components/App/app.scss
+++ b/web/src/components/App/app.scss
@@ -1,14 +1,13 @@
-@import 'variables';
+@import 'scss/vendor';
+@import 'scss/site';
+
+@import 'scss/all-utilities';
 
 .app {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
 }
 
-html, body {
-   min-height: 100%;
-}
-
 // Panel content
 .panel-content {
    h1, h2 {
@@ -19,13 +18,10 @@ html, body {
 }
 
 // 576px, small devices
-@media (min-width: 36em) {
+@include media-breakpoint-up(sm) {
    .panel-content {
       margin-top: 2rem;
    }
 }
 
-@import "module";
-@import "forms";
-@import "pagination";
 @import "components/UI/Buttons/style";
\ No newline at end of file
diff --git a/web/src/components/Cards/LimitsChange/index.js b/web/src/components/Cards/LimitsChange/index.js
index c73e409..4bdf6b8 100644
--- a/web/src/components/Cards/LimitsChange/index.js
+++ b/web/src/components/Cards/LimitsChange/index.js
@@ -6,7 +6,7 @@ import Form from './Form';
 
 const LimitsChange = props => {
    return (
-      

+      

          

             
Limits change

             

diff --git a/web/src/components/Cards/PINChange/index.js b/web/src/components/Cards/PINChange/index.js
index 059c21f..da8be40 100644
--- a/web/src/components/Cards/PINChange/index.js
+++ b/web/src/components/Cards/PINChange/index.js
@@ -6,7 +6,7 @@ import Form from './Form';
 
 const PINChange = props => {
    return (
-      

+      

          

             
PIN change

             

diff --git a/web/src/components/Cards/Single/index.js b/web/src/components/Cards/Single/index.js
index d1cb90f..9461083 100644
--- a/web/src/components/Cards/Single/index.js
+++ b/web/src/components/Cards/Single/index.js
@@ -5,7 +5,7 @@ import CardInfobox from 'components/Infobox/CardInfobox';
 const SingleCard = ({ singleCard, match }) => {
    return (
       

-         

+         

             
          

       

diff --git a/web/src/components/CurrencyStats/CurrencyBox/index.js b/web/src/components/CurrencyStats/CurrencyBox/index.js
index 6ecf2cd..9c0126b 100644
--- a/web/src/components/CurrencyStats/CurrencyBox/index.js
+++ b/web/src/components/CurrencyStats/CurrencyBox/index.js
@@ -4,7 +4,7 @@ import './style.scss';
 
 const CurrencyBox = ({ baseCurrency, currency, value }) => {
    return (
-      

+      

          
{currency}

          

             1 {baseCurrency} = {value} {currency}
diff --git a/web/src/components/CurrencyStats/CurrencyBox/style.scss b/web/src/components/CurrencyStats/CurrencyBox/style.scss
index 201d985..39cb633 100644
--- a/web/src/components/CurrencyStats/CurrencyBox/style.scss
+++ b/web/src/components/CurrencyStats/CurrencyBox/style.scss
@@ -1,4 +1,4 @@
-@import 'components/App/variables';
+@import 'scss/all-utilities';
 
 .currency-box {
    text-align: center;
diff --git a/web/src/components/CurrencyStats/CurrencySettings/style.scss b/web/src/components/CurrencyStats/CurrencySettings/style.scss
index 7ffbc87..9df1ad5 100644
--- a/web/src/components/CurrencyStats/CurrencySettings/style.scss
+++ b/web/src/components/CurrencyStats/CurrencySettings/style.scss
@@ -1,4 +1,4 @@
-@import 'components/App/variables';
+@import 'scss/all-utilities';
 
 .currency-settings-form {
    display: flex;
@@ -21,7 +21,7 @@
 }
 
 // 550px
-@media (min-width: 34.375em) {
+@media (min-width: 550px) {
    .currency-settings-form {
       flex-direction: row;
    
diff --git a/web/src/components/CurrencyStats/Header/style.scss b/web/src/components/CurrencyStats/Header/style.scss
index b5f54fb..a02c292 100644
--- a/web/src/components/CurrencyStats/Header/style.scss
+++ b/web/src/components/CurrencyStats/Header/style.scss
@@ -1,4 +1,4 @@
-@import 'components/App/variables';
+@import 'scss/all-utilities';
 
 .currency-stats-header {
    margin: 0 0 2.5rem;
diff --git a/web/src/components/CurrencyStats/List/style.scss b/web/src/components/CurrencyStats/List/style.scss
index 1de35ff..a974e97 100644
--- a/web/src/components/CurrencyStats/List/style.scss
+++ b/web/src/components/CurrencyStats/List/style.scss
@@ -1,3 +1,3 @@
-@import 'components/App/variables';
+@import 'scss/all-utilities';
 
 .currency-boxes-container {}
\ No newline at end of file
diff --git a/web/src/components/Help/index.js b/web/src/components/Help/index.js
index 779253b..5a14856 100644
--- a/web/src/components/Help/index.js
+++ b/web/src/components/Help/index.js
@@ -3,7 +3,7 @@ import ContactForm from './Form';
 
 const Help = () => (
    

-      

+      

          

             
Do you need help?

 
diff --git a/web/src/components/Home/Features/style.scss b/web/src/components/Home/Features/style.scss
index 63672a9..0d8c3f9 100644
--- a/web/src/components/Home/Features/style.scss
+++ b/web/src/components/Home/Features/style.scss
@@ -1,4 +1,4 @@
-@import 'components/App/variables';
+@import 'scss/all-utilities';
 
 .home-features {
    display: flex;
@@ -18,7 +18,7 @@
    margin-top: 2rem;
 }
 
-@media (min-width: $screen-md-min) {
+@include media-breakpoint-up(md) {
    .home-image {
       display: inline;
 
diff --git a/web/src/components/Home/Header/style.scss b/web/src/components/Home/Header/style.scss
index 692d33d..ee94b38 100644
--- a/web/src/components/Home/Header/style.scss
+++ b/web/src/components/Home/Header/style.scss
@@ -1,4 +1,4 @@
-@import 'components/App/variables';
+@import 'scss/all-utilities';
 
 .home-header {
    margin-bottom: 4rem;
@@ -11,7 +11,7 @@
    }
 }
 
-@media (min-width: $screen-md-min) {
+@include media-breakpoint-up(md) {
    .home-header {
       h1 {
          font-size: 6rem;
diff --git a/web/src/components/Home/NewFeatures/style.scss b/web/src/components/Home/NewFeatures/style.scss
index a7e6782..719b616 100644
--- a/web/src/components/Home/NewFeatures/style.scss
+++ b/web/src/components/Home/NewFeatures/style.scss
@@ -1,4 +1,4 @@
-@import 'components/App/variables';
+@import 'scss/all-utilities';
 
 .home-new-features-box {
    margin: 3.5rem 0 0;
diff --git a/web/src/components/Infobox/AccountDetails/style.scss b/web/src/components/Infobox/AccountDetails/style.scss
index c7acfc0..10fd8bf 100644
--- a/web/src/components/Infobox/AccountDetails/style.scss
+++ b/web/src/components/Infobox/AccountDetails/style.scss
@@ -1,4 +1,4 @@
-@import 'components/App/variables';
+@import 'scss/all-utilities';
 
 .account-name {
    text-align: center;
diff --git a/web/src/components/Infobox/AccountInfobox/style.scss b/web/src/components/Infobox/AccountInfobox/style.scss
index 88c5833..cd7e09b 100644
--- a/web/src/components/Infobox/AccountInfobox/style.scss
+++ b/web/src/components/Infobox/AccountInfobox/style.scss
@@ -1,4 +1,4 @@
-@import 'components/App/variables';
+@import 'scss/all-utilities';
 
 .account-infobox {
    
diff --git a/web/src/components/Infobox/AccountName/style.scss b/web/src/components/Infobox/AccountName/style.scss
index ca49f3a..8cb9597 100644
--- a/web/src/components/Infobox/AccountName/style.scss
+++ b/web/src/components/Infobox/AccountName/style.scss
@@ -1,4 +1,4 @@
-@import 'components/App/variables';
+@import 'scss/all-utilities';
 
 .account-name {
    text-align: center;
diff --git a/web/src/components/Infobox/AccountSummary/style.scss b/web/src/components/Infobox/AccountSummary/style.scss
index 3e23bb7..42c1620 100644
--- a/web/src/components/Infobox/AccountSummary/style.scss
+++ b/web/src/components/Infobox/AccountSummary/style.scss
@@ -1,4 +1,4 @@
-@import 'components/App/variables';
+@import 'scss/all-utilities';
 
 .account-summary {
 
@@ -50,7 +50,7 @@
 }
 
 // 360px
-@media (min-width: 22.5em) {
+@media (min-width: 360px) {
    .account-summary-boxes {
       flex-direction: row;
 
diff --git a/web/src/components/Infobox/CardDetails/style.scss b/web/src/components/Infobox/CardDetails/style.scss
index 640b034..ac15387 100644
--- a/web/src/components/Infobox/CardDetails/style.scss
+++ b/web/src/components/Infobox/CardDetails/style.scss
@@ -1,4 +1,4 @@
-@import 'components/App/variables';
+@import 'scss/all-utilities';
 
 // Card details
 
@@ -46,7 +46,7 @@
 }
 
 // 360px
-@media (min-width: 22.5em) {
+@media (min-width: 360px) {
    .card-details-row:first-child {
       margin-bottom: 4rem;
    }
diff --git a/web/src/components/Infobox/CardInfobox/style.scss b/web/src/components/Infobox/CardInfobox/style.scss
index e0f3412..adfb63d 100644
--- a/web/src/components/Infobox/CardInfobox/style.scss
+++ b/web/src/components/Infobox/CardInfobox/style.scss
@@ -1,4 +1,4 @@
-@import 'components/App/variables';
+@import 'scss/all-utilities';
 
 .card-infobox {
    
diff --git a/web/src/components/Infobox/CardLogos/style.scss b/web/src/components/Infobox/CardLogos/style.scss
index 1d00d17..fef1082 100644
--- a/web/src/components/Infobox/CardLogos/style.scss
+++ b/web/src/components/Infobox/CardLogos/style.scss
@@ -1,4 +1,4 @@
-@import 'components/App/variables';
+@import 'scss/all-utilities';
 
 // Card company info
 
diff --git a/web/src/components/Infobox/style.scss b/web/src/components/Infobox/style.scss
index d77758c..c0682e1 100644
--- a/web/src/components/Infobox/style.scss
+++ b/web/src/components/Infobox/style.scss
@@ -1,4 +1,4 @@
-@import 'components/App/variables';
+@import 'scss/all-utilities';
 
 .infobox {
    max-width: 36.5rem;
diff --git a/web/src/components/Messages/ListElement/style.scss b/web/src/components/Messages/ListElement/style.scss
index d9c3aae..ffdb68f 100644
--- a/web/src/components/Messages/ListElement/style.scss
+++ b/web/src/components/Messages/ListElement/style.scss
@@ -28,7 +28,7 @@
 }
 
 // 460px
-@media (min-width: 28.75em) {
+@media (min-width: 460px) {
    .messages-list-item {
       flex-direction: row;
       justify-content: space-between;
diff --git a/web/src/components/Navigation/Header/style.scss b/web/src/components/Navigation/Header/style.scss
index fa58506..38fd1b8 100644
--- a/web/src/components/Navigation/Header/style.scss
+++ b/web/src/components/Navigation/Header/style.scss
@@ -1,5 +1,4 @@
-@import 'components/App/variables';
-@import 'components/App/mixins';
+@import 'scss/all-utilities';
 
 // Navigation header
 .navigation-header {
@@ -33,13 +32,13 @@
 
 .toggle-menu {
    button {
-      font-size: 30px;
+      font-size: 1.875rem;
       border: 0;
       background: 0;
    }
 }
 
-@media (min-width: $screen-md-min) {
+@include media-breakpoint-up(md) {
    .navigation-header {
       margin-bottom: 4rem;
    }
@@ -50,7 +49,7 @@
 }
 
 // 500px
-@media (min-width: 31.25em) {
+@media (min-width: 500px) {
    .user-profile-box {
       margin-bottom: 0;
 
diff --git a/web/src/components/Navigation/MainNavigation/style.scss b/web/src/components/Navigation/MainNavigation/style.scss
index 2859250..629b4ed 100644
--- a/web/src/components/Navigation/MainNavigation/style.scss
+++ b/web/src/components/Navigation/MainNavigation/style.scss
@@ -1,5 +1,4 @@
-@import 'components/App/variables';
-@import 'components/App/mixins';
+@import 'scss/all-utilities';
 
 // Main navigation
 
@@ -73,7 +72,7 @@
    }
 }
 
-@media (min-width: $screen-md-min) {
+@include media-breakpoint-up(md) {
    .main-nav {
       height: 100%;
       visibility: visible;
diff --git a/web/src/components/NewsletterBox/style.scss b/web/src/components/NewsletterBox/style.scss
index e18849b..90c64e5 100644
--- a/web/src/components/NewsletterBox/style.scss
+++ b/web/src/components/NewsletterBox/style.scss
@@ -1,10 +1,10 @@
-@import 'components/App/variables';
+@import 'scss/all-utilities';
 
 .newsletter-box {
    display: none;
 }
 
-@media (min-width: $screen-md-min) {
+@include media-breakpoint-up(md) {
    .newsletter-box {
       display: block;
       line-height: 1;
@@ -24,7 +24,7 @@
       }
       
       .icon {
-         font-size: 60px;
+         font-size: 3.75rem;
       }
    }
 }
\ No newline at end of file
diff --git a/web/src/components/Profile/Header/style.scss b/web/src/components/Profile/Header/style.scss
index 089e9f1..bedd676 100644
--- a/web/src/components/Profile/Header/style.scss
+++ b/web/src/components/Profile/Header/style.scss
@@ -1,4 +1,4 @@
-@import 'components/App/variables';
+@import 'scss/all-utilities';
 
 .profile-header {
    background-image: linear-gradient(to right, $light-blue 0%, $dark-blue 100%);
diff --git a/web/src/components/Profile/Links/style.scss b/web/src/components/Profile/Links/style.scss
index 9b8a77b..5f494e6 100644
--- a/web/src/components/Profile/Links/style.scss
+++ b/web/src/components/Profile/Links/style.scss
@@ -1,4 +1,4 @@
-@import 'components/App/variables';
+@import 'scss/all-utilities';
 
 .profile-links {
    display: flex;
@@ -39,7 +39,7 @@
 }
 
 // 360px
-@media (min-width: 22.5em) {
+@media (min-width: 360px) {
    .profile-links {
       flex-direction: row;
 
diff --git a/web/src/components/Profile/Stats/style.scss b/web/src/components/Profile/Stats/style.scss
index 7df7c03..61dca3c 100644
--- a/web/src/components/Profile/Stats/style.scss
+++ b/web/src/components/Profile/Stats/style.scss
@@ -1,4 +1,4 @@
-@import 'components/App/variables';
+@import 'scss/all-utilities';
 
 .profile-stats {
    display: flex;
@@ -35,7 +35,7 @@
 .stats-red strong { color: $pink; }
 
 // 360px
-@media (min-width: 22.5em) {
+@media (min-width: 360px) {
    .profile-stats {
       margin-bottom: 3.2rem;
       flex-direction: row;
diff --git a/web/src/components/Transfers/New/index.js b/web/src/components/Transfers/New/index.js
index 6262548..2f8d92e 100644
--- a/web/src/components/Transfers/New/index.js
+++ b/web/src/components/Transfers/New/index.js
@@ -15,7 +15,7 @@ class NewTransfer extends Component {
 
       return (
          

-            

+            

                

                   
New transfer

 
diff --git a/web/src/components/UI/Buttons/style.scss b/web/src/components/UI/Buttons/style.scss
index faa8782..86573a0 100644
--- a/web/src/components/UI/Buttons/style.scss
+++ b/web/src/components/UI/Buttons/style.scss
@@ -1,4 +1,4 @@
-@import 'components/App/variables';
+@import 'scss/all-utilities';
 
 .btn-bold {
    text-transform: uppercase;
diff --git a/web/src/components/UI/FormBoxes/Small/style.scss b/web/src/components/UI/FormBoxes/Small/style.scss
index 929e9dc..b03d221 100644
--- a/web/src/components/UI/FormBoxes/Small/style.scss
+++ b/web/src/components/UI/FormBoxes/Small/style.scss
@@ -1,4 +1,4 @@
-@import 'components/App/variables';
+@import 'scss/all-utilities';
 
 .small-form-module {
    max-width: 36.5rem;
diff --git a/web/src/components/Widgets/Charts/IncomeChart/style.scss b/web/src/components/Widgets/Charts/IncomeChart/style.scss
index a6efede..e166c9e 100644
--- a/web/src/components/Widgets/Charts/IncomeChart/style.scss
+++ b/web/src/components/Widgets/Charts/IncomeChart/style.scss
@@ -1,23 +1,23 @@
-@import 'components/App/variables';
+@import 'scss/all-utilities';
 
 .income-chart-container {
    height: 23rem;
 }
 
 // 500px
-@media (min-width: 31.25em) {
+@media (min-width: 500px) {
    .income-chart-container {
       height: 28rem;
    }
 }
 
-@media (min-width: $screen-md-min) {
+@include media-breakpoint-up(md) {
    .income-chart-container {
       height: 32rem;
    }
 }
 
-@media (min-width: $screen-lg-min) {
+@include media-breakpoint-up(lg) {
    .income-chart-container {
       height: 37.5rem;
    }
diff --git a/web/src/components/Widgets/IconedList/style.scss b/web/src/components/Widgets/IconedList/style.scss
index 6c37db7..8a9f52c 100644
--- a/web/src/components/Widgets/IconedList/style.scss
+++ b/web/src/components/Widgets/IconedList/style.scss
@@ -1,5 +1,4 @@
-@import 'components/App/variables';
-@import 'components/App/mixins';
+@import 'scss/all-utilities';
 
 .iconed-list {
    max-width: 36.5rem;
@@ -54,7 +53,7 @@
 }
 
 // 360px
-@media (min-width: 22.5em) {
+@media (min-width: 360px) {
    .iconed-list {
       li {
          background: url('list-icon-image.svg') 3rem no-repeat;
diff --git a/web/src/components/Widgets/SingleMessage/style.scss b/web/src/components/Widgets/SingleMessage/style.scss
index c6bcafc..003817f 100644
--- a/web/src/components/Widgets/SingleMessage/style.scss
+++ b/web/src/components/Widgets/SingleMessage/style.scss
@@ -1,4 +1,4 @@
-@import 'components/App/variables';
+@import 'scss/all-utilities';
 
 .message {
    max-width: 36.5rem;
@@ -63,7 +63,7 @@
 }
 
 // 360px
-@media (min-width: 22.5em) {
+@media (min-width: 360px) {
    .message-header h3 {
       text-align: left;
    }
diff --git a/web/src/containers/Accounts/index.js b/web/src/containers/Accounts/index.js
index 5a07c57..63b74ad 100644
--- a/web/src/containers/Accounts/index.js
+++ b/web/src/containers/Accounts/index.js
@@ -6,7 +6,7 @@ import SingleAccount from 'components/Accounts/Single';
 
 const Accounts = ({ match }) => (
    

-      

+      

          
             
             
diff --git a/web/src/containers/Auth/Login/index.js b/web/src/containers/Auth/Login/index.js
index 67b20f4..0e93816 100644
--- a/web/src/containers/Auth/Login/index.js
+++ b/web/src/containers/Auth/Login/index.js
@@ -14,7 +14,7 @@ class Login extends Component {
    render() {
       return (
          

-            

+            

                
-            

+            

                 (
    

-      

+      

          
             
             
diff --git a/web/src/containers/CurrencyStats/index.js b/web/src/containers/CurrencyStats/index.js
index b399824..d5fd6ca 100644
--- a/web/src/containers/CurrencyStats/index.js
+++ b/web/src/containers/CurrencyStats/index.js
@@ -27,7 +27,7 @@ class CurrencyStats extends Component {
       } else {
          return (
             

-               

+               

                   

                      

                         

diff --git a/web/src/containers/CurrencyStats/style.scss b/web/src/containers/CurrencyStats/style.scss
index d201858..469fc61 100644
--- a/web/src/containers/CurrencyStats/style.scss
+++ b/web/src/containers/CurrencyStats/style.scss
@@ -1,4 +1,4 @@
-@import 'components/App/variables';
+@import 'scss/all-utilities';
 
 .currency-stats-leave-section {
    margin: 4.5rem 0 0;
diff --git a/web/src/containers/Home/index.js b/web/src/containers/Home/index.js
index 43add1b..1881b9c 100644
--- a/web/src/containers/Home/index.js
+++ b/web/src/containers/Home/index.js
@@ -18,7 +18,7 @@ class Home extends Component {
       } else {
          return (
             

-               

+               

                   

                      

                      
diff --git a/web/src/containers/Home/style.scss b/web/src/containers/Home/style.scss
index 2980186..b522eb6 100644
--- a/web/src/containers/Home/style.scss
+++ b/web/src/containers/Home/style.scss
@@ -1,10 +1,10 @@
-@import 'components/App/variables';
+@import 'scss/all-utilities';
 
 .home {
    max-width: 50rem;
 }
 
-@media (min-width: $screen-md-min) {
+@include media-breakpoint-up(md) {
    .home {
       max-width: 90rem;
    }
diff --git a/web/src/containers/Messages/index.js b/web/src/containers/Messages/index.js
index 8d23dbd..9df3dd0 100644
--- a/web/src/containers/Messages/index.js
+++ b/web/src/containers/Messages/index.js
@@ -6,7 +6,7 @@ import SingleMessage from 'components/Messages/Single';
 
 const Messages = ({ match }) => (
    

-      

+      

          
             
             
diff --git a/web/src/containers/Navigation/index.js b/web/src/containers/Navigation/index.js
index c77d841..e66d36d 100644
--- a/web/src/containers/Navigation/index.js
+++ b/web/src/containers/Navigation/index.js
@@ -10,7 +10,7 @@ class Navigation extends Component {
    render() {
       return (
          

-            

+            

                

                   
                   
diff --git a/web/src/containers/Profile/ChangeDetails/index.js b/web/src/containers/Profile/ChangeDetails/index.js
index 86f6f1c..d59e507 100644
--- a/web/src/containers/Profile/ChangeDetails/index.js
+++ b/web/src/containers/Profile/ChangeDetails/index.js
@@ -8,7 +8,7 @@ import Form from './Form';
 const ProfileChangeDetails = props => {
    return (
       

-         

+         

             
                

             
diff --git a/web/src/containers/Profile/index.js b/web/src/containers/Profile/index.js
index 1daf91c..6b0c47e 100644
--- a/web/src/containers/Profile/index.js
+++ b/web/src/containers/Profile/index.js
@@ -19,7 +19,7 @@ const Profile = props => {
 
    return (
       

-         

+         

             

                
                
diff --git a/web/src/containers/Transfers/index.js b/web/src/containers/Transfers/index.js
index 3aa686b..c9c40ea 100644
--- a/web/src/containers/Transfers/index.js
+++ b/web/src/containers/Transfers/index.js
@@ -7,7 +7,7 @@ import NewTransfer from 'components/Transfers/New';
 
 const Transfers = props => (
    

-      

+      

          
             
             
diff --git a/web/src/index.js b/web/src/index.js
index c09cf46..eb93f0b 100644
--- a/web/src/index.js
+++ b/web/src/index.js
@@ -6,9 +6,6 @@ import { Provider } from 'react-redux';
 import App from 'components/App';
 import * as serviceWorker from './serviceWorker';
 
-// Styles
-import 'vendor/custom-bootstrap.scss';
-
 // Store
 import configureStore, { history } from 'store';
 import { ConnectedRouter } from 'connected-react-router';
diff --git a/web/src/vendor/bootstrap/_alerts.scss b/web/src/vendor/bootstrap/_alerts.scss
deleted file mode 100644
index e9129d3..0000000
--- a/web/src/vendor/bootstrap/_alerts.scss
+++ /dev/null
@@ -1,73 +0,0 @@
-//
-// Alerts
-// --------------------------------------------------
-
-
-// Base styles
-// -------------------------
-
-.alert {
-  padding: $alert-padding;
-  margin-bottom: $line-height-computed;
-  border: .1rem solid transparent;
-  border-radius: $alert-border-radius;
-
-  // Headings for larger alerts
-  h4 {
-    margin-top: 0;
-    // Specified for the h4 to prevent conflicts of changing $headings-color
-    color: inherit;
-  }
-
-  // Provide class for links that match alerts
-  .alert-link {
-    font-weight: $alert-link-font-weight;
-  }
-
-  // Improve alignment and spacing of inner content
-  > p,
-  > ul {
-    margin-bottom: 0;
-  }
-
-  > p + p {
-    margin-top: .5rem;
-  }
-}
-
-// Dismissible alerts
-//
-// Expand the right padding and account for the close button's positioning.
-
-.alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0.
-.alert-dismissible {
-  padding-right: ($alert-padding + 2rem);
-
-  // Adjust close link position
-  .close {
-    position: relative;
-    top: -.2rem;
-    right: -2.1rem;
-    color: inherit;
-  }
-}
-
-// Alternate styles
-//
-// Generate contextual modifier classes for colorizing the alert.
-
-.alert-success {
-  @include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text);
-}
-
-.alert-info {
-  @include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text);
-}
-
-.alert-warning {
-  @include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text);
-}
-
-.alert-danger {
-  @include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text);
-}
diff --git a/web/src/vendor/bootstrap/_badges.scss b/web/src/vendor/bootstrap/_badges.scss
deleted file mode 100644
index b364673..0000000
--- a/web/src/vendor/bootstrap/_badges.scss
+++ /dev/null
@@ -1,68 +0,0 @@
-//
-// Badges
-// --------------------------------------------------
-
-
-// Base class
-.badge {
-  display: inline-block;
-  min-width: 1rem;
-  padding: .3rem .7rem;
-  font-size: $font-size-small;
-  font-weight: $badge-font-weight;
-  color: $badge-color;
-  line-height: $badge-line-height;
-  vertical-align: middle;
-  white-space: nowrap;
-  text-align: center;
-  background-color: $badge-bg;
-  border-radius: $badge-border-radius;
-
-  // Empty badges collapse automatically (not available in IE8)
-  &:empty {
-    display: none;
-  }
-
-  // Quick fix for badges in buttons
-  .btn & {
-    position: relative;
-    top: -.1rem;
-  }
-
-  .btn-xs &,
-  .btn-group-xs > .btn & {
-    top: 0;
-    padding: .1rem .5rem;
-  }
-
-  // [converter] extracted a& to a.badge
-
-  // Account for badges in navs
-  .list-group-item.active > &,
-  .nav-pills > .active > a > & {
-    color: $badge-active-color;
-    background-color: $badge-active-bg;
-  }
-
-  .list-group-item > & {
-    float: right;
-  }
-
-  .list-group-item > & + & {
-    margin-right: .5rem;
-  }
-
-  .nav-pills > li > a > & {
-    margin-left: .3rem;
-  }
-}
-
-// Hover state, but only for links
-a.badge {
-  &:hover,
-  &:focus {
-    color: $badge-link-hover-color;
-    text-decoration: none;
-    cursor: pointer;
-  }
-}
diff --git a/web/src/vendor/bootstrap/_breadcrumbs.scss b/web/src/vendor/bootstrap/_breadcrumbs.scss
deleted file mode 100644
index f7e24ee..0000000
--- a/web/src/vendor/bootstrap/_breadcrumbs.scss
+++ /dev/null
@@ -1,28 +0,0 @@
-//
-// Breadcrumbs
-// --------------------------------------------------
-
-
-.breadcrumb {
-  padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal;
-  margin-bottom: $line-height-computed;
-  list-style: none;
-  background-color: $breadcrumb-bg;
-  border-radius: $border-radius-base;
-
-  > li {
-    display: inline-block;
-
-    + li:before {
-      // [converter] Workaround for https://github.com/sass/libsass/issues/1115
-      $nbsp: "\00a0";
-      content: "#{$breadcrumb-separator}#{$nbsp}"; // Unicode space added since inline-block means non-collapsing white-space
-      padding: 0 .5rem;
-      color: $breadcrumb-color;
-    }
-  }
-
-  > .active {
-    color: $breadcrumb-active-color;
-  }
-}
diff --git a/web/src/vendor/bootstrap/_button-groups.scss b/web/src/vendor/bootstrap/_button-groups.scss
deleted file mode 100644
index 2d648c7..0000000
--- a/web/src/vendor/bootstrap/_button-groups.scss
+++ /dev/null
@@ -1,244 +0,0 @@
-//
-// Button groups
-// --------------------------------------------------
-
-// Make the div behave like a button
-.btn-group,
-.btn-group-vertical {
-  position: relative;
-  display: inline-block;
-  vertical-align: middle; // match .btn alignment given font-size hack above
-  > .btn {
-    position: relative;
-    float: left;
-    // Bring the "active" button to the front
-    &:hover,
-    &:focus,
-    &:active,
-    &.active {
-      z-index: 2;
-    }
-  }
-}
-
-// Prevent double borders when buttons are next to each other
-.btn-group {
-  .btn + .btn,
-  .btn + .btn-group,
-  .btn-group + .btn,
-  .btn-group + .btn-group {
-    margin-left: -.1rem;
-  }
-}
-
-// Optional: Group multiple button groups together for a toolbar
-.btn-toolbar {
-  margin-left: -.5rem; // Offset the first child's margin
-  @include clearfix;
-
-  .btn,
-  .btn-group,
-  .input-group {
-    float: left;
-  }
-  > .btn,
-  > .btn-group,
-  > .input-group {
-    margin-left: .5rem;
-  }
-}
-
-.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
-  border-radius: 0;
-}
-
-// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
-.btn-group > .btn:first-child {
-  margin-left: 0;
-  &:not(:last-child):not(.dropdown-toggle) {
-    @include border-right-radius(0);
-  }
-}
-// Need .dropdown-toggle since :last-child doesn't apply, given that a .dropdown-menu is used immediately after it
-.btn-group > .btn:last-child:not(:first-child),
-.btn-group > .dropdown-toggle:not(:first-child) {
-  @include border-left-radius(0);
-}
-
-// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)
-.btn-group > .btn-group {
-  float: left;
-}
-.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
-  border-radius: 0;
-}
-.btn-group > .btn-group:first-child:not(:last-child) {
-  > .btn:last-child,
-  > .dropdown-toggle {
-    @include border-right-radius(0);
-  }
-}
-.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
-  @include border-left-radius(0);
-}
-
-// On active and open, don't show outline
-.btn-group .dropdown-toggle:active,
-.btn-group.open .dropdown-toggle {
-  outline: 0;
-}
-
-
-// Sizing
-//
-// Remix the default button sizing classes into new ones for easier manipulation.
-
-.btn-group-xs > .btn { @extend .btn-xs; }
-.btn-group-sm > .btn { @extend .btn-sm; }
-.btn-group-lg > .btn { @extend .btn-lg; }
-
-
-// Split button dropdowns
-// ----------------------
-
-// Give the line between buttons some depth
-.btn-group > .btn + .dropdown-toggle {
-  padding-left: .8rem;
-  padding-right: .8rem;
-}
-.btn-group > .btn-lg + .dropdown-toggle {
-  padding-left: 1.2rem;
-  padding-right: 1.2rem;
-}
-
-// The clickable button for toggling the menu
-// Remove the gradient and set the same inset shadow as the :active state
-.btn-group.open .dropdown-toggle {
-  @include box-shadow(inset 0 .3rem .5rem rgba(0,0,0,.125));
-
-  // Show no shadow for `.btn-link` since it has no other button styles.
-  &.btn-link {
-    @include box-shadow(none);
-  }
-}
-
-
-// Reposition the caret
-.btn .caret {
-  margin-left: 0;
-}
-// Carets in other button sizes
-.btn-lg .caret {
-  border-width: $caret-width-large $caret-width-large 0;
-  border-bottom-width: 0;
-}
-// Upside down carets for .dropup
-.dropup .btn-lg .caret {
-  border-width: 0 $caret-width-large $caret-width-large;
-}
-
-
-// Vertical button groups
-// ----------------------
-
-.btn-group-vertical {
-  > .btn,
-  > .btn-group,
-  > .btn-group > .btn {
-    display: block;
-    float: none;
-    width: 100%;
-    max-width: 100%;
-  }
-
-  // Clear floats so dropdown menus can be properly placed
-  > .btn-group {
-    @include clearfix;
-    > .btn {
-      float: none;
-    }
-  }
-
-  > .btn + .btn,
-  > .btn + .btn-group,
-  > .btn-group + .btn,
-  > .btn-group + .btn-group {
-    margin-top: -.1rem;
-    margin-left: 0;
-  }
-}
-
-.btn-group-vertical > .btn {
-  &:not(:first-child):not(:last-child) {
-    border-radius: 0;
-  }
-  &:first-child:not(:last-child) {
-    @include border-top-radius($btn-border-radius-base);
-    @include border-bottom-radius(0);
-  }
-  &:last-child:not(:first-child) {
-    @include border-top-radius(0);
-    @include border-bottom-radius($btn-border-radius-base);
-  }
-}
-.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
-  border-radius: 0;
-}
-.btn-group-vertical > .btn-group:first-child:not(:last-child) {
-  > .btn:last-child,
-  > .dropdown-toggle {
-    @include border-bottom-radius(0);
-  }
-}
-.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
-  @include border-top-radius(0);
-}
-
-
-// Justified button groups
-// ----------------------
-
-.btn-group-justified {
-  display: table;
-  width: 100%;
-  table-layout: fixed;
-  border-collapse: separate;
-  > .btn,
-  > .btn-group {
-    float: none;
-    display: table-cell;
-    width: 1%;
-  }
-  > .btn-group .btn {
-    width: 100%;
-  }
-
-  > .btn-group .dropdown-menu {
-    left: auto;
-  }
-}
-
-
-// Checkbox and radio options
-//
-// In order to support the browser's form validation feedback, powered by the
-// `required` attribute, we have to "hide" the inputs via `clip`. We cannot use
-// `display: none;` or `visibility: hidden;` as that also hides the popover.
-// Simply visually hiding the inputs via `opacity` would leave them clickable in
-// certain cases which is prevented by using `clip` and `pointer-events`.
-// This way, we ensure a DOM element is visible to position the popover from.
-//
-// See https://github.com/twbs/bootstrap/pull/12794 and
-// https://github.com/twbs/bootstrap/pull/14559 for more information.
-
-[data-toggle="buttons"] {
-  > .btn,
-  > .btn-group > .btn {
-    input[type="radio"],
-    input[type="checkbox"] {
-      position: absolute;
-      clip: rect(0,0,0,0);
-      pointer-events: none;
-    }
-  }
-}
diff --git a/web/src/vendor/bootstrap/_buttons.scss b/web/src/vendor/bootstrap/_buttons.scss
deleted file mode 100644
index 713d125..0000000
--- a/web/src/vendor/bootstrap/_buttons.scss
+++ /dev/null
@@ -1,168 +0,0 @@
-//
-// Buttons
-// --------------------------------------------------
-
-
-// Base styles
-// --------------------------------------------------
-
-.btn {
-  display: inline-block;
-  margin-bottom: 0; // For input.btn
-  font-weight: $btn-font-weight;
-  text-align: center;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
-  border: .1rem solid transparent;
-  white-space: nowrap;
-  @include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-base, $line-height-base, $btn-border-radius-base);
-  @include user-select(none);
-
-  &,
-  &:active,
-  &.active {
-    &:focus,
-    &.focus {
-      @include tab-focus;
-    }
-  }
-
-  &:hover,
-  &:focus,
-  &.focus {
-    color: $btn-default-color;
-    text-decoration: none;
-  }
-
-  &:active,
-  &.active {
-    outline: 0;
-    background-image: none;
-    @include box-shadow(inset 0 .3rem .5rem rgba(0,0,0,.125));
-  }
-
-  &.disabled,
-  &[disabled],
-  fieldset[disabled] & {
-    cursor: $cursor-disabled;
-    @include opacity(.65);
-    @include box-shadow(none);
-  }
-
-  // [converter] extracted a& to a.btn
-}
-
-a.btn {
-  &.disabled,
-  fieldset[disabled] & {
-    pointer-events: none; // Future-proof disabling of clicks on `` elements
-  }
-}
-
-
-// Alternate buttons
-// --------------------------------------------------
-
-.btn-default {
-  @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border);
-}
-.btn-primary {
-  @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
-}
-// Success appears as green
-.btn-success {
-  @include button-variant($btn-success-color, $btn-success-bg, $btn-success-border);
-}
-// Info appears as blue-green
-.btn-info {
-  @include button-variant($btn-info-color, $btn-info-bg, $btn-info-border);
-}
-// Warning appears as orange
-.btn-warning {
-  @include button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border);
-}
-// Danger and error appear as red
-.btn-danger {
-  @include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border);
-}
-
-
-// Link buttons
-// -------------------------
-
-// Make a button look and behave like a link
-.btn-link {
-  color: $link-color;
-  font-weight: normal;
-  border-radius: 0;
-
-  &,
-  &:active,
-  &.active,
-  &[disabled],
-  fieldset[disabled] & {
-    background-color: transparent;
-    @include box-shadow(none);
-  }
-  &,
-  &:hover,
-  &:focus,
-  &:active {
-    border-color: transparent;
-  }
-  &:hover,
-  &:focus {
-    color: $link-hover-color;
-    text-decoration: $link-hover-decoration;
-    background-color: transparent;
-  }
-  &[disabled],
-  fieldset[disabled] & {
-    &:hover,
-    &:focus {
-      color: $btn-link-disabled-color;
-      text-decoration: none;
-    }
-  }
-}
-
-
-// Button Sizes
-// --------------------------------------------------
-
-.btn-lg {
-  // line-height: ensure even-numbered height of button next to large input
-  @include button-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $btn-border-radius-large);
-}
-.btn-sm {
-  // line-height: ensure proper height of button next to small input
-  @include button-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $btn-border-radius-small);
-}
-.btn-xs {
-  @include button-size($padding-xs-vertical, $padding-xs-horizontal, $font-size-small, $line-height-small, $btn-border-radius-small);
-}
-
-
-// Block button
-// --------------------------------------------------
-
-.btn-block {
-  display: block;
-  width: 100%;
-}
-
-// Vertically space out multiple block buttons
-.btn-block + .btn-block {
-  margin-top: .5rem;
-}
-
-// Specificity overrides
-input[type="submit"],
-input[type="reset"],
-input[type="button"] {
-  &.btn-block {
-    width: 100%;
-  }
-}
diff --git a/web/src/vendor/bootstrap/_carousel.scss b/web/src/vendor/bootstrap/_carousel.scss
deleted file mode 100644
index 90c386d..0000000
--- a/web/src/vendor/bootstrap/_carousel.scss
+++ /dev/null
@@ -1,270 +0,0 @@
-//
-// Carousel
-// --------------------------------------------------
-
-
-// Wrapper for the slide container and indicators
-.carousel {
-  position: relative;
-}
-
-.carousel-inner {
-  position: relative;
-  overflow: hidden;
-  width: 100%;
-
-  > .item {
-    display: none;
-    position: relative;
-    @include transition(.6s ease-in-out left);
-
-    // Account for jankitude on images
-    > img,
-    > a > img {
-      @include img-responsive;
-      line-height: 1;
-    }
-
-    // WebKit CSS3 transforms for supported devices
-    @media all and (transform-3d), (-webkit-transform-3d) {
-      @include transition-transform(0.6s ease-in-out);
-      @include backface-visibility(hidden);
-      @include perspective(100rem);
-
-      &.next,
-      &.active.right {
-        @include translate3d(100%, 0, 0);
-        left: 0;
-      }
-      &.prev,
-      &.active.left {
-        @include translate3d(-100%, 0, 0);
-        left: 0;
-      }
-      &.next.left,
-      &.prev.right,
-      &.active {
-        @include translate3d(0, 0, 0);
-        left: 0;
-      }
-    }
-  }
-
-  > .active,
-  > .next,
-  > .prev {
-    display: block;
-  }
-
-  > .active {
-    left: 0;
-  }
-
-  > .next,
-  > .prev {
-    position: absolute;
-    top: 0;
-    width: 100%;
-  }
-
-  > .next {
-    left: 100%;
-  }
-  > .prev {
-    left: -100%;
-  }
-  > .next.left,
-  > .prev.right {
-    left: 0;
-  }
-
-  > .active.left {
-    left: -100%;
-  }
-  > .active.right {
-    left: 100%;
-  }
-
-}
-
-// Left/right controls for nav
-// ---------------------------
-
-.carousel-control {
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  width: $carousel-control-width;
-  @include opacity($carousel-control-opacity);
-  font-size: $carousel-control-font-size;
-  color: $carousel-control-color;
-  text-align: center;
-  text-shadow: $carousel-text-shadow;
-  background-color: rgba(0, 0, 0, 0); // Fix IE9 click-thru bug
-  // We can't have this transition here because WebKit cancels the carousel
-  // animation if you trip this while in the middle of another animation.
-
-  // Set gradients for backgrounds
-  &.left {
-    @include gradient-horizontal($start-color: rgba(0,0,0,.5), $end-color: rgba(0,0,0,.0001));
-  }
-  &.right {
-    left: auto;
-    right: 0;
-    @include gradient-horizontal($start-color: rgba(0,0,0,.0001), $end-color: rgba(0,0,0,.5));
-  }
-
-  // Hover/focus state
-  &:hover,
-  &:focus {
-    outline: 0;
-    color: $carousel-control-color;
-    text-decoration: none;
-    @include opacity(.9);
-  }
-
-  // Toggles
-  .icon-prev,
-  .icon-next,
-  .glyphicon-chevron-left,
-  .glyphicon-chevron-right {
-    position: absolute;
-    top: 50%;
-    margin-top: -1rem;
-    z-index: 5;
-    display: inline-block;
-  }
-  .icon-prev,
-  .glyphicon-chevron-left {
-    left: 50%;
-    margin-left: -1rem;
-  }
-  .icon-next,
-  .glyphicon-chevron-right {
-    right: 50%;
-    margin-right: -1rem;
-  }
-  .icon-prev,
-  .icon-next {
-    width:  2rem;
-    height: 2rem;
-    line-height: 1;
-    font-family: serif;
-  }
-
-
-  .icon-prev {
-    &:before {
-      content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
-    }
-  }
-  .icon-next {
-    &:before {
-      content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
-    }
-  }
-}
-
-// Optional indicator pips
-//
-// Add an unordered list with the following class and add a list item for each
-// slide your carousel holds.
-
-.carousel-indicators {
-  position: absolute;
-  bottom: 1rem;
-  left: 50%;
-  z-index: 15;
-  width: 60%;
-  margin-left: -30%;
-  padding-left: 0;
-  list-style: none;
-  text-align: center;
-
-  li {
-    display: inline-block;
-    width:  1rem;
-    height: 1rem;
-    margin: .1rem;
-    text-indent: -99.9rem;
-    border: .1rem solid $carousel-indicator-border-color;
-    border-radius: 1rem;
-    cursor: pointer;
-
-    // IE8-9 hack for event handling
-    //
-    // Internet Explorer 8-9 does not support clicks on elements without a set
-    // `background-color`. We cannot use `filter` since that's not viewed as a
-    // background color by the browser. Thus, a hack is needed.
-    // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer
-    //
-    // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we
-    // set alpha transparency for the best results possible.
-    background-color: #000 \9; // IE8
-    background-color: rgba(0,0,0,0); // IE9
-  }
-  .active {
-    margin: 0;
-    width:  1.2rem;
-    height: 1.2rem;
-    background-color: $carousel-indicator-active-bg;
-  }
-}
-
-// Optional captions
-// -----------------------------
-// Hidden by default for smaller viewports
-.carousel-caption {
-  position: absolute;
-  left: 15%;
-  right: 15%;
-  bottom: 2rem;
-  z-index: 10;
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-  color: $carousel-caption-color;
-  text-align: center;
-  text-shadow: $carousel-text-shadow;
-  & .btn {
-    text-shadow: none; // No shadow for button elements in carousel-caption
-  }
-}
-
-
-// Scale up controls for tablets and up
-@media screen and (min-width: $screen-sm-min) {
-
-  // Scale up the controls a smidge
-  .carousel-control {
-    .glyphicon-chevron-left,
-    .glyphicon-chevron-right,
-    .icon-prev,
-    .icon-next {
-      width: ($carousel-control-font-size * 1.5);
-      height: ($carousel-control-font-size * 1.5);
-      margin-top: ($carousel-control-font-size / -2);
-      font-size: ($carousel-control-font-size * 1.5);
-    }
-    .glyphicon-chevron-left,
-    .icon-prev {
-      margin-left: ($carousel-control-font-size / -2);
-    }
-    .glyphicon-chevron-right,
-    .icon-next {
-      margin-right: ($carousel-control-font-size / -2);
-    }
-  }
-
-  // Show and left align the captions
-  .carousel-caption {
-    left: 20%;
-    right: 20%;
-    padding-bottom: 3rem;
-  }
-
-  // Move up the indicators
-  .carousel-indicators {
-    bottom: 2rem;
-  }
-}
diff --git a/web/src/vendor/bootstrap/_close.scss b/web/src/vendor/bootstrap/_close.scss
deleted file mode 100644
index 3b74d8a..0000000
--- a/web/src/vendor/bootstrap/_close.scss
+++ /dev/null
@@ -1,36 +0,0 @@
-//
-// Close icons
-// --------------------------------------------------
-
-
-.close {
-  float: right;
-  font-size: ($font-size-base * 1.5);
-  font-weight: $close-font-weight;
-  line-height: 1;
-  color: $close-color;
-  text-shadow: $close-text-shadow;
-  @include opacity(.2);
-
-  &:hover,
-  &:focus {
-    color: $close-color;
-    text-decoration: none;
-    cursor: pointer;
-    @include opacity(.5);
-  }
-
-  // [converter] extracted button& to button.close
-}
-
-// Additional properties for button version
-// iOS requires the button element instead of an anchor tag.
-// If you want the anchor version, it requires `href="#"`.
-// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
-button.close {
-  padding: 0;
-  cursor: pointer;
-  background: transparent;
-  border: 0;
-  -webkit-appearance: none;
-}
diff --git a/web/src/vendor/bootstrap/_code.scss b/web/src/vendor/bootstrap/_code.scss
deleted file mode 100644
index 9c4edf2..0000000
--- a/web/src/vendor/bootstrap/_code.scss
+++ /dev/null
@@ -1,69 +0,0 @@
-//
-// Code (inline and block)
-// --------------------------------------------------
-
-
-// Inline and block code styles
-code,
-kbd,
-pre,
-samp {
-  font-family: $font-family-monospace;
-}
-
-// Inline code
-code {
-  padding: .2rem .4rem;
-  font-size: 90%;
-  color: $code-color;
-  background-color: $code-bg;
-  border-radius: $border-radius-base;
-}
-
-// User input typically entered via keyboard
-kbd {
-  padding: .2rem .4rem;
-  font-size: 90%;
-  color: $kbd-color;
-  background-color: $kbd-bg;
-  border-radius: $border-radius-small;
-  box-shadow: inset 0 -.1rem 0 rgba(0,0,0,.25);
-
-  kbd {
-    padding: 0;
-    font-size: 100%;
-    font-weight: bold;
-    box-shadow: none;
-  }
-}
-
-// Blocks of code
-pre {
-  display: block;
-  padding: (($line-height-computed - .1rem) / 2);
-  margin: 0 0 ($line-height-computed / 2);
-  font-size: ($font-size-base - .1rem); // 14px to 13px
-  line-height: $line-height-base;
-  word-break: break-all;
-  word-wrap: break-word;
-  color: $pre-color;
-  background-color: $pre-bg;
-  border: .1rem solid $pre-border-color;
-  border-radius: $border-radius-base;
-
-  // Account for some code outputs that place code tags in pre tags
-  code {
-    padding: 0;
-    font-size: inherit;
-    color: inherit;
-    white-space: pre-wrap;
-    background-color: transparent;
-    border-radius: 0;
-  }
-}
-
-// Enable scrollable blocks of code
-.pre-scrollable {
-  max-height: $pre-scrollable-max-height;
-  overflow-y: scroll;
-}
diff --git a/web/src/vendor/bootstrap/_component-animations.scss b/web/src/vendor/bootstrap/_component-animations.scss
deleted file mode 100644
index ca3b43c..0000000
--- a/web/src/vendor/bootstrap/_component-animations.scss
+++ /dev/null
@@ -1,37 +0,0 @@
-//
-// Component animations
-// --------------------------------------------------
-
-// Heads up!
-//
-// We don't use the `.opacity()` mixin here since it causes a bug with text
-// fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552.
-
-.fade {
-  opacity: 0;
-  @include transition(opacity .15s linear);
-  &.in {
-    opacity: 1;
-  }
-}
-
-.collapse {
-  display: none;
-
-  &.in      { display: block; }
-  // [converter] extracted tr&.in to tr.collapse.in
-  // [converter] extracted tbody&.in to tbody.collapse.in
-}
-
-tr.collapse.in    { display: table-row; }
-
-tbody.collapse.in { display: table-row-group; }
-
-.collapsing {
-  position: relative;
-  height: 0;
-  overflow: hidden;
-  @include transition-property(height, visibility);
-  @include transition-duration(.35s);
-  @include transition-timing-function(ease);
-}
diff --git a/web/src/vendor/bootstrap/_dropdowns.scss b/web/src/vendor/bootstrap/_dropdowns.scss
deleted file mode 100644
index 6b194fd..0000000
--- a/web/src/vendor/bootstrap/_dropdowns.scss
+++ /dev/null
@@ -1,216 +0,0 @@
-//
-// Dropdown menus
-// --------------------------------------------------
-
-
-// Dropdown arrow/caret
-.caret {
-  display: inline-block;
-  width: 0;
-  height: 0;
-  margin-left: .2rem;
-  vertical-align: middle;
-  border-top:   $caret-width-base dashed;
-  border-top:   $caret-width-base solid \9; // IE8
-  border-right: $caret-width-base solid transparent;
-  border-left:  $caret-width-base solid transparent;
-}
-
-// The dropdown wrapper (div)
-.dropup,
-.dropdown {
-  position: relative;
-}
-
-// Prevent the focus on the dropdown toggle when closing dropdowns
-.dropdown-toggle:focus {
-  outline: 0;
-}
-
-// The dropdown menu (ul)
-.dropdown-menu {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  z-index: $zindex-dropdown;
-  display: none; // none by default, but block on "open" of the menu
-  float: left;
-  min-width: 16rem;
-  padding: .5rem 0;
-  margin: .2rem 0 0; // override default ul
-  list-style: none;
-  font-size: $font-size-base;
-  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
-  background-color: $dropdown-bg;
-  border: .1rem solid $dropdown-fallback-border; // IE8 fallback
-  border: .1rem solid $dropdown-border;
-  border-radius: $border-radius-base;
-  @include box-shadow(0 .6rem 1.2rem rgba(0,0,0,.175));
-  background-clip: padding-box;
-
-  // Aligns the dropdown menu to right
-  //
-  // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]`
-  &.pull-right {
-    right: 0;
-    left: auto;
-  }
-
-  // Dividers (basically an hr) within the dropdown
-  .divider {
-    @include nav-divider($dropdown-divider-bg);
-  }
-
-  // Links within the dropdown menu
-  > li > a {
-    display: block;
-    padding: .3rem 2rem;
-    clear: both;
-    font-weight: normal;
-    line-height: $line-height-base;
-    color: $dropdown-link-color;
-    white-space: nowrap; // prevent links from randomly breaking onto new lines
-  }
-}
-
-// Hover/Focus state
-.dropdown-menu > li > a {
-  &:hover,
-  &:focus {
-    text-decoration: none;
-    color: $dropdown-link-hover-color;
-    background-color: $dropdown-link-hover-bg;
-  }
-}
-
-// Active state
-.dropdown-menu > .active > a {
-  &,
-  &:hover,
-  &:focus {
-    color: $dropdown-link-active-color;
-    text-decoration: none;
-    outline: 0;
-    background-color: $dropdown-link-active-bg;
-  }
-}
-
-// Disabled state
-//
-// Gray out text and ensure the hover/focus state remains gray
-
-.dropdown-menu > .disabled > a {
-  &,
-  &:hover,
-  &:focus {
-    color: $dropdown-link-disabled-color;
-  }
-
-  // Nuke hover/focus effects
-  &:hover,
-  &:focus {
-    text-decoration: none;
-    background-color: transparent;
-    background-image: none; // Remove CSS gradient
-    @include reset-filter;
-    cursor: $cursor-disabled;
-  }
-}
-
-// Open state for the dropdown
-.open {
-  // Show the menu
-  > .dropdown-menu {
-    display: block;
-  }
-
-  // Remove the outline when :focus is triggered
-  > a {
-    outline: 0;
-  }
-}
-
-// Menu positioning
-//
-// Add extra class to `.dropdown-menu` to flip the alignment of the dropdown
-// menu with the parent.
-.dropdown-menu-right {
-  left: auto; // Reset the default from `.dropdown-menu`
-  right: 0;
-}
-// With v3, we enabled auto-flipping if you have a dropdown within a right
-// aligned nav component. To enable the undoing of that, we provide an override
-// to restore the default dropdown menu alignment.
-//
-// This is only for left-aligning a dropdown menu within a `.navbar-right` or
-// `.pull-right` nav component.
-.dropdown-menu-left {
-  left: 0;
-  right: auto;
-}
-
-// Dropdown section headers
-.dropdown-header {
-  display: block;
-  padding: .3rem 2rem;
-  font-size: $font-size-small;
-  line-height: $line-height-base;
-  color: $dropdown-header-color;
-  white-space: nowrap; // as with > li > a
-}
-
-// Backdrop to catch body clicks on mobile, etc.
-.dropdown-backdrop {
-  position: fixed;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  top: 0;
-  z-index: ($zindex-dropdown - 10);
-}
-
-// Right aligned dropdowns
-.pull-right > .dropdown-menu {
-  right: 0;
-  left: auto;
-}
-
-// Allow for dropdowns to go bottom up (aka, dropup-menu)
-//
-// Just add .dropup after the standard .dropdown class and you're set, bro.
-// TODO: abstract this so that the navbar fixed styles are not placed here?
-
-.dropup,
-.navbar-fixed-bottom .dropdown {
-  // Reverse the caret
-  .caret {
-    border-top: 0;
-    border-bottom: $caret-width-base dashed;
-    border-bottom: $caret-width-base solid \9; // IE8
-    content: "";
-  }
-  // Different positioning for bottom up menu
-  .dropdown-menu {
-    top: auto;
-    bottom: 100%;
-    margin-bottom: .2rem;
-  }
-}
-
-
-// Component alignment
-//
-// Reiterate per navbar.less and the modified component alignment there.
-
-@media (min-width: $grid-float-breakpoint) {
-  .navbar-right {
-    .dropdown-menu {
-      right: 0; left: auto;
-    }
-    // Necessary for overrides of the default right aligned menu.
-    // Will remove come v4 in all likelihood.
-    .dropdown-menu-left {
-      left: 0; right: auto;
-    }
-  }
-}
diff --git a/web/src/vendor/bootstrap/_forms.scss b/web/src/vendor/bootstrap/_forms.scss
deleted file mode 100644
index 49ed6c8..0000000
--- a/web/src/vendor/bootstrap/_forms.scss
+++ /dev/null
@@ -1,617 +0,0 @@
-//
-// Forms
-// --------------------------------------------------
-
-
-// Normalize non-controls
-//
-// Restyle and baseline non-control form elements.
-
-fieldset {
-  padding: 0;
-  margin: 0;
-  border: 0;
-  // Chrome and Firefox set a `min-width: min-content;` on fieldsets,
-  // so we reset that to ensure it behaves more like a standard block element.
-  // See https://github.com/twbs/bootstrap/issues/12359.
-  min-width: 0;
-}
-
-legend {
-  display: block;
-  width: 100%;
-  padding: 0;
-  margin-bottom: $line-height-computed;
-  font-size: ($font-size-base * 1.5);
-  line-height: inherit;
-  color: $legend-color;
-  border: 0;
-  border-bottom: .1rem solid $legend-border-color;
-}
-
-label {
-  display: inline-block;
-  max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141)
-  margin-bottom: .5rem;
-  font-weight: bold;
-}
-
-
-// Normalize form controls
-//
-// While most of our form styles require extra classes, some basic normalization
-// is required to ensure optimum display with or without those classes to better
-// address browser inconsistencies.
-
-// Override content-box in Normalize (* isn't specific enough)
-input[type="search"] {
-  @include box-sizing(border-box);
-}
-
-// Position radios and checkboxes better
-input[type="radio"],
-input[type="checkbox"] {
-  margin: .4rem 0 0;
-  margin-top: .1rem \9; // IE8-9
-  line-height: normal;
-}
-
-input[type="file"] {
-  display: block;
-}
-
-// Make range inputs behave like textual form controls
-input[type="range"] {
-  display: block;
-  width: 100%;
-}
-
-// Make multiple select elements height not fixed
-select[multiple],
-select[size] {
-  height: auto;
-}
-
-// Focus for file, radio, and checkbox
-input[type="file"]:focus,
-input[type="radio"]:focus,
-input[type="checkbox"]:focus {
-  @include tab-focus;
-}
-
-// Adjust output element
-output {
-  display: block;
-  padding-top: ($padding-base-vertical + .1rem);
-  font-size: $font-size-base;
-  line-height: $line-height-base;
-  color: $input-color;
-}
-
-
-// Common form controls
-//
-// Shared size and type resets for form controls. Apply `.form-control` to any
-// of the following form controls:
-//
-// select
-// textarea
-// input[type="text"]
-// input[type="password"]
-// input[type="datetime"]
-// input[type="datetime-local"]
-// input[type="date"]
-// input[type="month"]
-// input[type="time"]
-// input[type="week"]
-// input[type="number"]
-// input[type="email"]
-// input[type="url"]
-// input[type="search"]
-// input[type="tel"]
-// input[type="color"]
-
-.form-control {
-  display: block;
-  width: 100%;
-  height: $input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
-  padding: $padding-base-vertical $padding-base-horizontal;
-  font-size: $font-size-base;
-  line-height: $line-height-base;
-  color: $input-color;
-  background-color: $input-bg;
-  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
-  border: .1rem solid $input-border;
-  border-radius: $input-border-radius; // Note: This has no effect on s in CSS.
-  @include box-shadow(inset 0 .1rem .1rem rgba(0,0,0,.075));
-  @include transition(border-color ease-in-out .15s, box-shadow ease-in-out .15s);
-
-  // Customize the `:focus` state to imitate native WebKit styles.
-  @include form-control-focus;
-
-  // Placeholder
-  @include placeholder;
-
-  // Unstyle the caret on `` background color
-$input-bg:                       #fff !default;
-//** `` background color
-$input-bg-disabled:              $gray-lighter !default;
-
-//** Text color for ``s
-$input-color:                    $gray !default;
-//** `` border color
-$input-border:                   #ccc !default;
-
-// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4
-//** Default `.form-control` border radius
-// This has no effect on ``s in CSS.
-$input-border-radius:            $border-radius-base !default;
-//** Large `.form-control` border radius
-$input-border-radius-large:      $border-radius-large !default;
-//** Small `.form-control` border radius
-$input-border-radius-small:      $border-radius-small !default;
-
-//** Border color for inputs on focus
-$input-border-focus:             #66afe9 !default;
-
-//** Placeholder text color
-$input-color-placeholder:        #999 !default;
-
-//** Default `.form-control` height
-$input-height-base:              ($line-height-computed + ($padding-base-vertical * 2) + .2rem) !default;
-//** Large `.form-control` height
-$input-height-large:             ($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + .2rem !default;
-//** Small `.form-control` height
-$input-height-small:             ($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + .2rem !default;
-
-//** `.form-group` margin
-$form-group-margin-bottom:       1.5rem !default;
-
-$legend-color:                   $gray-dark !default;
-$legend-border-color:            #e5e5e5 !default;
-
-//** Background color for textual input addons
-$input-group-addon-bg:           $gray-lighter !default;
-//** Border color for textual input addons
-$input-group-addon-border-color: $input-border !default;
-
-//** Disabled cursor for form controls and buttons.
-$cursor-disabled:                not-allowed !default;
-
-
-//== Dropdowns
-//
-//## Dropdown menu container and contents.
-
-//** Background for the dropdown menu.
-$dropdown-bg:                    #fff !default;
-//** Dropdown menu `border-color`.
-$dropdown-border:                rgba(0,0,0,.15) !default;
-//** Dropdown menu `border-color` **for IE8**.
-$dropdown-fallback-border:       #ccc !default;
-//** Divider color for between dropdown items.
-$dropdown-divider-bg:            #e5e5e5 !default;
-
-//** Dropdown link text color.
-$dropdown-link-color:            $gray-dark !default;
-//** Hover color for dropdown links.
-$dropdown-link-hover-color:      darken($gray-dark, 5%) !default;
-//** Hover background for dropdown links.
-$dropdown-link-hover-bg:         #f5f5f5 !default;
-
-//** Active dropdown menu item text color.
-$dropdown-link-active-color:     $component-active-color !default;
-//** Active dropdown menu item background color.
-$dropdown-link-active-bg:        $component-active-bg !default;
-
-//** Disabled dropdown menu item background color.
-$dropdown-link-disabled-color:   $gray-light !default;
-
-//** Text color for headers within dropdown menus.
-$dropdown-header-color:          $gray-light !default;
-
-//** Deprecated `$dropdown-caret-color` as of v3.1.0
-$dropdown-caret-color:           #000 !default;
-
-
-//-- Z-index master list
-//
-// Warning: Avoid customizing these values. They're used for a bird's eye view
-// of components dependent on the z-axis and are designed to all work together.
-//
-// Note: These variables are not generated into the Customizer.
-
-$zindex-navbar:            1000 !default;
-$zindex-dropdown:          1000 !default;
-$zindex-popover:           1060 !default;
-$zindex-tooltip:           1070 !default;
-$zindex-navbar-fixed:      1030 !default;
-$zindex-modal-background:  1040 !default;
-$zindex-modal:             1050 !default;
-
-
-//== Media queries breakpoints
-//
-//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
-
-// Extra small screen / phone
-//** Deprecated `$screen-xs` as of v3.0.1
-$screen-xs:                  30em !default; // 480px
-//** Deprecated `$screen-xs-min` as of v3.2.0
-$screen-xs-min:              $screen-xs !default;
-//** Deprecated `$screen-phone` as of v3.0.1
-$screen-phone:               $screen-xs-min !default;
-
-// Small screen / tablet
-//** Deprecated `$screen-sm` as of v3.0.1
-$screen-sm:                  48em !default; // 768px
-$screen-sm-min:              $screen-sm !default;
-//** Deprecated `$screen-tablet` as of v3.0.1
-$screen-tablet:              $screen-sm-min !default;
-
-// Medium screen / desktop
-//** Deprecated `$screen-md` as of v3.0.1
-$screen-md:                  62em !default; // 992px
-$screen-md-min:              $screen-md !default;
-//** Deprecated `$screen-desktop` as of v3.0.1
-$screen-desktop:             $screen-md-min !default;
-
-// Large screen / wide desktop
-//** Deprecated `$screen-lg` as of v3.0.1
-$screen-lg:                  75em !default; // 1200px
-$screen-lg-min:              $screen-lg !default;
-//** Deprecated `$screen-lg-desktop` as of v3.0.1
-$screen-lg-desktop:          $screen-lg-min !default;
-
-// So media queries don't overlap when required, provide a maximum
-$screen-xs-max:              ($screen-sm-min - .1em) !default;
-$screen-sm-max:              ($screen-md-min - .1em) !default;
-$screen-md-max:              ($screen-lg-min - .1em) !default;
-
-
-//== Grid system
-//
-//## Define your custom responsive grid.
-
-//** Number of columns in the grid.
-$grid-columns:              12 !default;
-//** Padding between columns. Gets divided in half for the left and right.
-$grid-gutter-width:         3rem !default;
-// Navbar collapse
-//** Point at which the navbar becomes uncollapsed.
-$grid-float-breakpoint:     $screen-sm-min !default;
-//** Point at which the navbar begins collapsing.
-$grid-float-breakpoint-max: ($grid-float-breakpoint - .1em) !default;
-
-
-//== Container sizes
-//
-//## Define the maximum width of `.container` for different screen sizes.
-
-// Small screen / tablet
-$container-tablet:             (72rem + $grid-gutter-width) !default;
-//** For `$screen-sm-min` and up.
-$container-sm:                 $container-tablet !default;
-
-// Medium screen / desktop
-$container-desktop:            (94rem + $grid-gutter-width) !default;
-//** For `$screen-md-min` and up.
-$container-md:                 $container-desktop !default;
-
-// Large screen / wide desktop
-$container-large-desktop:      (114rem + $grid-gutter-width) !default;
-//** For `$screen-lg-min` and up.
-$container-lg:                 $container-large-desktop !default;
-
-
-//== Navbar
-//
-//##
-
-// Basics of a navbar
-$navbar-height:                    5rem !default;
-$navbar-margin-bottom:             $line-height-computed !default;
-$navbar-border-radius:             $border-radius-base !default;
-$navbar-padding-horizontal:        ($grid-gutter-width / 2) !default;
-$navbar-padding-vertical:          (($navbar-height - $line-height-computed) / 2) !default;
-$navbar-collapse-max-height:       34rem !default;
-
-$navbar-default-color:             #777 !default;
-$navbar-default-bg:                #f8f8f8 !default;
-$navbar-default-border:            darken($navbar-default-bg, 6.5%) !default;
-
-// Navbar links
-$navbar-default-link-color:                #777 !default;
-$navbar-default-link-hover-color:          #333 !default;
-$navbar-default-link-hover-bg:             transparent !default;
-$navbar-default-link-active-color:         #555 !default;
-$navbar-default-link-active-bg:            darken($navbar-default-bg, 6.5%) !default;
-$navbar-default-link-disabled-color:       #ccc !default;
-$navbar-default-link-disabled-bg:          transparent !default;
-
-// Navbar brand label
-$navbar-default-brand-color:               $navbar-default-link-color !default;
-$navbar-default-brand-hover-color:         darken($navbar-default-brand-color, 10%) !default;
-$navbar-default-brand-hover-bg:            transparent !default;
-
-// Navbar toggle
-$navbar-default-toggle-hover-bg:           #ddd !default;
-$navbar-default-toggle-icon-bar-bg:        #888 !default;
-$navbar-default-toggle-border-color:       #ddd !default;
-
-
-//=== Inverted navbar
-// Reset inverted navbar basics
-$navbar-inverse-color:                      lighten($gray-light, 15%) !default;
-$navbar-inverse-bg:                         #222 !default;
-$navbar-inverse-border:                     darken($navbar-inverse-bg, 10%) !default;
-
-// Inverted navbar links
-$navbar-inverse-link-color:                 lighten($gray-light, 15%) !default;
-$navbar-inverse-link-hover-color:           #fff !default;
-$navbar-inverse-link-hover-bg:              transparent !default;
-$navbar-inverse-link-active-color:          $navbar-inverse-link-hover-color !default;
-$navbar-inverse-link-active-bg:             darken($navbar-inverse-bg, 10%) !default;
-$navbar-inverse-link-disabled-color:        #444 !default;
-$navbar-inverse-link-disabled-bg:           transparent !default;
-
-// Inverted navbar brand label
-$navbar-inverse-brand-color:                $navbar-inverse-link-color !default;
-$navbar-inverse-brand-hover-color:          #fff !default;
-$navbar-inverse-brand-hover-bg:             transparent !default;
-
-// Inverted navbar toggle
-$navbar-inverse-toggle-hover-bg:            #333 !default;
-$navbar-inverse-toggle-icon-bar-bg:         #fff !default;
-$navbar-inverse-toggle-border-color:        #333 !default;
-
-
-//== Navs
-//
-//##
-
-//=== Shared nav styles
-$nav-link-padding:                          1rem 1.5rem !default;
-$nav-link-hover-bg:                         $gray-lighter !default;
-
-$nav-disabled-link-color:                   $gray-light !default;
-$nav-disabled-link-hover-color:             $gray-light !default;
-
-//== Tabs
-$nav-tabs-border-color:                     #ddd !default;
-
-$nav-tabs-link-hover-border-color:          $gray-lighter !default;
-
-$nav-tabs-active-link-hover-bg:             $body-bg !default;
-$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;
-
-//== Pills
-$nav-pills-border-radius:                   $border-radius-base !default;
-$nav-pills-active-link-hover-bg:            $component-active-bg !default;
-$nav-pills-active-link-hover-color:         $component-active-color !default;
-
-
-//== Pagination
-//
-//##
-
-$pagination-color:                     $link-color !default;
-$pagination-bg:                        #fff !default;
-$pagination-border:                    #ddd !default;
-
-$pagination-hover-color:               $link-hover-color !default;
-$pagination-hover-bg:                  $gray-lighter !default;
-$pagination-hover-border:              #ddd !default;
-
-$pagination-active-color:              #fff !default;
-$pagination-active-bg:                 $brand-primary !default;
-$pagination-active-border:             $brand-primary !default;
-
-$pagination-disabled-color:            $gray-light !default;
-$pagination-disabled-bg:               #fff !default;
-$pagination-disabled-border:           #ddd !default;
-
-
-//== Pager
-//
-//##
-
-$pager-bg:                             $pagination-bg !default;
-$pager-border:                         $pagination-border !default;
-$pager-border-radius:                  1.5rem !default;
-
-$pager-hover-bg:                       $pagination-hover-bg !default;
-
-$pager-active-bg:                      $pagination-active-bg !default;
-$pager-active-color:                   $pagination-active-color !default;
-
-$pager-disabled-color:                 $pagination-disabled-color !default;
-
-
-//== Jumbotron
-//
-//##
-
-$jumbotron-padding:              3rem !default;
-$jumbotron-color:                inherit !default;
-$jumbotron-bg:                   $gray-lighter !default;
-$jumbotron-heading-color:        inherit !default;
-$jumbotron-font-size:            ($font-size-base * 1.5) !default;
-$jumbotron-heading-font-size:    ($font-size-base * 4.5) !default;
-
-
-//== Form states and alerts
-//
-//## Define colors for form feedback states and, by default, alerts.
-
-$state-success-text:             #3c763d !default;
-$state-success-bg:               #dff0d8 !default;
-$state-success-border:           darken(adjust-hue($state-success-bg, -10), 5%) !default;
-
-$state-info-text:                #31708f !default;
-$state-info-bg:                  #d9edf7 !default;
-$state-info-border:              darken(adjust-hue($state-info-bg, -10), 7%) !default;
-
-$state-warning-text:             #8a6d3b !default;
-$state-warning-bg:               #fcf8e3 !default;
-$state-warning-border:           darken(adjust-hue($state-warning-bg, -10), 5%) !default;
-
-$state-danger-text:              #a94442 !default;
-$state-danger-bg:                #f2dede !default;
-$state-danger-border:            darken(adjust-hue($state-danger-bg, -10), 5%) !default;
-
-
-//== Tooltips
-//
-//##
-
-//** Tooltip max width
-$tooltip-max-width:           20rem !default;
-//** Tooltip text color
-$tooltip-color:               #fff !default;
-//** Tooltip background color
-$tooltip-bg:                  #000 !default;
-$tooltip-opacity:             .9 !default;
-
-//** Tooltip arrow width
-$tooltip-arrow-width:         .5rem !default;
-//** Tooltip arrow color
-$tooltip-arrow-color:         $tooltip-bg !default;
-
-
-//== Popovers
-//
-//##
-
-//** Popover body background color
-$popover-bg:                          #fff !default;
-//** Popover maximum width
-$popover-max-width:                   27.6rem !default;
-//** Popover border color
-$popover-border-color:                rgba(0,0,0,.2) !default;
-//** Popover fallback border color
-$popover-fallback-border-color:       #ccc !default;
-
-//** Popover title background color
-$popover-title-bg:                    darken($popover-bg, 3%) !default;
-
-//** Popover arrow width
-$popover-arrow-width:                 1rem !default;
-//** Popover arrow color
-$popover-arrow-color:                 $popover-bg !default;
-
-//** Popover outer arrow width
-$popover-arrow-outer-width:           ($popover-arrow-width + .1rem) !default;
-//** Popover outer arrow color
-$popover-arrow-outer-color:           fade_in($popover-border-color, 0.05) !default;
-//** Popover outer arrow fallback color
-$popover-arrow-outer-fallback-color:  darken($popover-fallback-border-color, 20%) !default;
-
-
-//== Labels
-//
-//##
-
-//** Default label background color
-$label-default-bg:            $gray-light !default;
-//** Primary label background color
-$label-primary-bg:            $brand-primary !default;
-//** Success label background color
-$label-success-bg:            $brand-success !default;
-//** Info label background color
-$label-info-bg:               $brand-info !default;
-//** Warning label background color
-$label-warning-bg:            $brand-warning !default;
-//** Danger label background color
-$label-danger-bg:             $brand-danger !default;
-
-//** Default label text color
-$label-color:                 #fff !default;
-//** Default text color of a linked label
-$label-link-hover-color:      #fff !default;
-
-
-//== Modals
-//
-//##
-
-//** Padding applied to the modal body
-$modal-inner-padding:         1.5rem !default;
-
-//** Padding applied to the modal title
-$modal-title-padding:         1.5rem !default;
-//** Modal title line-height
-$modal-title-line-height:     $line-height-base !default;
-
-//** Background color of modal content area
-$modal-content-bg:                             #fff !default;
-//** Modal content border color
-$modal-content-border-color:                   rgba(0,0,0,.2) !default;
-//** Modal content border color **for IE8**
-$modal-content-fallback-border-color:          #999 !default;
-
-//** Modal backdrop background color
-$modal-backdrop-bg:           #000 !default;
-//** Modal backdrop opacity
-$modal-backdrop-opacity:      .5 !default;
-//** Modal header border color
-$modal-header-border-color:   #e5e5e5 !default;
-//** Modal footer border color
-$modal-footer-border-color:   $modal-header-border-color !default;
-
-$modal-lg:                    90rem !default;
-$modal-md:                    60rem !default;
-$modal-sm:                    30rem !default;
-
-
-//== Alerts
-//
-//## Define alert colors, border radius, and padding.
-
-$alert-padding:               1.5rem !default;
-$alert-border-radius:         $border-radius-base !default;
-$alert-link-font-weight:      bold !default;
-
-$alert-success-bg:            $state-success-bg !default;
-$alert-success-text:          $state-success-text !default;
-$alert-success-border:        $state-success-border !default;
-
-$alert-info-bg:               $state-info-bg !default;
-$alert-info-text:             $state-info-text !default;
-$alert-info-border:           $state-info-border !default;
-
-$alert-warning-bg:            $state-warning-bg !default;
-$alert-warning-text:          $state-warning-text !default;
-$alert-warning-border:        $state-warning-border !default;
-
-$alert-danger-bg:             $state-danger-bg !default;
-$alert-danger-text:           $state-danger-text !default;
-$alert-danger-border:         $state-danger-border !default;
-
-
-//== Progress bars
-//
-//##
-
-//** Background color of the whole progress component
-$progress-bg:                 #f5f5f5 !default;
-//** Progress bar text color
-$progress-bar-color:          #fff !default;
-//** Variable for setting rounded corners on progress bar.
-$progress-border-radius:      $border-radius-base !default;
-
-//** Default progress bar color
-$progress-bar-bg:             $brand-primary !default;
-//** Success progress bar color
-$progress-bar-success-bg:     $brand-success !default;
-//** Warning progress bar color
-$progress-bar-warning-bg:     $brand-warning !default;
-//** Danger progress bar color
-$progress-bar-danger-bg:      $brand-danger !default;
-//** Info progress bar color
-$progress-bar-info-bg:        $brand-info !default;
-
-
-//== List group
-//
-//##
-
-//** Background color on `.list-group-item`
-$list-group-bg:                 #fff !default;
-//** `.list-group-item` border color
-$list-group-border:             #ddd !default;
-//** List group border radius
-$list-group-border-radius:      $border-radius-base !default;
-
-//** Background color of single list items on hover
-$list-group-hover-bg:           #f5f5f5 !default;
-//** Text color of active list items
-$list-group-active-color:       $component-active-color !default;
-//** Background color of active list items
-$list-group-active-bg:          $component-active-bg !default;
-//** Border color of active list elements
-$list-group-active-border:      $list-group-active-bg !default;
-//** Text color for content within active list items
-$list-group-active-text-color:  lighten($list-group-active-bg, 40%) !default;
-
-//** Text color of disabled list items
-$list-group-disabled-color:      $gray-light !default;
-//** Background color of disabled list items
-$list-group-disabled-bg:         $gray-lighter !default;
-//** Text color for content within disabled list items
-$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;
-
-
-//== Panels
-//
-//##
-
-$panel-bg:                    #fff !default;
-$panel-body-padding:          1.5rem !default;
-$panel-heading-padding:       1rem 1.5rem !default;
-$panel-footer-padding:        $panel-heading-padding !default;
-$panel-border-radius:         $border-radius-base !default;
-
-//** Border color for elements within panels
-$panel-inner-border:          #ddd !default;
-$panel-footer-bg:             #f5f5f5 !default;
-
-$panel-default-text:          $gray-dark !default;
-$panel-default-border:        #ddd !default;
-$panel-default-heading-bg:    #f5f5f5 !default;
-
-$panel-primary-text:          #fff !default;
-$panel-primary-border:        $brand-primary !default;
-$panel-primary-heading-bg:    $brand-primary !default;
-
-$panel-success-text:          $state-success-text !default;
-$panel-success-border:        $state-success-border !default;
-$panel-success-heading-bg:    $state-success-bg !default;
-
-$panel-info-text:             $state-info-text !default;
-$panel-info-border:           $state-info-border !default;
-$panel-info-heading-bg:       $state-info-bg !default;
-
-$panel-warning-text:          $state-warning-text !default;
-$panel-warning-border:        $state-warning-border !default;
-$panel-warning-heading-bg:    $state-warning-bg !default;
-
-$panel-danger-text:           $state-danger-text !default;
-$panel-danger-border:         $state-danger-border !default;
-$panel-danger-heading-bg:     $state-danger-bg !default;
-
-
-//== Thumbnails
-//
-//##
-
-//** Padding around the thumbnail image
-$thumbnail-padding:           .4rem !default;
-//** Thumbnail background color
-$thumbnail-bg:                $body-bg !default;
-//** Thumbnail border color
-$thumbnail-border:            #ddd !default;
-//** Thumbnail border radius
-$thumbnail-border-radius:     $border-radius-base !default;
-
-//** Custom text color for thumbnail captions
-$thumbnail-caption-color:     $text-color !default;
-//** Padding around the thumbnail caption
-$thumbnail-caption-padding:   .9rem !default;
-
-
-//== Wells
-//
-//##
-
-$well-bg:                     #f5f5f5 !default;
-$well-border:                 darken($well-bg, 7%) !default;
-
-
-//== Badges
-//
-//##
-
-$badge-color:                 #fff !default;
-//** Linked badge text color on hover
-$badge-link-hover-color:      #fff !default;
-$badge-bg:                    $gray-light !default;
-
-//** Badge text color in active nav link
-$badge-active-color:          $link-color !default;
-//** Badge background color in active nav link
-$badge-active-bg:             #fff !default;
-
-$badge-font-weight:           bold !default;
-$badge-line-height:           1 !default;
-$badge-border-radius:         1rem !default;
-
-
-//== Breadcrumbs
-//
-//##
-
-$breadcrumb-padding-vertical:   .8rem !default;
-$breadcrumb-padding-horizontal: 1.5rem !default;
-//** Breadcrumb background color
-$breadcrumb-bg:                 #f5f5f5 !default;
-//** Breadcrumb text color
-$breadcrumb-color:              #ccc !default;
-//** Text color of current page in the breadcrumb
-$breadcrumb-active-color:       $gray-light !default;
-//** Textual separator for between breadcrumb elements
-$breadcrumb-separator:          "/" !default;
-
-
-//== Carousel
-//
-//##
-
-$carousel-text-shadow:                        0 .1rem .2rem rgba(0,0,0,.6) !default;
-
-$carousel-control-color:                      #fff !default;
-$carousel-control-width:                      15% !default;
-$carousel-control-opacity:                    .5 !default;
-$carousel-control-font-size:                  2rem !default;
-
-$carousel-indicator-active-bg:                #fff !default;
-$carousel-indicator-border-color:             #fff !default;
-
-$carousel-caption-color:                      #fff !default;
-
-
-//== Close
-//
-//##
-
-$close-font-weight:           bold !default;
-$close-color:                 #000 !default;
-$close-text-shadow:           0 .1rem 0 #fff !default;
-
-
-//== Code
-//
-//##
-
-$code-color:                  #c7254e !default;
-$code-bg:                     #f9f2f4 !default;
-
-$kbd-color:                   #fff !default;
-$kbd-bg:                      #333 !default;
-
-$pre-bg:                      #f5f5f5 !default;
-$pre-color:                   $gray-dark !default;
-$pre-border-color:            #ccc !default;
-$pre-scrollable-max-height:   34rem !default;
-
-
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-$component-offset-horizontal: 18rem !default;
-//** Text muted color
-$text-muted:                  $gray-light !default;
-//** Abbreviations and acronyms border color
-$abbr-border-color:           $gray-light !default;
-//** Headings small color
-$headings-small-color:        $gray-light !default;
-//** Blockquote small color
-$blockquote-small-color:      $gray-light !default;
-//** Blockquote font size
-$blockquote-font-size:        ($font-size-base * 1.25) !default;
-//** Blockquote border color
-$blockquote-border-color:     $gray-lighter !default;
-//** Page header border color
-$page-header-border-color:    $gray-lighter !default;
-//** Width of horizontal description list titles
-$dl-horizontal-offset:        $component-offset-horizontal !default;
-//** Point at which .dl-horizontal becomes horizontal
-$dl-horizontal-breakpoint:    $grid-float-breakpoint !default;
-//** Horizontal line color.
-$hr-border:                   $gray-lighter !default;
diff --git a/web/src/vendor/bootstrap/_wells.scss b/web/src/vendor/bootstrap/_wells.scss
deleted file mode 100644
index 1323ed7..0000000
--- a/web/src/vendor/bootstrap/_wells.scss
+++ /dev/null
@@ -1,29 +0,0 @@
-//
-// Wells
-// --------------------------------------------------
-
-
-// Base class
-.well {
-  min-height: 2rem;
-  padding: 1.9rem;
-  margin-bottom: 2rem;
-  background-color: $well-bg;
-  border: .1rem solid $well-border;
-  border-radius: $border-radius-base;
-  @include box-shadow(inset 0 .1rem .1rem rgba(0,0,0,.05));
-  blockquote {
-    border-color: #ddd;
-    border-color: rgba(0,0,0,.15);
-  }
-}
-
-// Sizes
-.well-lg {
-  padding: 2.4rem;
-  border-radius: $border-radius-large;
-}
-.well-sm {
-  padding: .9rem;
-  border-radius: $border-radius-small;
-}
diff --git a/web/src/vendor/bootstrap/mixins/_alerts.scss b/web/src/vendor/bootstrap/mixins/_alerts.scss
deleted file mode 100644
index 3faf0b5..0000000
--- a/web/src/vendor/bootstrap/mixins/_alerts.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-// Alerts
-
-@mixin alert-variant($background, $border, $text-color) {
-  background-color: $background;
-  border-color: $border;
-  color: $text-color;
-
-  hr {
-    border-top-color: darken($border, 5%);
-  }
-  .alert-link {
-    color: darken($text-color, 10%);
-  }
-}
diff --git a/web/src/vendor/bootstrap/mixins/_background-variant.scss b/web/src/vendor/bootstrap/mixins/_background-variant.scss
deleted file mode 100644
index 4c7769e..0000000
--- a/web/src/vendor/bootstrap/mixins/_background-variant.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-// Contextual backgrounds
-
-// [converter] $parent hack
-@mixin bg-variant($parent, $color) {
-  #{$parent} {
-    background-color: $color;
-  }
-  a#{$parent}:hover,
-  a#{$parent}:focus {
-    background-color: darken($color, 10%);
-  }
-}
diff --git a/web/src/vendor/bootstrap/mixins/_border-radius.scss b/web/src/vendor/bootstrap/mixins/_border-radius.scss
deleted file mode 100644
index ce19499..0000000
--- a/web/src/vendor/bootstrap/mixins/_border-radius.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-// Single side border-radius
-
-@mixin border-top-radius($radius) {
-  border-top-right-radius: $radius;
-   border-top-left-radius: $radius;
-}
-@mixin border-right-radius($radius) {
-  border-bottom-right-radius: $radius;
-     border-top-right-radius: $radius;
-}
-@mixin border-bottom-radius($radius) {
-  border-bottom-right-radius: $radius;
-   border-bottom-left-radius: $radius;
-}
-@mixin border-left-radius($radius) {
-  border-bottom-left-radius: $radius;
-     border-top-left-radius: $radius;
-}
diff --git a/web/src/vendor/bootstrap/mixins/_buttons.scss b/web/src/vendor/bootstrap/mixins/_buttons.scss
deleted file mode 100644
index b93f84b..0000000
--- a/web/src/vendor/bootstrap/mixins/_buttons.scss
+++ /dev/null
@@ -1,65 +0,0 @@
-// Button variants
-//
-// Easily pump out default styles, as well as :hover, :focus, :active,
-// and disabled options for all buttons
-
-@mixin button-variant($color, $background, $border) {
-  color: $color;
-  background-color: $background;
-  border-color: $border;
-
-  &:focus,
-  &.focus {
-    color: $color;
-    background-color: darken($background, 10%);
-        border-color: darken($border, 25%);
-  }
-  &:hover {
-    color: $color;
-    background-color: darken($background, 10%);
-        border-color: darken($border, 12%);
-  }
-  &:active,
-  &.active,
-  .open > &.dropdown-toggle {
-    color: $color;
-    background-color: darken($background, 10%);
-        border-color: darken($border, 12%);
-
-    &:hover,
-    &:focus,
-    &.focus {
-      color: $color;
-      background-color: darken($background, 17%);
-          border-color: darken($border, 25%);
-    }
-  }
-  &:active,
-  &.active,
-  .open > &.dropdown-toggle {
-    background-image: none;
-  }
-  &.disabled,
-  &[disabled],
-  fieldset[disabled] & {
-    &:hover,
-    &:focus,
-    &.focus {
-      background-color: $background;
-          border-color: $border;
-    }
-  }
-
-  .badge {
-    color: $background;
-    background-color: $color;
-  }
-}
-
-// Button sizes
-@mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
-  padding: $padding-vertical $padding-horizontal;
-  font-size: $font-size;
-  line-height: $line-height;
-  border-radius: $border-radius;
-}
diff --git a/web/src/vendor/bootstrap/mixins/_center-block.scss b/web/src/vendor/bootstrap/mixins/_center-block.scss
deleted file mode 100644
index e06fb5e..0000000
--- a/web/src/vendor/bootstrap/mixins/_center-block.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-// Center-align a block level element
-
-@mixin center-block() {
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}
diff --git a/web/src/vendor/bootstrap/mixins/_clearfix.scss b/web/src/vendor/bootstrap/mixins/_clearfix.scss
deleted file mode 100644
index dc3e2ab..0000000
--- a/web/src/vendor/bootstrap/mixins/_clearfix.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-// Clearfix
-//
-// For modern browsers
-// 1. The space content is one way to avoid an Opera bug when the
-//    contenteditable attribute is included anywhere else in the document.
-//    Otherwise it causes space to appear at the top and bottom of elements
-//    that are clearfixed.
-// 2. The use of `table` rather than `block` is only necessary if using
-//    `:before` to contain the top-margins of child elements.
-//
-// Source: http://nicolasgallagher.com/micro-clearfix-hack/
-
-@mixin clearfix() {
-  &:before,
-  &:after {
-    content: " "; // 1
-    display: table; // 2
-  }
-  &:after {
-    clear: both;
-  }
-}
diff --git a/web/src/vendor/bootstrap/mixins/_forms.scss b/web/src/vendor/bootstrap/mixins/_forms.scss
deleted file mode 100644
index e0db01e..0000000
--- a/web/src/vendor/bootstrap/mixins/_forms.scss
+++ /dev/null
@@ -1,88 +0,0 @@
-// Form validation states
-//
-// Used in forms.less to generate the form validation CSS for warnings, errors,
-// and successes.
-
-@mixin form-control-validation($text-color: #555, $border-color: #ccc, $background-color: #f5f5f5) {
-  // Color the label and help text
-  .help-block,
-  .control-label,
-  .radio,
-  .checkbox,
-  .radio-inline,
-  .checkbox-inline,
-  &.radio label,
-  &.checkbox label,
-  &.radio-inline label,
-  &.checkbox-inline label  {
-    color: $text-color;
-  }
-  // Set the border and box shadow on specific inputs to match
-  .form-control {
-    border-color: $border-color;
-    @include box-shadow(inset 0 .1rem .1rem rgba(0,0,0,.075)); // Redeclare so transitions work
-    &:focus {
-      border-color: darken($border-color, 10%);
-      $shadow: inset 0 .1rem .1rem rgba(0,0,0,.075), 0 0 .6rem lighten($border-color, 20%);
-      @include box-shadow($shadow);
-    }
-  }
-  // Set validation states also for addons
-  .input-group-addon {
-    color: $text-color;
-    border-color: $border-color;
-    background-color: $background-color;
-  }
-  // Optional feedback icon
-  .form-control-feedback {
-    color: $text-color;
-  }
-}
-
-
-// Form control focus state
-//
-// Generate a customized focus state and for any input with the specified color,
-// which defaults to the `$input-border-focus` variable.
-//
-// We highly encourage you to not customize the default value, but instead use
-// this to tweak colors on an as-needed basis. This aesthetic change is based on
-// WebKit's default styles, but applicable to a wider range of browsers. Its
-// usability and accessibility should be taken into account with any change.
-//
-// Example usage: change the default blue border and shadow to white for better
-// contrast against a dark gray background.
-@mixin form-control-focus($color: $input-border-focus) {
-  $color-rgba: rgba(red($color), green($color), blue($color), .6);
-  &:focus {
-    border-color: $color;
-    outline: 0;
-    @include box-shadow(inset 0 .1rem .1rem rgba(0,0,0,.075), 0 0 .8rem $color-rgba);
-  }
-}
-
-// Form control sizing
-//
-// Relative text size, padding, and border-radii changes for form controls. For
-// horizontal sizing, wrap controls in the predefined grid classes. `