`s.
-
-.nav {
- display: flex;
- flex-wrap: wrap;
- padding-left: 0;
- margin-bottom: 0;
- list-style: none;
-}
-
-.nav-link {
- display: block;
- padding: $nav-link-padding-y $nav-link-padding-x;
-
- @include hover-focus {
- text-decoration: none;
- }
-
- // Disabled state lightens text
- &.disabled {
- color: $nav-link-disabled-color;
- }
-}
-
-//
-// Tabs
-//
-
-.nav-tabs {
- border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;
-
- .nav-item {
- margin-bottom: -$nav-tabs-border-width;
- }
-
- .nav-link {
- border: $nav-tabs-border-width solid transparent;
- @include border-top-radius($nav-tabs-border-radius);
-
- @include hover-focus {
- border-color: $nav-tabs-link-hover-border-color;
- }
-
- &.disabled {
- color: $nav-link-disabled-color;
- background-color: transparent;
- border-color: transparent;
- }
- }
-
- .nav-link.active,
- .nav-item.show .nav-link {
- color: $nav-tabs-link-active-color;
- background-color: $nav-tabs-link-active-bg;
- border-color: $nav-tabs-link-active-border-color;
- }
-
- .dropdown-menu {
- // Make dropdown border overlap tab border
- margin-top: -$nav-tabs-border-width;
- // Remove the top rounded corners here since there is a hard edge above the menu
- @include border-top-radius(0);
- }
-}
-
-
-//
-// Pills
-//
-
-.nav-pills {
- .nav-link {
- @include border-radius($nav-pills-border-radius);
- }
-
- .nav-link.active,
- .show > .nav-link {
- color: $nav-pills-link-active-color;
- background-color: $nav-pills-link-active-bg;
- }
-}
-
-
-//
-// Justified variants
-//
-
-.nav-fill {
- .nav-item {
- flex: 1 1 auto;
- text-align: center;
- }
-}
-
-.nav-justified {
- .nav-item {
- flex-basis: 0;
- flex-grow: 1;
- text-align: center;
- }
-}
-
-
-// Tabbable tabs
-//
-// Hide tabbable panes to start, show them when `.active`
-
-.tab-content {
- > .tab-pane {
- display: none;
- }
- > .active {
- display: block;
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_navbar.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_navbar.scss
deleted file mode 100644
index 8d68c6c..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_navbar.scss
+++ /dev/null
@@ -1,311 +0,0 @@
-// Contents
-//
-// Navbar
-// Navbar brand
-// Navbar nav
-// Navbar text
-// Navbar divider
-// Responsive navbar
-// Navbar position
-// Navbar themes
-
-
-// Navbar
-//
-// Provide a static navbar from which we expand to create full-width, fixed, and
-// other navbar variations.
-
-.navbar {
- position: relative;
- display: flex;
- flex-wrap: wrap; // allow us to do the line break for collapsing content
- align-items: center;
- justify-content: space-between; // space out brand from logo
- padding: $navbar-padding-y $navbar-padding-x;
-
- // Because flex properties aren't inherited, we need to redeclare these first
- // few properities so that content nested within behave properly.
- > .container,
- > .container-fluid {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: space-between;
- }
-}
-
-
-// Navbar brand
-//
-// Used for brand, project, or site names.
-
-.navbar-brand {
- display: inline-block;
- padding-top: $navbar-brand-padding-y;
- padding-bottom: $navbar-brand-padding-y;
- margin-right: $navbar-padding-x;
- font-size: $navbar-brand-font-size;
- line-height: inherit;
- white-space: nowrap;
-
- @include hover-focus {
- text-decoration: none;
- }
-}
-
-
-// Navbar nav
-//
-// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).
-
-.navbar-nav {
- display: flex;
- flex-direction: column; // cannot use `inherit` to get the `.navbar`s value
- padding-left: 0;
- margin-bottom: 0;
- list-style: none;
-
- .nav-link {
- padding-right: 0;
- padding-left: 0;
- }
-
- .dropdown-menu {
- position: static;
- float: none;
- }
-}
-
-
-// Navbar text
-//
-//
-
-.navbar-text {
- display: inline-block;
- padding-top: $nav-link-padding-y;
- padding-bottom: $nav-link-padding-y;
-}
-
-
-// Responsive navbar
-//
-// Custom styles for responsive collapsing and toggling of navbar contents.
-// Powered by the collapse Bootstrap JavaScript plugin.
-
-// When collapsed, prevent the toggleable navbar contents from appearing in
-// the default flexbox row orienation. Requires the use of `flex-wrap: wrap`
-// on the `.navbar` parent.
-.navbar-collapse {
- flex-basis: 100%;
- flex-grow: 1;
- // For always expanded or extra full navbars, ensure content aligns itself
- // properly vertically. Can be easily overridden with flex utilities.
- align-items: center;
-}
-
-// Button for toggling the navbar when in its collapsed state
-.navbar-toggler {
- padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;
- font-size: $navbar-toggler-font-size;
- line-height: 1;
- background-color: transparent; // remove default button style
- border: $border-width solid transparent; // remove default button style
- @include border-radius($navbar-toggler-border-radius);
-
- @include hover-focus {
- text-decoration: none;
- }
-
- // Opinionated: add "hand" cursor to non-disabled .navbar-toggler elements
- &:not(:disabled):not(.disabled) {
- cursor: pointer;
- }
-}
-
-// Keep as a separate element so folks can easily override it with another icon
-// or image file as needed.
-.navbar-toggler-icon {
- display: inline-block;
- width: 1.5em;
- height: 1.5em;
- vertical-align: middle;
- content: "";
- background: no-repeat center center;
- background-size: 100% 100%;
-}
-
-// Generate series of `.navbar-expand-*` responsive classes for configuring
-// where your navbar collapses.
-.navbar-expand {
- @each $breakpoint in map-keys($grid-breakpoints) {
- $next: breakpoint-next($breakpoint, $grid-breakpoints);
- $infix: breakpoint-infix($next, $grid-breakpoints);
-
- {$infix} {
- @include media-breakpoint-down($breakpoint) {
- > .container,
- > .container-fluid {
- padding-right: 0;
- padding-left: 0;
- }
- }
-
- @include media-breakpoint-up($next) {
- flex-flow: row nowrap;
- justify-content: flex-start;
-
- .navbar-nav {
- flex-direction: row;
-
- .dropdown-menu {
- position: absolute;
- }
-
- .dropdown-menu-right {
- right: 0;
- left: auto; // Reset the default from `.dropdown-menu`
- }
-
- .nav-link {
- padding-right: $navbar-nav-link-padding-x;
- padding-left: $navbar-nav-link-padding-x;
- }
- }
-
- // For nesting containers, have to redeclare for alignment purposes
- > .container,
- > .container-fluid {
- flex-wrap: nowrap;
- }
-
- .navbar-collapse {
- display: flex !important; // stylelint-disable-line declaration-no-important
-
- // Changes flex-bases to auto because of an IE10 bug
- flex-basis: auto;
- }
-
- .navbar-toggler {
- display: none;
- }
-
- .dropup {
- .dropdown-menu {
- top: auto;
- bottom: 100%;
- }
- }
- }
- }
- }
-}
-
-
-// Navbar themes
-//
-// Styles for switching between navbars with light or dark background.
-
-// Dark links against a light background
-.navbar-light {
- .navbar-brand {
- color: $navbar-light-active-color;
-
- @include hover-focus {
- color: $navbar-light-active-color;
- }
- }
-
- .navbar-nav {
- .nav-link {
- color: $navbar-light-color;
-
- @include hover-focus {
- color: $navbar-light-hover-color;
- }
-
- &.disabled {
- color: $navbar-light-disabled-color;
- }
- }
-
- .show > .nav-link,
- .active > .nav-link,
- .nav-link.show,
- .nav-link.active {
- color: $navbar-light-active-color;
- }
- }
-
- .navbar-toggler {
- color: $navbar-light-color;
- border-color: $navbar-light-toggler-border-color;
- }
-
- .navbar-toggler-icon {
- background-image: $navbar-light-toggler-icon-bg;
- }
-
- .navbar-text {
- color: $navbar-light-color;
- a {
- color: $navbar-light-active-color;
-
- @include hover-focus {
- color: $navbar-light-active-color;
- }
- }
- }
-}
-
-// White links against a dark background
-.navbar-dark {
- .navbar-brand {
- color: $navbar-dark-active-color;
-
- @include hover-focus {
- color: $navbar-dark-active-color;
- }
- }
-
- .navbar-nav {
- .nav-link {
- color: $navbar-dark-color;
-
- @include hover-focus {
- color: $navbar-dark-hover-color;
- }
-
- &.disabled {
- color: $navbar-dark-disabled-color;
- }
- }
-
- .show > .nav-link,
- .active > .nav-link,
- .nav-link.show,
- .nav-link.active {
- color: $navbar-dark-active-color;
- }
- }
-
- .navbar-toggler {
- color: $navbar-dark-color;
- border-color: $navbar-dark-toggler-border-color;
- }
-
- .navbar-toggler-icon {
- background-image: $navbar-dark-toggler-icon-bg;
- }
-
- .navbar-text {
- color: $navbar-dark-color;
- a {
- color: $navbar-dark-active-color;
-
- @include hover-focus {
- color: $navbar-dark-active-color;
- }
- }
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_pagination.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_pagination.scss
deleted file mode 100644
index 959b2eb..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_pagination.scss
+++ /dev/null
@@ -1,77 +0,0 @@
-.pagination {
- display: flex;
- @include list-unstyled();
- @include border-radius();
-}
-
-.page-link {
- position: relative;
- display: block;
- padding: $pagination-padding-y $pagination-padding-x;
- margin-left: -$pagination-border-width;
- line-height: $pagination-line-height;
- color: $pagination-color;
- background-color: $pagination-bg;
- border: $pagination-border-width solid $pagination-border-color;
-
- &:hover {
- color: $pagination-hover-color;
- text-decoration: none;
- background-color: $pagination-hover-bg;
- border-color: $pagination-hover-border-color;
- }
-
- &:focus {
- z-index: 2;
- outline: 0;
- box-shadow: $pagination-focus-box-shadow;
- }
-
- // Opinionated: add "hand" cursor to non-disabled .page-link elements
- &:not(:disabled):not(.disabled) {
- cursor: pointer;
- }
-}
-
-.page-item {
- &:first-child {
- .page-link {
- margin-left: 0;
- @include border-left-radius($border-radius);
- }
- }
- &:last-child {
- .page-link {
- @include border-right-radius($border-radius);
- }
- }
-
- &.active .page-link {
- z-index: 1;
- color: $pagination-active-color;
- background-color: $pagination-active-bg;
- border-color: $pagination-active-border-color;
- }
-
- &.disabled .page-link {
- color: $pagination-disabled-color;
- pointer-events: none;
- // Opinionated: remove the "hand" cursor set previously for .page-link
- cursor: auto;
- background-color: $pagination-disabled-bg;
- border-color: $pagination-disabled-border-color;
- }
-}
-
-
-//
-// Sizing
-//
-
-.pagination-lg {
- @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg);
-}
-
-.pagination-sm {
- @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm);
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_popover.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_popover.scss
deleted file mode 100644
index 3ef5f62..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_popover.scss
+++ /dev/null
@@ -1,183 +0,0 @@
-.popover {
- position: absolute;
- top: 0;
- left: 0;
- z-index: $zindex-popover;
- display: block;
- max-width: $popover-max-width;
- // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
- // So reset our font and text properties to avoid inheriting weird values.
- @include reset-text();
- font-size: $popover-font-size;
- // Allow breaking very long words so they don't overflow the popover's bounds
- word-wrap: break-word;
- background-color: $popover-bg;
- background-clip: padding-box;
- border: $popover-border-width solid $popover-border-color;
- @include border-radius($popover-border-radius);
- @include box-shadow($popover-box-shadow);
-
- .arrow {
- position: absolute;
- display: block;
- width: $popover-arrow-width;
- height: $popover-arrow-height;
- margin: 0 $border-radius-lg;
-
- &::before,
- &::after {
- position: absolute;
- display: block;
- content: "";
- border-color: transparent;
- border-style: solid;
- }
- }
-}
-
-.bs-popover-top {
- margin-bottom: $popover-arrow-height;
-
- .arrow {
- bottom: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
- }
-
- .arrow::before,
- .arrow::after {
- border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
- }
-
- .arrow::before {
- bottom: 0;
- border-top-color: $popover-arrow-outer-color;
- }
-
- .arrow::after {
- bottom: $popover-border-width;
- border-top-color: $popover-arrow-color;
- }
-}
-
-.bs-popover-right {
- margin-left: $popover-arrow-height;
-
- .arrow {
- left: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
- width: $popover-arrow-height;
- height: $popover-arrow-width;
- margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners
- }
-
- .arrow::before,
- .arrow::after {
- border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
- }
-
- .arrow::before {
- left: 0;
- border-right-color: $popover-arrow-outer-color;
- }
-
- .arrow::after {
- left: $popover-border-width;
- border-right-color: $popover-arrow-color;
- }
-}
-
-.bs-popover-bottom {
- margin-top: $popover-arrow-height;
-
- .arrow {
- top: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
- }
-
- .arrow::before,
- .arrow::after {
- border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
- }
-
- .arrow::before {
- top: 0;
- border-bottom-color: $popover-arrow-outer-color;
- }
-
- .arrow::after {
- top: $popover-border-width;
- border-bottom-color: $popover-arrow-color;
- }
-
- // This will remove the popover-header's border just below the arrow
- .popover-header::before {
- position: absolute;
- top: 0;
- left: 50%;
- display: block;
- width: $popover-arrow-width;
- margin-left: ($popover-arrow-width / -2);
- content: "";
- border-bottom: $popover-border-width solid $popover-header-bg;
- }
-}
-
-.bs-popover-left {
- margin-right: $popover-arrow-height;
-
- .arrow {
- right: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
- width: $popover-arrow-height;
- height: $popover-arrow-width;
- margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners
- }
-
- .arrow::before,
- .arrow::after {
- border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
- }
-
- .arrow::before {
- right: 0;
- border-left-color: $popover-arrow-outer-color;
- }
-
- .arrow::after {
- right: $popover-border-width;
- border-left-color: $popover-arrow-color;
- }
-}
-
-.bs-popover-auto {
- &[x-placement^="top"] {
- @extend .bs-popover-top;
- }
- &[x-placement^="right"] {
- @extend .bs-popover-right;
- }
- &[x-placement^="bottom"] {
- @extend .bs-popover-bottom;
- }
- &[x-placement^="left"] {
- @extend .bs-popover-left;
- }
-}
-
-
-// Offset the popover to account for the popover arrow
-.popover-header {
- padding: $popover-header-padding-y $popover-header-padding-x;
- margin-bottom: 0; // Reset the default from Reboot
- font-size: $font-size-base;
- color: $popover-header-color;
- background-color: $popover-header-bg;
- border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);
- $offset-border-width: calc(#{$border-radius-lg} - #{$popover-border-width});
- @include border-top-radius($offset-border-width);
-
- &:empty {
- display: none;
- }
-}
-
-.popover-body {
- padding: $popover-body-padding-y $popover-body-padding-x;
- color: $popover-body-color;
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_print.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_print.scss
deleted file mode 100644
index 5e2ce3a..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_print.scss
+++ /dev/null
@@ -1,124 +0,0 @@
-// stylelint-disable declaration-no-important, selector-no-qualifying-type
-
-// Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css
-
-// ==========================================================================
-// Print styles.
-// Inlined to avoid the additional HTTP request:
-// http://www.phpied.com/delay-loading-your-print-css/
-// ==========================================================================
-
-@if $enable-print-styles {
- @media print {
- *,
- *::before,
- *::after {
- // Bootstrap specific; comment out `color` and `background`
- //color: #000 !important; // Black prints faster: http://www.sanbeiji.com/archives/953
- text-shadow: none !important;
- //background: transparent !important;
- box-shadow: none !important;
- }
-
- a {
- &:not(.btn) {
- text-decoration: underline;
- }
- }
-
- // Bootstrap specific; comment the following selector out
- //a[href]::after {
- // content: " (" attr(href) ")";
- //}
-
- abbr[title]::after {
- content: " (" attr(title) ")";
- }
-
- // Bootstrap specific; comment the following selector out
- //
- // Don't show links that are fragment identifiers,
- // or use the `javascript:` pseudo protocol
- //
-
- //a[href^="#"]::after,
- //a[href^="javascript:"]::after {
- // content: "";
- //}
-
- pre {
- white-space: pre-wrap !important;
- }
- pre,
- blockquote {
- border: $border-width solid #999; // Bootstrap custom code; using `$border-width` instead of 1px
- page-break-inside: avoid;
- }
-
- //
- // Printing Tables:
- // http://css-discuss.incutio.com/wiki/Printing_Tables
- //
-
- thead {
- display: table-header-group;
- }
-
- tr,
- img {
- page-break-inside: avoid;
- }
-
- p,
- h2,
- h3 {
- orphans: 3;
- widows: 3;
- }
-
- h2,
- h3 {
- page-break-after: avoid;
- }
-
- // Bootstrap specific changes start
-
- // Specify a size and min-width to make printing closer across browsers.
- // We don't set margin here because it breaks `size` in Chrome. We also
- // don't use `!important` on `size` as it breaks in Chrome.
- @page {
- size: $print-page-size;
- }
- body {
- min-width: $print-body-min-width !important;
- }
- .container {
- min-width: $print-body-min-width !important;
- }
-
- // Bootstrap components
- .navbar {
- display: none;
- }
- .badge {
- border: $border-width solid #000;
- }
-
- .table {
- border-collapse: collapse !important;
-
- td,
- th {
- background-color: #fff !important;
- }
- }
- .table-bordered {
- th,
- td {
- border: 1px solid #ddd !important;
- }
- }
-
- // Bootstrap specific changes end
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_progress.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_progress.scss
deleted file mode 100644
index a581116..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_progress.scss
+++ /dev/null
@@ -1,33 +0,0 @@
-@keyframes progress-bar-stripes {
- from { background-position: $progress-height 0; }
- to { background-position: 0 0; }
-}
-
-.progress {
- display: flex;
- height: $progress-height;
- overflow: hidden; // force rounded corners by cropping it
- font-size: $progress-font-size;
- background-color: $progress-bg;
- @include border-radius($progress-border-radius);
- @include box-shadow($progress-box-shadow);
-}
-
-.progress-bar {
- display: flex;
- flex-direction: column;
- justify-content: center;
- color: $progress-bar-color;
- text-align: center;
- background-color: $progress-bar-bg;
- @include transition($progress-bar-transition);
-}
-
-.progress-bar-striped {
- @include gradient-striped();
- background-size: $progress-height $progress-height;
-}
-
-.progress-bar-animated {
- animation: progress-bar-stripes $progress-bar-animation-timing;
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_reboot.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_reboot.scss
deleted file mode 100644
index c79fa47..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_reboot.scss
+++ /dev/null
@@ -1,482 +0,0 @@
-// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix
-
-// Reboot
-//
-// Normalization of HTML elements, manually forked from Normalize.css to remove
-// styles targeting irrelevant browsers while applying new styles.
-//
-// Normalize is licensed MIT. https://github.com/necolas/normalize.css
-
-
-// Document
-//
-// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
-// 2. Change the default font family in all browsers.
-// 3. Correct the line height in all browsers.
-// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.
-// 5. Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so
-// we force a non-overlapping, non-auto-hiding scrollbar to counteract.
-// 6. Change the default tap highlight to be completely transparent in iOS.
-
-*,
-*::before,
-*::after {
- box-sizing: border-box; // 1
-}
-
-html {
- font-family: sans-serif; // 2
- line-height: 1.15; // 3
- -webkit-text-size-adjust: 100%; // 4
- -ms-text-size-adjust: 100%; // 4
- -ms-overflow-style: scrollbar; // 5
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 6
-}
-
-// IE10+ doesn't honor `` in some cases.
-@at-root {
- @-ms-viewport {
- width: device-width;
- }
-}
-
-// stylelint-disable selector-list-comma-newline-after
-// Shim for "new" HTML5 structural elements to display correctly (IE10, older browsers)
-article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
- display: block;
-}
-// stylelint-enable selector-list-comma-newline-after
-
-// Body
-//
-// 1. Remove the margin in all browsers.
-// 2. As a best practice, apply a default `background-color`.
-// 3. Set an explicit initial text-align value so that we can later use the
-// the `inherit` value on things like `` elements.
-
-body {
- margin: 0; // 1
- font-family: $font-family-base;
- font-size: $font-size-base;
- font-weight: $font-weight-base;
- line-height: $line-height-base;
- color: $body-color;
- text-align: left; // 3
- background-color: $body-bg; // 2
-}
-
-// Suppress the focus outline on elements that cannot be accessed via keyboard.
-// This prevents an unwanted focus outline from appearing around elements that
-// might still respond to pointer events.
-//
-// Credit: https://github.com/suitcss/base
-[tabindex="-1"]:focus {
- outline: 0 !important;
-}
-
-
-// Content grouping
-//
-// 1. Add the correct box sizing in Firefox.
-// 2. Show the overflow in Edge and IE.
-
-hr {
- box-sizing: content-box; // 1
- height: 0; // 1
- overflow: visible; // 2
-}
-
-
-//
-// Typography
-//
-
-// Remove top margins from headings
-//
-// By default, ``-`` all receive top and bottom margins. We nuke the top
-// margin for easier control within type scales as it avoids margin collapsing.
-// stylelint-disable selector-list-comma-newline-after
-h1, h2, h3, h4, h5, h6 {
- margin-top: 0;
- margin-bottom: $headings-margin-bottom;
-}
-// stylelint-enable selector-list-comma-newline-after
-
-// Reset margins on paragraphs
-//
-// Similarly, the top margin on ``s get reset. However, we also reset the
-// bottom margin to use `rem` units instead of `em`.
-p {
- margin-top: 0;
- margin-bottom: $paragraph-margin-bottom;
-}
-
-// Abbreviations
-//
-// 1. Remove the bottom border in Firefox 39-.
-// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
-// 3. Add explicit cursor to indicate changed behavior.
-// 4. Duplicate behavior to the data-* attribute for our tooltip plugin
-
-abbr[title],
-abbr[data-original-title] { // 4
- text-decoration: underline; // 2
- text-decoration: underline dotted; // 2
- cursor: help; // 3
- border-bottom: 0; // 1
-}
-
-address {
- margin-bottom: 1rem;
- font-style: normal;
- line-height: inherit;
-}
-
-ol,
-ul,
-dl {
- margin-top: 0;
- margin-bottom: 1rem;
-}
-
-ol ol,
-ul ul,
-ol ul,
-ul ol {
- margin-bottom: 0;
-}
-
-dt {
- font-weight: $dt-font-weight;
-}
-
-dd {
- margin-bottom: .5rem;
- margin-left: 0; // Undo browser default
-}
-
-blockquote {
- margin: 0 0 1rem;
-}
-
-dfn {
- font-style: italic; // Add the correct font style in Android 4.3-
-}
-
-// stylelint-disable font-weight-notation
-b,
-strong {
- font-weight: bolder; // Add the correct font weight in Chrome, Edge, and Safari
-}
-// stylelint-enable font-weight-notation
-
-small {
- font-size: 80%; // Add the correct font size in all browsers
-}
-
-//
-// Prevent `sub` and `sup` elements from affecting the line height in
-// all browsers.
-//
-
-sub,
-sup {
- position: relative;
- font-size: 75%;
- line-height: 0;
- vertical-align: baseline;
-}
-
-sub { bottom: -.25em; }
-sup { top: -.5em; }
-
-
-//
-// Links
-//
-
-a {
- color: $link-color;
- text-decoration: $link-decoration;
- background-color: transparent; // Remove the gray background on active links in IE 10.
- -webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+.
-
- @include hover {
- color: $link-hover-color;
- text-decoration: $link-hover-decoration;
- }
-}
-
-// And undo these styles for placeholder links/named anchors (without href)
-// which have not been made explicitly keyboard-focusable (without tabindex).
-// It would be more straightforward to just use a[href] in previous block, but that
-// causes specificity issues in many other styles that are too complex to fix.
-// See https://github.com/twbs/bootstrap/issues/19402
-
-a:not([href]):not([tabindex]) {
- color: inherit;
- text-decoration: none;
-
- @include hover-focus {
- color: inherit;
- text-decoration: none;
- }
-
- &:focus {
- outline: 0;
- }
-}
-
-
-//
-// Code
-//
-
-// stylelint-disable font-family-no-duplicate-names
-pre,
-code,
-kbd,
-samp {
- font-family: monospace, monospace; // Correct the inheritance and scaling of font size in all browsers.
- font-size: 1em; // Correct the odd `em` font sizing in all browsers.
-}
-// stylelint-enable font-family-no-duplicate-names
-
-pre {
- // Remove browser default top margin
- margin-top: 0;
- // Reset browser default of `1em` to use `rem`s
- margin-bottom: 1rem;
- // Don't allow content to break outside
- overflow: auto;
- // We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so
- // we force a non-overlapping, non-auto-hiding scrollbar to counteract.
- -ms-overflow-style: scrollbar;
-}
-
-
-//
-// Figures
-//
-
-figure {
- // Apply a consistent margin strategy (matches our type styles).
- margin: 0 0 1rem;
-}
-
-
-//
-// Images and content
-//
-
-img {
- vertical-align: middle;
- border-style: none; // Remove the border on images inside links in IE 10-.
-}
-
-svg:not(:root) {
- overflow: hidden; // Hide the overflow in IE
-}
-
-
-//
-// Tables
-//
-
-table {
- border-collapse: collapse; // Prevent double borders
-}
-
-caption {
- padding-top: $table-cell-padding;
- padding-bottom: $table-cell-padding;
- color: $text-muted;
- text-align: left;
- caption-side: bottom;
-}
-
-th {
- // Matches default ` | ` alignment by inheriting from the ``, or the
- // closest parent with a set `text-align`.
- text-align: inherit;
-}
-
-
-//
-// Forms
-//
-
-label {
- // Allow labels to use `margin` for spacing.
- display: inline-block;
- margin-bottom: .5rem;
-}
-
-// Remove the default `border-radius` that macOS Chrome adds.
-//
-// Details at https://github.com/twbs/bootstrap/issues/24093
-button {
- border-radius: 0;
-}
-
-// Work around a Firefox/IE bug where the transparent `button` background
-// results in a loss of the default `button` focus styles.
-//
-// Credit: https://github.com/suitcss/base/
-button:focus {
- outline: 1px dotted;
- outline: 5px auto -webkit-focus-ring-color;
-}
-
-input,
-button,
-select,
-optgroup,
-textarea {
- margin: 0; // Remove the margin in Firefox and Safari
- font-family: inherit;
- font-size: inherit;
- line-height: inherit;
-}
-
-button,
-input {
- overflow: visible; // Show the overflow in Edge
-}
-
-button,
-select {
- text-transform: none; // Remove the inheritance of text transform in Firefox
-}
-
-// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
-// controls in Android 4.
-// 2. Correct the inability to style clickable types in iOS and Safari.
-button,
-html [type="button"], // 1
-[type="reset"],
-[type="submit"] {
- -webkit-appearance: button; // 2
-}
-
-// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
- padding: 0;
- border-style: none;
-}
-
-input[type="radio"],
-input[type="checkbox"] {
- box-sizing: border-box; // 1. Add the correct box sizing in IE 10-
- padding: 0; // 2. Remove the padding in IE 10-
-}
-
-
-input[type="date"],
-input[type="time"],
-input[type="datetime-local"],
-input[type="month"] {
- // Remove the default appearance of temporal inputs to avoid a Mobile Safari
- // bug where setting a custom line-height prevents text from being vertically
- // centered within the input.
- // See https://bugs.webkit.org/show_bug.cgi?id=139848
- // and https://github.com/twbs/bootstrap/issues/11266
- -webkit-appearance: listbox;
-}
-
-textarea {
- overflow: auto; // Remove the default vertical scrollbar in IE.
- // Textareas should really only resize vertically so they don't break their (horizontal) containers.
- resize: vertical;
-}
-
-fieldset {
- // Browsers set a default `min-width: min-content;` on fieldsets,
- // unlike e.g. ` `s, which have `min-width: 0;` by default.
- // So we reset that to ensure fieldsets behave more like a standard block element.
- // See https://github.com/twbs/bootstrap/issues/12359
- // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
- min-width: 0;
- // Reset the default outline behavior of fieldsets so they don't affect page layout.
- padding: 0;
- margin: 0;
- border: 0;
-}
-
-// 1. Correct the text wrapping in Edge and IE.
-// 2. Correct the color inheritance from `fieldset` elements in IE.
-legend {
- display: block;
- width: 100%;
- max-width: 100%; // 1
- padding: 0;
- margin-bottom: .5rem;
- font-size: 1.5rem;
- line-height: inherit;
- color: inherit; // 2
- white-space: normal; // 1
-}
-
-progress {
- vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.
-}
-
-// Correct the cursor style of increment and decrement buttons in Chrome.
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
- height: auto;
-}
-
-[type="search"] {
- // This overrides the extra rounded corners on search inputs in iOS so that our
- // `.form-control` class can properly style them. Note that this cannot simply
- // be added to `.form-control` as it's not specific enough. For details, see
- // https://github.com/twbs/bootstrap/issues/11586.
- outline-offset: -2px; // 2. Correct the outline style in Safari.
- -webkit-appearance: none;
-}
-
-//
-// Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
-//
-
-[type="search"]::-webkit-search-cancel-button,
-[type="search"]::-webkit-search-decoration {
- -webkit-appearance: none;
-}
-
-//
-// 1. Correct the inability to style clickable types in iOS and Safari.
-// 2. Change font properties to `inherit` in Safari.
-//
-
-::-webkit-file-upload-button {
- font: inherit; // 2
- -webkit-appearance: button; // 1
-}
-
-//
-// Correct element displays
-//
-
-output {
- display: inline-block;
-}
-
-summary {
- display: list-item; // Add the correct display in all browsers
- cursor: pointer;
-}
-
-template {
- display: none; // Add the correct display in IE
-}
-
-// Always hide an element with the `hidden` HTML attribute (from PureCSS).
-// Needed for proper display in IE 10-.
-[hidden] {
- display: none !important;
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_root.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_root.scss
deleted file mode 100644
index ad550df..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_root.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-:root {
- // Custom variable values only support SassScript inside `#{}`.
- @each $color, $value in $colors {
- --#{$color}: #{$value};
- }
-
- @each $color, $value in $theme-colors {
- --#{$color}: #{$value};
- }
-
- @each $bp, $value in $grid-breakpoints {
- --breakpoint-#{$bp}: #{$value};
- }
-
- // Use `inspect` for lists so that quoted items keep the quotes.
- // See https://github.com/sass/sass/issues/2383#issuecomment-336349172
- --font-family-sans-serif: #{inspect($font-family-sans-serif)};
- --font-family-monospace: #{inspect($font-family-monospace)};
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_tables.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_tables.scss
deleted file mode 100644
index 0e3b119..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_tables.scss
+++ /dev/null
@@ -1,180 +0,0 @@
-//
-// Basic Bootstrap table
-//
-
-.table {
- width: 100%;
- max-width: 100%;
- margin-bottom: $spacer;
- background-color: $table-bg; // Reset for nesting within parents with `background-color`.
-
- th,
- td {
- padding: $table-cell-padding;
- vertical-align: top;
- border-top: $table-border-width solid $table-border-color;
- }
-
- thead th {
- vertical-align: bottom;
- border-bottom: (2 * $table-border-width) solid $table-border-color;
- }
-
- tbody + tbody {
- border-top: (2 * $table-border-width) solid $table-border-color;
- }
-
- .table {
- background-color: $body-bg;
- }
-}
-
-
-//
-// Condensed table w/ half padding
-//
-
-.table-sm {
- th,
- td {
- padding: $table-cell-padding-sm;
- }
-}
-
-
-// Bordered version
-//
-// Add borders all around the table and between all the columns.
-
-.table-bordered {
- border: $table-border-width solid $table-border-color;
-
- th,
- td {
- border: $table-border-width solid $table-border-color;
- }
-
- thead {
- th,
- td {
- border-bottom-width: (2 * $table-border-width);
- }
- }
-}
-
-
-// Zebra-striping
-//
-// Default zebra-stripe styles (alternating gray and transparent backgrounds)
-
-.table-striped {
- tbody tr:nth-of-type(odd) {
- background-color: $table-accent-bg;
- }
-}
-
-
-// Hover effect
-//
-// Placed here since it has to come after the potential zebra striping
-
-.table-hover {
- tbody tr {
- @include hover {
- background-color: $table-hover-bg;
- }
- }
-}
-
-
-// Table backgrounds
-//
-// Exact selectors below required to override `.table-striped` and prevent
-// inheritance to nested tables.
-
-@each $color, $value in $theme-colors {
- @include table-row-variant($color, theme-color-level($color, -9));
-}
-
-@include table-row-variant(active, $table-active-bg);
-
-
-// Dark styles
-//
-// Same table markup, but inverted color scheme: dark background and light text.
-
-// stylelint-disable-next-line no-duplicate-selectors
-.table {
- .thead-dark {
- th {
- color: $table-dark-color;
- background-color: $table-dark-bg;
- border-color: $table-dark-border-color;
- }
- }
-
- .thead-light {
- th {
- color: $table-head-color;
- background-color: $table-head-bg;
- border-color: $table-border-color;
- }
- }
-}
-
-.table-dark {
- color: $table-dark-color;
- background-color: $table-dark-bg;
-
- th,
- td,
- thead th {
- border-color: $table-dark-border-color;
- }
-
- &.table-bordered {
- border: 0;
- }
-
- &.table-striped {
- tbody tr:nth-of-type(odd) {
- background-color: $table-dark-accent-bg;
- }
- }
-
- &.table-hover {
- tbody tr {
- @include hover {
- background-color: $table-dark-hover-bg;
- }
- }
- }
-}
-
-
-// Responsive tables
-//
-// Generate series of `.table-responsive-*` classes for configuring the screen
-// size of where your table will overflow.
-
-.table-responsive {
- @each $breakpoint in map-keys($grid-breakpoints) {
- $next: breakpoint-next($breakpoint, $grid-breakpoints);
- $infix: breakpoint-infix($next, $grid-breakpoints);
-
- {$infix} {
- @include media-breakpoint-down($breakpoint) {
- display: block;
- width: 100%;
- overflow-x: auto;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057
-
- // Prevent double border on horizontal scroll due to use of `display: block;`
- > .table-bordered {
- border: 0;
- }
- }
- }
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_tooltip.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_tooltip.scss
deleted file mode 100644
index 1286ebf..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_tooltip.scss
+++ /dev/null
@@ -1,115 +0,0 @@
-// Base class
-.tooltip {
- position: absolute;
- z-index: $zindex-tooltip;
- display: block;
- margin: $tooltip-margin;
- // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
- // So reset our font and text properties to avoid inheriting weird values.
- @include reset-text();
- font-size: $tooltip-font-size;
- // Allow breaking very long words so they don't overflow the tooltip's bounds
- word-wrap: break-word;
- opacity: 0;
-
- &.show { opacity: $tooltip-opacity; }
-
- .arrow {
- position: absolute;
- display: block;
- width: $tooltip-arrow-width;
- height: $tooltip-arrow-height;
-
- &::before {
- position: absolute;
- content: "";
- border-color: transparent;
- border-style: solid;
- }
- }
-}
-
-.bs-tooltip-top {
- padding: $tooltip-arrow-height 0;
-
- .arrow {
- bottom: 0;
-
- &::before {
- top: 0;
- border-width: $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
- border-top-color: $tooltip-arrow-color;
- }
- }
-}
-
-.bs-tooltip-right {
- padding: 0 $tooltip-arrow-height;
-
- .arrow {
- left: 0;
- width: $tooltip-arrow-height;
- height: $tooltip-arrow-width;
-
- &::before {
- right: 0;
- border-width: ($tooltip-arrow-width / 2) $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
- border-right-color: $tooltip-arrow-color;
- }
- }
-}
-
-.bs-tooltip-bottom {
- padding: $tooltip-arrow-height 0;
-
- .arrow {
- top: 0;
-
- &::before {
- bottom: 0;
- border-width: 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
- border-bottom-color: $tooltip-arrow-color;
- }
- }
-}
-
-.bs-tooltip-left {
- padding: 0 $tooltip-arrow-height;
-
- .arrow {
- right: 0;
- width: $tooltip-arrow-height;
- height: $tooltip-arrow-width;
-
- &::before {
- left: 0;
- border-width: ($tooltip-arrow-width / 2) 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
- border-left-color: $tooltip-arrow-color;
- }
- }
-}
-
-.bs-tooltip-auto {
- &[x-placement^="top"] {
- @extend .bs-tooltip-top;
- }
- &[x-placement^="right"] {
- @extend .bs-tooltip-right;
- }
- &[x-placement^="bottom"] {
- @extend .bs-tooltip-bottom;
- }
- &[x-placement^="left"] {
- @extend .bs-tooltip-left;
- }
-}
-
-// Wrapper for the tooltip content
-.tooltip-inner {
- max-width: $tooltip-max-width;
- padding: $tooltip-padding-y $tooltip-padding-x;
- color: $tooltip-color;
- text-align: center;
- background-color: $tooltip-bg;
- @include border-radius($tooltip-border-radius);
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_transitions.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_transitions.scss
deleted file mode 100644
index df5744b..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_transitions.scss
+++ /dev/null
@@ -1,36 +0,0 @@
-// stylelint-disable selector-no-qualifying-type
-
-.fade {
- opacity: 0;
- @include transition($transition-fade);
-
- &.show {
- opacity: 1;
- }
-}
-
-.collapse {
- display: none;
- &.show {
- display: block;
- }
-}
-
-tr {
- &.collapse.show {
- display: table-row;
- }
-}
-
-tbody {
- &.collapse.show {
- display: table-row-group;
- }
-}
-
-.collapsing {
- position: relative;
- height: 0;
- overflow: hidden;
- @include transition($transition-collapse);
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_type.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_type.scss
deleted file mode 100644
index 57d610f..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_type.scss
+++ /dev/null
@@ -1,125 +0,0 @@
-// stylelint-disable declaration-no-important, selector-list-comma-newline-after
-
-//
-// Headings
-//
-
-h1, h2, h3, h4, h5, h6,
-.h1, .h2, .h3, .h4, .h5, .h6 {
- margin-bottom: $headings-margin-bottom;
- font-family: $headings-font-family;
- font-weight: $headings-font-weight;
- line-height: $headings-line-height;
- color: $headings-color;
-}
-
-h1, .h1 { font-size: $h1-font-size; }
-h2, .h2 { font-size: $h2-font-size; }
-h3, .h3 { font-size: $h3-font-size; }
-h4, .h4 { font-size: $h4-font-size; }
-h5, .h5 { font-size: $h5-font-size; }
-h6, .h6 { font-size: $h6-font-size; }
-
-.lead {
- font-size: $lead-font-size;
- font-weight: $lead-font-weight;
-}
-
-// Type display classes
-.display-1 {
- font-size: $display1-size;
- font-weight: $display1-weight;
- line-height: $display-line-height;
-}
-.display-2 {
- font-size: $display2-size;
- font-weight: $display2-weight;
- line-height: $display-line-height;
-}
-.display-3 {
- font-size: $display3-size;
- font-weight: $display3-weight;
- line-height: $display-line-height;
-}
-.display-4 {
- font-size: $display4-size;
- font-weight: $display4-weight;
- line-height: $display-line-height;
-}
-
-
-//
-// Horizontal rules
-//
-
-hr {
- margin-top: $hr-margin-y;
- margin-bottom: $hr-margin-y;
- border: 0;
- border-top: $hr-border-width solid $hr-border-color;
-}
-
-
-//
-// Emphasis
-//
-
-small,
-.small {
- font-size: $small-font-size;
- font-weight: $font-weight-normal;
-}
-
-mark,
-.mark {
- padding: $mark-padding;
- background-color: $mark-bg;
-}
-
-
-//
-// Lists
-//
-
-.list-unstyled {
- @include list-unstyled;
-}
-
-// Inline turns list items into inline-block
-.list-inline {
- @include list-unstyled;
-}
-.list-inline-item {
- display: inline-block;
-
- &:not(:last-child) {
- margin-right: $list-inline-padding;
- }
-}
-
-
-//
-// Misc
-//
-
-// Builds on `abbr`
-.initialism {
- font-size: 90%;
- text-transform: uppercase;
-}
-
-// Blockquotes
-.blockquote {
- margin-bottom: $spacer;
- font-size: $blockquote-font-size;
-}
-
-.blockquote-footer {
- display: block;
- font-size: 80%; // back to default font-size
- color: $blockquote-small-color;
-
- &::before {
- content: "\2014 \00A0"; // em dash, nbsp
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_utilities.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_utilities.scss
deleted file mode 100644
index 7b2a1eb..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_utilities.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-@import "utilities/align";
-@import "utilities/background";
-@import "utilities/borders";
-@import "utilities/clearfix";
-@import "utilities/display";
-@import "utilities/embed";
-@import "utilities/flex";
-@import "utilities/float";
-@import "utilities/position";
-@import "utilities/screenreaders";
-@import "utilities/sizing";
-@import "utilities/spacing";
-@import "utilities/text";
-@import "utilities/visibility";
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_variables.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_variables.scss
deleted file mode 100644
index be580de..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/_variables.scss
+++ /dev/null
@@ -1,894 +0,0 @@
-// Variables
-//
-// Variables should follow the `$component-state-property-size` formula for
-// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
-
-
-//
-// Color system
-//
-
-// stylelint-disable
-$white: #fff !default;
-$gray-100: #f8f9fa !default;
-$gray-200: #e9ecef !default;
-$gray-300: #dee2e6 !default;
-$gray-400: #ced4da !default;
-$gray-500: #adb5bd !default;
-$gray-600: #6c757d !default;
-$gray-700: #495057 !default;
-$gray-800: #343a40 !default;
-$gray-900: #212529 !default;
-$black: #000 !default;
-
-$grays: () !default;
-$grays: map-merge((
- "100": $gray-100,
- "200": $gray-200,
- "300": $gray-300,
- "400": $gray-400,
- "500": $gray-500,
- "600": $gray-600,
- "700": $gray-700,
- "800": $gray-800,
- "900": $gray-900
-), $grays);
-
-$blue: #007bff !default;
-$indigo: #6610f2 !default;
-$purple: #6f42c1 !default;
-$pink: #e83e8c !default;
-$red: #dc3545 !default;
-$orange: #fd7e14 !default;
-$yellow: #ffc107 !default;
-$green: #28a745 !default;
-$teal: #20c997 !default;
-$cyan: #17a2b8 !default;
-
-$colors: () !default;
-$colors: map-merge((
- "blue": $blue,
- "indigo": $indigo,
- "purple": $purple,
- "pink": $pink,
- "red": $red,
- "orange": $orange,
- "yellow": $yellow,
- "green": $green,
- "teal": $teal,
- "cyan": $cyan,
- "white": $white,
- "gray": $gray-600,
- "gray-dark": $gray-800
-), $colors);
-
-$primary: $blue !default;
-$secondary: $gray-600 !default;
-$success: $green !default;
-$info: $cyan !default;
-$warning: $yellow !default;
-$danger: $red !default;
-$light: $gray-100 !default;
-$dark: $gray-800 !default;
-
-$theme-colors: () !default;
-$theme-colors: map-merge((
- "primary": $primary,
- "secondary": $secondary,
- "success": $success,
- "info": $info,
- "warning": $warning,
- "danger": $danger,
- "light": $light,
- "dark": $dark
-), $theme-colors);
-// stylelint-enable
-
-// Set a specific jump point for requesting color jumps
-$theme-color-interval: 8% !default;
-
-// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
-$yiq-contrasted-threshold: 150 !default;
-
-// Customize the light and dark text colors for use in our YIQ color contrast function.
-$yiq-text-dark: $gray-900 !default;
-$yiq-text-light: $white !default;
-
-// Options
-//
-// Quickly modify global styling by enabling or disabling optional features.
-
-$enable-caret: true !default;
-$enable-rounded: true !default;
-$enable-shadows: false !default;
-$enable-gradients: false !default;
-$enable-transitions: true !default;
-$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS
-$enable-grid-classes: true !default;
-$enable-print-styles: true !default;
-
-
-// Spacing
-//
-// Control the default styling of most Bootstrap elements by modifying these
-// variables. Mostly focused on spacing.
-// You can add more entries to the $spacers map, should you need more variation.
-
-// stylelint-disable
-$spacer: 1rem !default;
-$spacers: () !default;
-$spacers: map-merge((
- 0: 0,
- 1: ($spacer * .25),
- 2: ($spacer * .5),
- 3: $spacer,
- 4: ($spacer * 1.5),
- 5: ($spacer * 3)
-), $spacers);
-
-// This variable affects the `.h-*` and `.w-*` classes.
-$sizes: () !default;
-$sizes: map-merge((
- 25: 25%,
- 50: 50%,
- 75: 75%,
- 100: 100%
-), $sizes);
-// stylelint-enable
-
-// Body
-//
-// Settings for the `` element.
-
-$body-bg: $white !default;
-$body-color: $gray-900 !default;
-
-// Links
-//
-// Style anchor elements.
-
-$link-color: theme-color("primary") !default;
-$link-decoration: none !default;
-$link-hover-color: darken($link-color, 15%) !default;
-$link-hover-decoration: underline !default;
-
-// Paragraphs
-//
-// Style p element.
-
-$paragraph-margin-bottom: 1rem !default;
-
-
-// Grid breakpoints
-//
-// Define the minimum dimensions at which your layout will change,
-// adapting to different screen sizes, for use in media queries.
-
-$grid-breakpoints: (
- xs: 0,
- sm: 576px,
- md: 768px,
- lg: 992px,
- xl: 1200px
-) !default;
-
-@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
-@include _assert-starts-at-zero($grid-breakpoints);
-
-
-// Grid containers
-//
-// Define the maximum width of `.container` for different screen sizes.
-
-$container-max-widths: (
- sm: 540px,
- md: 720px,
- lg: 960px,
- xl: 1140px
-) !default;
-
-@include _assert-ascending($container-max-widths, "$container-max-widths");
-
-
-// Grid columns
-//
-// Set the number of columns and specify the width of the gutters.
-
-$grid-columns: 12 !default;
-$grid-gutter-width: 30px !default;
-
-// Components
-//
-// Define common padding and border radius sizes and more.
-
-$line-height-lg: 1.5 !default;
-$line-height-sm: 1.5 !default;
-
-$border-width: 1px !default;
-$border-color: $gray-300 !default;
-
-$border-radius: .25rem !default;
-$border-radius-lg: .3rem !default;
-$border-radius-sm: .2rem !default;
-
-$component-active-color: $white !default;
-$component-active-bg: theme-color("primary") !default;
-
-$caret-width: .3em !default;
-
-$transition-base: all .2s ease-in-out !default;
-$transition-fade: opacity .15s linear !default;
-$transition-collapse: height .35s ease !default;
-
-
-// Fonts
-//
-// Font, line-height, and color for body text, headings, and more.
-
-// stylelint-disable value-keyword-case
-$font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
-$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
-$font-family-base: $font-family-sans-serif !default;
-// stylelint-enable value-keyword-case
-
-$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
-$font-size-lg: ($font-size-base * 1.25) !default;
-$font-size-sm: ($font-size-base * .875) !default;
-
-$font-weight-light: 300 !default;
-$font-weight-normal: 400 !default;
-$font-weight-bold: 700 !default;
-
-$font-weight-base: $font-weight-normal !default;
-$line-height-base: 1.5 !default;
-
-$h1-font-size: $font-size-base * 2.5 !default;
-$h2-font-size: $font-size-base * 2 !default;
-$h3-font-size: $font-size-base * 1.75 !default;
-$h4-font-size: $font-size-base * 1.5 !default;
-$h5-font-size: $font-size-base * 1.25 !default;
-$h6-font-size: $font-size-base !default;
-
-$headings-margin-bottom: ($spacer / 2) !default;
-$headings-font-family: inherit !default;
-$headings-font-weight: 500 !default;
-$headings-line-height: 1.2 !default;
-$headings-color: inherit !default;
-
-$display1-size: 6rem !default;
-$display2-size: 5.5rem !default;
-$display3-size: 4.5rem !default;
-$display4-size: 3.5rem !default;
-
-$display1-weight: 300 !default;
-$display2-weight: 300 !default;
-$display3-weight: 300 !default;
-$display4-weight: 300 !default;
-$display-line-height: $headings-line-height !default;
-
-$lead-font-size: ($font-size-base * 1.25) !default;
-$lead-font-weight: 300 !default;
-
-$small-font-size: 80% !default;
-
-$text-muted: $gray-600 !default;
-
-$blockquote-small-color: $gray-600 !default;
-$blockquote-font-size: ($font-size-base * 1.25) !default;
-
-$hr-border-color: rgba($black, .1) !default;
-$hr-border-width: $border-width !default;
-
-$mark-padding: .2em !default;
-
-$dt-font-weight: $font-weight-bold !default;
-
-$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;
-$nested-kbd-font-weight: $font-weight-bold !default;
-
-$list-inline-padding: .5rem !default;
-
-$mark-bg: #fcf8e3 !default;
-
-$hr-margin-y: $spacer !default;
-
-
-// Tables
-//
-// Customizes the `.table` component with basic values, each used across all table variations.
-
-$table-cell-padding: .75rem !default;
-$table-cell-padding-sm: .3rem !default;
-
-$table-bg: transparent !default;
-$table-accent-bg: rgba($black, .05) !default;
-$table-hover-bg: rgba($black, .075) !default;
-$table-active-bg: $table-hover-bg !default;
-
-$table-border-width: $border-width !default;
-$table-border-color: $gray-300 !default;
-
-$table-head-bg: $gray-200 !default;
-$table-head-color: $gray-700 !default;
-
-$table-dark-bg: $gray-900 !default;
-$table-dark-accent-bg: rgba($white, .05) !default;
-$table-dark-hover-bg: rgba($white, .075) !default;
-$table-dark-border-color: lighten($gray-900, 7.5%) !default;
-$table-dark-color: $body-bg !default;
-
-
-// Buttons + Forms
-//
-// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
-
-$input-btn-padding-y: .375rem !default;
-$input-btn-padding-x: .75rem !default;
-$input-btn-line-height: $line-height-base !default;
-
-$input-btn-focus-width: .2rem !default;
-$input-btn-focus-color: rgba($component-active-bg, .25) !default;
-$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
-
-$input-btn-padding-y-sm: .25rem !default;
-$input-btn-padding-x-sm: .5rem !default;
-$input-btn-line-height-sm: $line-height-sm !default;
-
-$input-btn-padding-y-lg: .5rem !default;
-$input-btn-padding-x-lg: 1rem !default;
-$input-btn-line-height-lg: $line-height-lg !default;
-
-$input-btn-border-width: $border-width !default;
-
-
-// Buttons
-//
-// For each of Bootstrap's buttons, define text, background, and border color.
-
-$btn-padding-y: $input-btn-padding-y !default;
-$btn-padding-x: $input-btn-padding-x !default;
-$btn-line-height: $input-btn-line-height !default;
-
-$btn-padding-y-sm: $input-btn-padding-y-sm !default;
-$btn-padding-x-sm: $input-btn-padding-x-sm !default;
-$btn-line-height-sm: $input-btn-line-height-sm !default;
-
-$btn-padding-y-lg: $input-btn-padding-y-lg !default;
-$btn-padding-x-lg: $input-btn-padding-x-lg !default;
-$btn-line-height-lg: $input-btn-line-height-lg !default;
-
-$btn-border-width: $input-btn-border-width !default;
-
-$btn-font-weight: $font-weight-normal !default;
-$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;
-$btn-focus-width: $input-btn-focus-width !default;
-$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;
-$btn-disabled-opacity: .65 !default;
-$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;
-
-$btn-link-disabled-color: $gray-600 !default;
-
-$btn-block-spacing-y: .5rem !default;
-
-// Allows for customizing button radius independently from global border radius
-$btn-border-radius: $border-radius !default;
-$btn-border-radius-lg: $border-radius-lg !default;
-$btn-border-radius-sm: $border-radius-sm !default;
-
-$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
-
-
-// Forms
-
-$input-padding-y: $input-btn-padding-y !default;
-$input-padding-x: $input-btn-padding-x !default;
-$input-line-height: $input-btn-line-height !default;
-
-$input-padding-y-sm: $input-btn-padding-y-sm !default;
-$input-padding-x-sm: $input-btn-padding-x-sm !default;
-$input-line-height-sm: $input-btn-line-height-sm !default;
-
-$input-padding-y-lg: $input-btn-padding-y-lg !default;
-$input-padding-x-lg: $input-btn-padding-x-lg !default;
-$input-line-height-lg: $input-btn-line-height-lg !default;
-
-$input-bg: $white !default;
-$input-disabled-bg: $gray-200 !default;
-
-$input-color: $gray-700 !default;
-$input-border-color: $gray-400 !default;
-$input-border-width: $input-btn-border-width !default;
-$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;
-
-$input-border-radius: $border-radius !default;
-$input-border-radius-lg: $border-radius-lg !default;
-$input-border-radius-sm: $border-radius-sm !default;
-
-$input-focus-bg: $input-bg !default;
-$input-focus-border-color: lighten($component-active-bg, 25%) !default;
-$input-focus-color: $input-color !default;
-$input-focus-width: $input-btn-focus-width !default;
-$input-focus-box-shadow: $input-btn-focus-box-shadow !default;
-
-$input-placeholder-color: $gray-600 !default;
-
-$input-height-border: $input-border-width * 2 !default;
-
-$input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;
-$input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default;
-
-$input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;
-$input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;
-
-$input-height-inner-lg: ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;
-$input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;
-
-$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
-
-$form-text-margin-top: .25rem !default;
-
-$form-check-input-gutter: 1.25rem !default;
-$form-check-input-margin-y: .3rem !default;
-$form-check-input-margin-x: .25rem !default;
-
-$form-check-inline-margin-x: .75rem !default;
-$form-check-inline-input-margin-x: .3125rem !default;
-
-$form-group-margin-bottom: 1rem !default;
-
-$input-group-addon-color: $input-color !default;
-$input-group-addon-bg: $gray-200 !default;
-$input-group-addon-border-color: $input-border-color !default;
-
-$custom-control-gutter: 1.5rem !default;
-$custom-control-spacer-x: 1rem !default;
-
-$custom-control-indicator-size: 1rem !default;
-$custom-control-indicator-bg: $gray-300 !default;
-$custom-control-indicator-bg-size: 50% 50% !default;
-$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;
-
-$custom-control-indicator-disabled-bg: $gray-200 !default;
-$custom-control-label-disabled-color: $gray-600 !default;
-
-$custom-control-indicator-checked-color: $component-active-color !default;
-$custom-control-indicator-checked-bg: $component-active-bg !default;
-$custom-control-indicator-checked-disabled-bg: rgba(theme-color("primary"), .5) !default;
-$custom-control-indicator-checked-box-shadow: none !default;
-
-$custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;
-
-$custom-control-indicator-active-color: $component-active-color !default;
-$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;
-$custom-control-indicator-active-box-shadow: none !default;
-
-$custom-checkbox-indicator-border-radius: $border-radius !default;
-$custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;
-
-$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;
-$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
-$custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default;
-$custom-checkbox-indicator-indeterminate-box-shadow: none !default;
-
-$custom-radio-indicator-border-radius: 50% !default;
-$custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default;
-
-$custom-select-padding-y: .375rem !default;
-$custom-select-padding-x: .75rem !default;
-$custom-select-height: $input-height !default;
-$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator
-$custom-select-line-height: $input-btn-line-height !default;
-$custom-select-color: $input-color !default;
-$custom-select-disabled-color: $gray-600 !default;
-$custom-select-bg: $white !default;
-$custom-select-disabled-bg: $gray-200 !default;
-$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions
-$custom-select-indicator-color: $gray-800 !default;
-$custom-select-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default;
-$custom-select-border-width: $input-btn-border-width !default;
-$custom-select-border-color: $input-border-color !default;
-$custom-select-border-radius: $border-radius !default;
-
-$custom-select-focus-border-color: $input-focus-border-color !default;
-$custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;
-
-$custom-select-font-size-sm: 75% !default;
-$custom-select-height-sm: $input-height-sm !default;
-
-$custom-select-font-size-lg: 125% !default;
-$custom-select-height-lg: $input-height-lg !default;
-
-$custom-file-height: $input-height !default;
-$custom-file-focus-border-color: $input-focus-border-color !default;
-$custom-file-focus-box-shadow: $input-btn-focus-box-shadow !default;
-
-$custom-file-padding-y: $input-btn-padding-y !default;
-$custom-file-padding-x: $input-btn-padding-x !default;
-$custom-file-line-height: $input-btn-line-height !default;
-$custom-file-color: $input-color !default;
-$custom-file-bg: $input-bg !default;
-$custom-file-border-width: $input-btn-border-width !default;
-$custom-file-border-color: $input-border-color !default;
-$custom-file-border-radius: $input-border-radius !default;
-$custom-file-box-shadow: $input-box-shadow !default;
-$custom-file-button-color: $custom-file-color !default;
-$custom-file-button-bg: $input-group-addon-bg !default;
-$custom-file-text: (
- en: "Browse"
-) !default;
-
-
-// Form validation
-$form-feedback-margin-top: $form-text-margin-top !default;
-$form-feedback-font-size: $small-font-size !default;
-$form-feedback-valid-color: theme-color("success") !default;
-$form-feedback-invalid-color: theme-color("danger") !default;
-
-
-// Dropdowns
-//
-// Dropdown menu container and contents.
-
-$dropdown-min-width: 10rem !default;
-$dropdown-padding-y: .5rem !default;
-$dropdown-spacer: .125rem !default;
-$dropdown-bg: $white !default;
-$dropdown-border-color: rgba($black, .15) !default;
-$dropdown-border-radius: $border-radius !default;
-$dropdown-border-width: $border-width !default;
-$dropdown-divider-bg: $gray-200 !default;
-$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;
-
-$dropdown-link-color: $gray-900 !default;
-$dropdown-link-hover-color: darken($gray-900, 5%) !default;
-$dropdown-link-hover-bg: $gray-100 !default;
-
-$dropdown-link-active-color: $component-active-color !default;
-$dropdown-link-active-bg: $component-active-bg !default;
-
-$dropdown-link-disabled-color: $gray-600 !default;
-
-$dropdown-item-padding-y: .25rem !default;
-$dropdown-item-padding-x: 1.5rem !default;
-
-$dropdown-header-color: $gray-600 !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.
-
-$zindex-dropdown: 1000 !default;
-$zindex-sticky: 1020 !default;
-$zindex-fixed: 1030 !default;
-$zindex-modal-backdrop: 1040 !default;
-$zindex-modal: 1050 !default;
-$zindex-popover: 1060 !default;
-$zindex-tooltip: 1070 !default;
-
-// Navs
-
-$nav-link-padding-y: .5rem !default;
-$nav-link-padding-x: 1rem !default;
-$nav-link-disabled-color: $gray-600 !default;
-
-$nav-tabs-border-color: $gray-300 !default;
-$nav-tabs-border-width: $border-width !default;
-$nav-tabs-border-radius: $border-radius !default;
-$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;
-$nav-tabs-link-active-color: $gray-700 !default;
-$nav-tabs-link-active-bg: $body-bg !default;
-$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;
-
-$nav-pills-border-radius: $border-radius !default;
-$nav-pills-link-active-color: $component-active-color !default;
-$nav-pills-link-active-bg: $component-active-bg !default;
-
-// Navbar
-
-$navbar-padding-y: ($spacer / 2) !default;
-$navbar-padding-x: $spacer !default;
-
-$navbar-nav-link-padding-x: .5rem !default;
-
-$navbar-brand-font-size: $font-size-lg !default;
-// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
-$nav-link-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;
-$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;
-$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;
-
-$navbar-toggler-padding-y: .25rem !default;
-$navbar-toggler-padding-x: .75rem !default;
-$navbar-toggler-font-size: $font-size-lg !default;
-$navbar-toggler-border-radius: $btn-border-radius !default;
-
-$navbar-dark-color: rgba($white, .5) !default;
-$navbar-dark-hover-color: rgba($white, .75) !default;
-$navbar-dark-active-color: $white !default;
-$navbar-dark-disabled-color: rgba($white, .25) !default;
-$navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
-$navbar-dark-toggler-border-color: rgba($white, .1) !default;
-
-$navbar-light-color: rgba($black, .5) !default;
-$navbar-light-hover-color: rgba($black, .7) !default;
-$navbar-light-active-color: rgba($black, .9) !default;
-$navbar-light-disabled-color: rgba($black, .3) !default;
-$navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
-$navbar-light-toggler-border-color: rgba($black, .1) !default;
-
-// Pagination
-
-$pagination-padding-y: .5rem !default;
-$pagination-padding-x: .75rem !default;
-$pagination-padding-y-sm: .25rem !default;
-$pagination-padding-x-sm: .5rem !default;
-$pagination-padding-y-lg: .75rem !default;
-$pagination-padding-x-lg: 1.5rem !default;
-$pagination-line-height: 1.25 !default;
-
-$pagination-color: $link-color !default;
-$pagination-bg: $white !default;
-$pagination-border-width: $border-width !default;
-$pagination-border-color: $gray-300 !default;
-
-$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;
-
-$pagination-hover-color: $link-hover-color !default;
-$pagination-hover-bg: $gray-200 !default;
-$pagination-hover-border-color: $gray-300 !default;
-
-$pagination-active-color: $component-active-color !default;
-$pagination-active-bg: $component-active-bg !default;
-$pagination-active-border-color: $pagination-active-bg !default;
-
-$pagination-disabled-color: $gray-600 !default;
-$pagination-disabled-bg: $white !default;
-$pagination-disabled-border-color: $gray-300 !default;
-
-
-// Jumbotron
-
-$jumbotron-padding: 2rem !default;
-$jumbotron-bg: $gray-200 !default;
-
-
-// Cards
-
-$card-spacer-y: .75rem !default;
-$card-spacer-x: 1.25rem !default;
-$card-border-width: $border-width !default;
-$card-border-radius: $border-radius !default;
-$card-border-color: rgba($black, .125) !default;
-$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;
-$card-cap-bg: rgba($black, .03) !default;
-$card-bg: $white !default;
-
-$card-img-overlay-padding: 1.25rem !default;
-
-$card-group-margin: ($grid-gutter-width / 2) !default;
-$card-deck-margin: $card-group-margin !default;
-
-$card-columns-count: 3 !default;
-$card-columns-gap: 1.25rem !default;
-$card-columns-margin: $card-spacer-y !default;
-
-
-// Tooltips
-
-$tooltip-font-size: $font-size-sm !default;
-$tooltip-max-width: 200px !default;
-$tooltip-color: $white !default;
-$tooltip-bg: $black !default;
-$tooltip-border-radius: $border-radius !default;
-$tooltip-opacity: .9 !default;
-$tooltip-padding-y: .25rem !default;
-$tooltip-padding-x: .5rem !default;
-$tooltip-margin: 0 !default;
-
-$tooltip-arrow-width: .8rem !default;
-$tooltip-arrow-height: .4rem !default;
-$tooltip-arrow-color: $tooltip-bg !default;
-
-
-// Popovers
-
-$popover-font-size: $font-size-sm !default;
-$popover-bg: $white !default;
-$popover-max-width: 276px !default;
-$popover-border-width: $border-width !default;
-$popover-border-color: rgba($black, .2) !default;
-$popover-border-radius: $border-radius-lg !default;
-$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;
-
-$popover-header-bg: darken($popover-bg, 3%) !default;
-$popover-header-color: $headings-color !default;
-$popover-header-padding-y: .5rem !default;
-$popover-header-padding-x: .75rem !default;
-
-$popover-body-color: $body-color !default;
-$popover-body-padding-y: $popover-header-padding-y !default;
-$popover-body-padding-x: $popover-header-padding-x !default;
-
-$popover-arrow-width: 1rem !default;
-$popover-arrow-height: .5rem !default;
-$popover-arrow-color: $popover-bg !default;
-
-$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;
-
-
-// Badges
-
-$badge-font-size: 75% !default;
-$badge-font-weight: $font-weight-bold !default;
-$badge-padding-y: .25em !default;
-$badge-padding-x: .4em !default;
-$badge-border-radius: $border-radius !default;
-
-$badge-pill-padding-x: .6em !default;
-// Use a higher than normal value to ensure completely rounded edges when
-// customizing padding or font-size on labels.
-$badge-pill-border-radius: 10rem !default;
-
-
-// Modals
-
-// Padding applied to the modal body
-$modal-inner-padding: 1rem !default;
-
-$modal-dialog-margin: .5rem !default;
-$modal-dialog-margin-y-sm-up: 1.75rem !default;
-
-$modal-title-line-height: $line-height-base !default;
-
-$modal-content-bg: $white !default;
-$modal-content-border-color: rgba($black, .2) !default;
-$modal-content-border-width: $border-width !default;
-$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;
-$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;
-
-$modal-backdrop-bg: $black !default;
-$modal-backdrop-opacity: .5 !default;
-$modal-header-border-color: $gray-200 !default;
-$modal-footer-border-color: $modal-header-border-color !default;
-$modal-header-border-width: $modal-content-border-width !default;
-$modal-footer-border-width: $modal-header-border-width !default;
-$modal-header-padding: 1rem !default;
-
-$modal-lg: 800px !default;
-$modal-md: 500px !default;
-$modal-sm: 300px !default;
-
-$modal-transition: transform .3s ease-out !default;
-
-
-// Alerts
-//
-// Define alert colors, border radius, and padding.
-
-$alert-padding-y: .75rem !default;
-$alert-padding-x: 1.25rem !default;
-$alert-margin-bottom: 1rem !default;
-$alert-border-radius: $border-radius !default;
-$alert-link-font-weight: $font-weight-bold !default;
-$alert-border-width: $border-width !default;
-
-$alert-bg-level: -10 !default;
-$alert-border-level: -9 !default;
-$alert-color-level: 6 !default;
-
-
-// Progress bars
-
-$progress-height: 1rem !default;
-$progress-font-size: ($font-size-base * .75) !default;
-$progress-bg: $gray-200 !default;
-$progress-border-radius: $border-radius !default;
-$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;
-$progress-bar-color: $white !default;
-$progress-bar-bg: theme-color("primary") !default;
-$progress-bar-animation-timing: 1s linear infinite !default;
-$progress-bar-transition: width .6s ease !default;
-
-// List group
-
-$list-group-bg: $white !default;
-$list-group-border-color: rgba($black, .125) !default;
-$list-group-border-width: $border-width !default;
-$list-group-border-radius: $border-radius !default;
-
-$list-group-item-padding-y: .75rem !default;
-$list-group-item-padding-x: 1.25rem !default;
-
-$list-group-hover-bg: $gray-100 !default;
-$list-group-active-color: $component-active-color !default;
-$list-group-active-bg: $component-active-bg !default;
-$list-group-active-border-color: $list-group-active-bg !default;
-
-$list-group-disabled-color: $gray-600 !default;
-$list-group-disabled-bg: $list-group-bg !default;
-
-$list-group-action-color: $gray-700 !default;
-$list-group-action-hover-color: $list-group-action-color !default;
-
-$list-group-action-active-color: $body-color !default;
-$list-group-action-active-bg: $gray-200 !default;
-
-
-// Image thumbnails
-
-$thumbnail-padding: .25rem !default;
-$thumbnail-bg: $body-bg !default;
-$thumbnail-border-width: $border-width !default;
-$thumbnail-border-color: $gray-300 !default;
-$thumbnail-border-radius: $border-radius !default;
-$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;
-
-
-// Figures
-
-$figure-caption-font-size: 90% !default;
-$figure-caption-color: $gray-600 !default;
-
-
-// Breadcrumbs
-
-$breadcrumb-padding-y: .75rem !default;
-$breadcrumb-padding-x: 1rem !default;
-$breadcrumb-item-padding: .5rem !default;
-
-$breadcrumb-margin-bottom: 1rem !default;
-
-$breadcrumb-bg: $gray-200 !default;
-$breadcrumb-divider-color: $gray-600 !default;
-$breadcrumb-active-color: $gray-600 !default;
-$breadcrumb-divider: "/" !default;
-
-
-// Carousel
-
-$carousel-control-color: $white !default;
-$carousel-control-width: 15% !default;
-$carousel-control-opacity: .5 !default;
-
-$carousel-indicator-width: 30px !default;
-$carousel-indicator-height: 3px !default;
-$carousel-indicator-spacer: 3px !default;
-$carousel-indicator-active-bg: $white !default;
-
-$carousel-caption-width: 70% !default;
-$carousel-caption-color: $white !default;
-
-$carousel-control-icon-width: 20px !default;
-
-$carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default;
-$carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default;
-
-$carousel-transition: transform .6s ease !default;
-
-
-// Close
-
-$close-font-size: $font-size-base * 1.5 !default;
-$close-font-weight: $font-weight-bold !default;
-$close-color: $black !default;
-$close-text-shadow: 0 1px 0 $white !default;
-
-// Code
-
-$code-font-size: 87.5% !default;
-$code-color: $pink !default;
-
-$kbd-padding-y: .2rem !default;
-$kbd-padding-x: .4rem !default;
-$kbd-font-size: $code-font-size !default;
-$kbd-color: $white !default;
-$kbd-bg: $gray-900 !default;
-
-$pre-color: $gray-900 !default;
-$pre-scrollable-max-height: 340px !default;
-
-
-// Printing
-$print-page-size: a3 !default;
-$print-body-min-width: map-get($grid-breakpoints, "lg") !default;
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/bootstrap-grid.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/bootstrap-grid.scss
deleted file mode 100644
index 26c0dc8..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/bootstrap-grid.scss
+++ /dev/null
@@ -1,32 +0,0 @@
-/*!
- * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
- * Copyright 2011-2018 The Bootstrap Authors
- * Copyright 2011-2018 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */
-
-@at-root {
- @-ms-viewport { width: device-width; } // stylelint-disable-line at-rule-no-vendor-prefix
-}
-
-html {
- box-sizing: border-box;
- -ms-overflow-style: scrollbar;
-}
-
-*,
-*::before,
-*::after {
- box-sizing: inherit;
-}
-
-@import "functions";
-@import "variables";
-
-@import "mixins/breakpoints";
-@import "mixins/grid-framework";
-@import "mixins/grid";
-
-@import "grid";
-@import "utilities/display";
-@import "utilities/flex";
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/bootstrap-reboot.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/bootstrap-reboot.scss
deleted file mode 100644
index 46c4610..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/bootstrap-reboot.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Bootstrap Reboot v4.0.0 (https://getbootstrap.com)
- * Copyright 2011-2018 The Bootstrap Authors
- * Copyright 2011-2018 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
- */
-
-@import "functions";
-@import "variables";
-@import "mixins";
-@import "reboot";
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/bootstrap.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/bootstrap.scss
deleted file mode 100644
index bb5fac8..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/bootstrap.scss
+++ /dev/null
@@ -1,42 +0,0 @@
-/*!
- * Bootstrap v4.0.0 (https://getbootstrap.com)
- * Copyright 2011-2018 The Bootstrap Authors
- * Copyright 2011-2018 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */
-
-@import "functions";
-@import "variables";
-@import "mixins";
-@import "root";
-@import "reboot";
-@import "type";
-@import "images";
-@import "code";
-@import "grid";
-@import "tables";
-@import "forms";
-@import "buttons";
-@import "transitions";
-@import "dropdown";
-@import "button-group";
-@import "input-group";
-@import "custom-forms";
-@import "nav";
-@import "navbar";
-@import "card";
-@import "breadcrumb";
-@import "pagination";
-@import "badge";
-@import "jumbotron";
-@import "alert";
-@import "progress";
-@import "media";
-@import "list-group";
-@import "close";
-@import "modal";
-@import "tooltip";
-@import "popover";
-@import "carousel";
-@import "utilities";
-@import "print";
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_alert.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_alert.scss
deleted file mode 100644
index db5a7eb..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_alert.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-@mixin alert-variant($background, $border, $color) {
- color: $color;
- @include gradient-bg($background);
- border-color: $border;
-
- hr {
- border-top-color: darken($border, 5%);
- }
-
- .alert-link {
- color: darken($color, 10%);
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_background-variant.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_background-variant.scss
deleted file mode 100644
index 494439d..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_background-variant.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-// stylelint-disable declaration-no-important
-
-// Contextual backgrounds
-
-@mixin bg-variant($parent, $color) {
- #{$parent} {
- background-color: $color !important;
- }
- a#{$parent},
- button#{$parent} {
- @include hover-focus {
- background-color: darken($color, 10%) !important;
- }
- }
-}
-
-@mixin bg-gradient-variant($parent, $color) {
- #{$parent} {
- background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_badge.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_badge.scss
deleted file mode 100644
index eeca0b4..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_badge.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-@mixin badge-variant($bg) {
- color: color-yiq($bg);
- background-color: $bg;
-
- &[href] {
- @include hover-focus {
- color: color-yiq($bg);
- text-decoration: none;
- background-color: darken($bg, 10%);
- }
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_border-radius.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_border-radius.scss
deleted file mode 100644
index 2024feb..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_border-radius.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-// Single side border-radius
-
-@mixin border-radius($radius: $border-radius) {
- @if $enable-rounded {
- border-radius: $radius;
- }
-}
-
-@mixin border-top-radius($radius) {
- @if $enable-rounded {
- border-top-left-radius: $radius;
- border-top-right-radius: $radius;
- }
-}
-
-@mixin border-right-radius($radius) {
- @if $enable-rounded {
- border-top-right-radius: $radius;
- border-bottom-right-radius: $radius;
- }
-}
-
-@mixin border-bottom-radius($radius) {
- @if $enable-rounded {
- border-bottom-right-radius: $radius;
- border-bottom-left-radius: $radius;
- }
-}
-
-@mixin border-left-radius($radius) {
- @if $enable-rounded {
- border-top-left-radius: $radius;
- border-bottom-left-radius: $radius;
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_box-shadow.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_box-shadow.scss
deleted file mode 100644
index b2410e5..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_box-shadow.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-@mixin box-shadow($shadow...) {
- @if $enable-shadows {
- box-shadow: $shadow;
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_breakpoints.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_breakpoints.scss
deleted file mode 100644
index d1ad684..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_breakpoints.scss
+++ /dev/null
@@ -1,123 +0,0 @@
-// Breakpoint viewport sizes and media queries.
-//
-// Breakpoints are defined as a map of (name: minimum width), order from small to large:
-//
-// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)
-//
-// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.
-
-// Name of the next breakpoint, or null for the last breakpoint.
-//
-// >> breakpoint-next(sm)
-// md
-// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
-// md
-// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))
-// md
-@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
- $n: index($breakpoint-names, $name);
- @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);
-}
-
-// Minimum breakpoint width. Null for the smallest (first) breakpoint.
-//
-// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
-// 576px
-@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
- $min: map-get($breakpoints, $name);
- @return if($min != 0, $min, null);
-}
-
-// Maximum breakpoint width. Null for the largest (last) breakpoint.
-// The maximum value is calculated as the minimum of the next one less 0.02px
-// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
-// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
-// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
-// See https://bugs.webkit.org/show_bug.cgi?id=178261
-//
-// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
-// 767.98px
-@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
- $next: breakpoint-next($name, $breakpoints);
- @return if($next, breakpoint-min($next, $breakpoints) - .02px, null);
-}
-
-// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.
-// Useful for making responsive utilities.
-//
-// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
-// "" (Returns a blank string)
-// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
-// "-sm"
-@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {
- @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");
-}
-
-// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
-// Makes the @content apply to the given breakpoint and wider.
-@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
- $min: breakpoint-min($name, $breakpoints);
- @if $min {
- @media (min-width: $min) {
- @content;
- }
- } @else {
- @content;
- }
-}
-
-// Media of at most the maximum breakpoint width. No query for the largest breakpoint.
-// Makes the @content apply to the given breakpoint and narrower.
-@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {
- $max: breakpoint-max($name, $breakpoints);
- @if $max {
- @media (max-width: $max) {
- @content;
- }
- } @else {
- @content;
- }
-}
-
-// Media that spans multiple breakpoint widths.
-// Makes the @content apply between the min and max breakpoints
-@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {
- $min: breakpoint-min($lower, $breakpoints);
- $max: breakpoint-max($upper, $breakpoints);
-
- @if $min != null and $max != null {
- @media (min-width: $min) and (max-width: $max) {
- @content;
- }
- } @else if $max == null {
- @include media-breakpoint-up($lower, $breakpoints) {
- @content;
- }
- } @else if $min == null {
- @include media-breakpoint-down($upper, $breakpoints) {
- @content;
- }
- }
-}
-
-// Media between the breakpoint's minimum and maximum widths.
-// No minimum for the smallest breakpoint, and no maximum for the largest one.
-// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
-@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {
- $min: breakpoint-min($name, $breakpoints);
- $max: breakpoint-max($name, $breakpoints);
-
- @if $min != null and $max != null {
- @media (min-width: $min) and (max-width: $max) {
- @content;
- }
- } @else if $max == null {
- @include media-breakpoint-up($name, $breakpoints) {
- @content;
- }
- } @else if $min == null {
- @include media-breakpoint-down($name, $breakpoints) {
- @content;
- }
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_buttons.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_buttons.scss
deleted file mode 100644
index 06ad677..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_buttons.scss
+++ /dev/null
@@ -1,109 +0,0 @@
-// Button variants
-//
-// Easily pump out default styles, as well as :hover, :focus, :active,
-// and disabled options for all buttons
-
-@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {
- color: color-yiq($background);
- @include gradient-bg($background);
- border-color: $border;
- @include box-shadow($btn-box-shadow);
-
- @include hover {
- color: color-yiq($hover-background);
- @include gradient-bg($hover-background);
- border-color: $hover-border;
- }
-
- &:focus,
- &.focus {
- // Avoid using mixin so we can pass custom focus shadow properly
- @if $enable-shadows {
- box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
- } @else {
- box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
- }
- }
-
- // Disabled comes first so active can properly restyle
- &.disabled,
- &:disabled {
- color: color-yiq($background);
- background-color: $background;
- border-color: $border;
- }
-
- &:not(:disabled):not(.disabled):active,
- &:not(:disabled):not(.disabled).active,
- .show > &.dropdown-toggle {
- color: color-yiq($active-background);
- background-color: $active-background;
- @if $enable-gradients {
- background-image: none; // Remove the gradient for the pressed/active state
- }
- border-color: $active-border;
-
- &:focus {
- // Avoid using mixin so we can pass custom focus shadow properly
- @if $enable-shadows {
- box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
- } @else {
- box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
- }
- }
- }
-}
-
-@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {
- color: $color;
- background-color: transparent;
- background-image: none;
- border-color: $color;
-
- &:hover {
- color: $color-hover;
- background-color: $active-background;
- border-color: $active-border;
- }
-
- &:focus,
- &.focus {
- box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
- }
-
- &.disabled,
- &:disabled {
- color: $color;
- background-color: transparent;
- }
-
- &:not(:disabled):not(.disabled):active,
- &:not(:disabled):not(.disabled).active,
- .show > &.dropdown-toggle {
- color: color-yiq($active-background);
- background-color: $active-background;
- border-color: $active-border;
-
- &:focus {
- // Avoid using mixin so we can pass custom focus shadow properly
- @if $enable-shadows and $btn-active-box-shadow != none {
- box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);
- } @else {
- box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
- }
- }
- }
-}
-
-// Button sizes
-@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
- padding: $padding-y $padding-x;
- font-size: $font-size;
- line-height: $line-height;
- // Manually declare to provide an override to the browser default
- @if $enable-rounded {
- border-radius: $border-radius;
- } @else {
- border-radius: 0;
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_caret.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_caret.scss
deleted file mode 100644
index 40478e4..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_caret.scss
+++ /dev/null
@@ -1,65 +0,0 @@
-@mixin caret-down {
- border-top: $caret-width solid;
- border-right: $caret-width solid transparent;
- border-bottom: 0;
- border-left: $caret-width solid transparent;
-}
-
-@mixin caret-up {
- border-top: 0;
- border-right: $caret-width solid transparent;
- border-bottom: $caret-width solid;
- border-left: $caret-width solid transparent;
-}
-
-@mixin caret-right {
- border-top: $caret-width solid transparent;
- border-bottom: $caret-width solid transparent;
- border-left: $caret-width solid;
-}
-
-@mixin caret-left {
- border-top: $caret-width solid transparent;
- border-right: $caret-width solid;
- border-bottom: $caret-width solid transparent;
-}
-
-@mixin caret($direction: down) {
- @if $enable-caret {
- &::after {
- display: inline-block;
- width: 0;
- height: 0;
- margin-left: $caret-width * .85;
- vertical-align: $caret-width * .85;
- content: "";
- @if $direction == down {
- @include caret-down;
- } @else if $direction == up {
- @include caret-up;
- } @else if $direction == right {
- @include caret-right;
- }
- }
-
- @if $direction == left {
- &::after {
- display: none;
- }
-
- &::before {
- display: inline-block;
- width: 0;
- height: 0;
- margin-right: $caret-width * .85;
- vertical-align: $caret-width * .85;
- content: "";
- @include caret-left;
- }
- }
-
- &:empty::after {
- margin-left: 0;
- }
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_clearfix.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_clearfix.scss
deleted file mode 100644
index 11a977b..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_clearfix.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-@mixin clearfix() {
- &::after {
- display: block;
- clear: both;
- content: "";
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_float.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_float.scss
deleted file mode 100644
index 48fa8b6..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_float.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-// stylelint-disable declaration-no-important
-
-@mixin float-left {
- float: left !important;
-}
-@mixin float-right {
- float: right !important;
-}
-@mixin float-none {
- float: none !important;
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_forms.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_forms.scss
deleted file mode 100644
index 2290682..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_forms.scss
+++ /dev/null
@@ -1,137 +0,0 @@
-// Form control focus state
-//
-// Generate a customized focus state and for any input with the specified color,
-// which defaults to the `$input-focus-border-color` 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() {
- &:focus {
- color: $input-focus-color;
- background-color: $input-focus-bg;
- border-color: $input-focus-border-color;
- outline: 0;
- // Avoid using mixin so we can pass custom focus shadow properly
- @if $enable-shadows {
- box-shadow: $input-box-shadow, $input-focus-box-shadow;
- } @else {
- box-shadow: $input-focus-box-shadow;
- }
- }
-}
-
-
-@mixin form-validation-state($state, $color) {
- .#{$state}-feedback {
- display: none;
- width: 100%;
- margin-top: $form-feedback-margin-top;
- font-size: $form-feedback-font-size;
- color: $color;
- }
-
- .#{$state}-tooltip {
- position: absolute;
- top: 100%;
- z-index: 5;
- display: none;
- max-width: 100%; // Contain to parent when possible
- padding: .5rem;
- margin-top: .1rem;
- font-size: .875rem;
- line-height: 1;
- color: #fff;
- background-color: rgba($color, .8);
- border-radius: .2rem;
- }
-
- .form-control,
- .custom-select {
- .was-validated &:#{$state},
- &.is-#{$state} {
- border-color: $color;
-
- &:focus {
- border-color: $color;
- box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
- }
-
- ~ .#{$state}-feedback,
- ~ .#{$state}-tooltip {
- display: block;
- }
- }
- }
-
- .form-check-input {
- .was-validated &:#{$state},
- &.is-#{$state} {
- ~ .form-check-label {
- color: $color;
- }
-
- ~ .#{$state}-feedback,
- ~ .#{$state}-tooltip {
- display: block;
- }
- }
- }
-
- .custom-control-input {
- .was-validated &:#{$state},
- &.is-#{$state} {
- ~ .custom-control-label {
- color: $color;
-
- &::before {
- background-color: lighten($color, 25%);
- }
- }
-
- ~ .#{$state}-feedback,
- ~ .#{$state}-tooltip {
- display: block;
- }
-
- &:checked {
- ~ .custom-control-label::before {
- @include gradient-bg(lighten($color, 10%));
- }
- }
-
- &:focus {
- ~ .custom-control-label::before {
- box-shadow: 0 0 0 1px $body-bg, 0 0 0 $input-focus-width rgba($color, .25);
- }
- }
- }
- }
-
- // custom file
- .custom-file-input {
- .was-validated &:#{$state},
- &.is-#{$state} {
- ~ .custom-file-label {
- border-color: $color;
-
- &::before { border-color: inherit; }
- }
-
- ~ .#{$state}-feedback,
- ~ .#{$state}-tooltip {
- display: block;
- }
-
- &:focus {
- ~ .custom-file-label {
- box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
- }
- }
- }
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_gradients.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_gradients.scss
deleted file mode 100644
index ecd01f7..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_gradients.scss
+++ /dev/null
@@ -1,45 +0,0 @@
-// Gradients
-
-@mixin gradient-bg($color) {
- @if $enable-gradients {
- background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;
- } @else {
- background-color: $color;
- }
-}
-
-// Horizontal gradient, from left to right
-//
-// Creates two color stops, start and end, by specifying a color and position for each color stop.
-@mixin gradient-x($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
- background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);
- background-repeat: repeat-x;
-}
-
-// Vertical gradient, from top to bottom
-//
-// Creates two color stops, start and end, by specifying a color and position for each color stop.
-@mixin gradient-y($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
- background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);
- background-repeat: repeat-x;
-}
-
-@mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) {
- background-image: linear-gradient($deg, $start-color, $end-color);
- background-repeat: repeat-x;
-}
-@mixin gradient-x-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
- background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
- background-repeat: no-repeat;
-}
-@mixin gradient-y-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
- background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
- background-repeat: no-repeat;
-}
-@mixin gradient-radial($inner-color: #555, $outer-color: #333) {
- background-image: radial-gradient(circle, $inner-color, $outer-color);
- background-repeat: no-repeat;
-}
-@mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 45deg) {
- background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_grid-framework.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_grid-framework.scss
deleted file mode 100644
index 7b37f86..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_grid-framework.scss
+++ /dev/null
@@ -1,67 +0,0 @@
-// Framework grid generation
-//
-// Used only by Bootstrap to generate the correct number of grid classes given
-// any value of `$grid-columns`.
-
-@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {
- // Common properties for all breakpoints
- %grid-column {
- position: relative;
- width: 100%;
- min-height: 1px; // Prevent columns from collapsing when empty
- padding-right: ($gutter / 2);
- padding-left: ($gutter / 2);
- }
-
- @each $breakpoint in map-keys($breakpoints) {
- $infix: breakpoint-infix($breakpoint, $breakpoints);
-
- // Allow columns to stretch full width below their breakpoints
- @for $i from 1 through $columns {
- .col#{$infix}-#{$i} {
- @extend %grid-column;
- }
- }
- .col#{$infix},
- .col#{$infix}-auto {
- @extend %grid-column;
- }
-
- @include media-breakpoint-up($breakpoint, $breakpoints) {
- // Provide basic `.col-{bp}` classes for equal-width flexbox columns
- .col#{$infix} {
- flex-basis: 0;
- flex-grow: 1;
- max-width: 100%;
- }
- .col#{$infix}-auto {
- flex: 0 0 auto;
- width: auto;
- max-width: none; // Reset earlier grid tiers
- }
-
- @for $i from 1 through $columns {
- .col#{$infix}-#{$i} {
- @include make-col($i, $columns);
- }
- }
-
- .order#{$infix}-first { order: -1; }
-
- .order#{$infix}-last { order: $columns + 1; }
-
- @for $i from 0 through $columns {
- .order#{$infix}-#{$i} { order: $i; }
- }
-
- // `$columns - 1` because offsetting by the width of an entire row isn't possible
- @for $i from 0 through ($columns - 1) {
- @if not ($infix == "" and $i == 0) { // Avoid emitting useless .offset-0
- .offset#{$infix}-#{$i} {
- @include make-col-offset($i, $columns);
- }
- }
- }
- }
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_grid.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_grid.scss
deleted file mode 100644
index b75ebcb..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_grid.scss
+++ /dev/null
@@ -1,52 +0,0 @@
-/// Grid system
-//
-// Generate semantic grid columns with these mixins.
-
-@mixin make-container() {
- width: 100%;
- padding-right: ($grid-gutter-width / 2);
- padding-left: ($grid-gutter-width / 2);
- margin-right: auto;
- margin-left: auto;
-}
-
-
-// For each breakpoint, define the maximum width of the container in a media query
-@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
- @each $breakpoint, $container-max-width in $max-widths {
- @include media-breakpoint-up($breakpoint, $breakpoints) {
- max-width: $container-max-width;
- }
- }
-}
-
-@mixin make-row() {
- display: flex;
- flex-wrap: wrap;
- margin-right: ($grid-gutter-width / -2);
- margin-left: ($grid-gutter-width / -2);
-}
-
-@mixin make-col-ready() {
- position: relative;
- // Prevent columns from becoming too narrow when at smaller grid tiers by
- // always setting `width: 100%;`. This works because we use `flex` values
- // later on to override this initial width.
- width: 100%;
- min-height: 1px; // Prevent collapsing
- padding-right: ($grid-gutter-width / 2);
- padding-left: ($grid-gutter-width / 2);
-}
-
-@mixin make-col($size, $columns: $grid-columns) {
- flex: 0 0 percentage($size / $columns);
- // Add a `max-width` to ensure content within each column does not blow out
- // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
- // do not appear to require this.
- max-width: percentage($size / $columns);
-}
-
-@mixin make-col-offset($size, $columns: $grid-columns) {
- $num: $size / $columns;
- margin-left: if($num == 0, 0, percentage($num));
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_hover.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_hover.scss
deleted file mode 100644
index ec2e328..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_hover.scss
+++ /dev/null
@@ -1,39 +0,0 @@
-// stylelint-disable indentation
-
-// Hover mixin and `$enable-hover-media-query` are deprecated.
-//
-// Origally added during our alphas and maintained during betas, this mixin was
-// designed to prevent `:hover` stickiness on iOS—an issue where hover styles
-// would persist after initial touch.
-//
-// For backward compatibility, we've kept these mixins and updated them to
-// always return their regular psuedo-classes instead of a shimmed media query.
-//
-// Issue: https://github.com/twbs/bootstrap/issues/25195
-
-@mixin hover {
- &:hover { @content; }
-}
-
-@mixin hover-focus {
- &:hover,
- &:focus {
- @content;
- }
-}
-
-@mixin plain-hover-focus {
- &,
- &:hover,
- &:focus {
- @content;
- }
-}
-
-@mixin hover-focus-active {
- &:hover,
- &:focus,
- &:active {
- @content;
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_image.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_image.scss
deleted file mode 100644
index 0544f0d..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_image.scss
+++ /dev/null
@@ -1,36 +0,0 @@
-// Image Mixins
-// - Responsive image
-// - Retina image
-
-
-// Responsive image
-//
-// Keep images from scaling beyond the width of their parents.
-
-@mixin img-fluid {
- // Part 1: Set a maximum relative to the parent
- max-width: 100%;
- // Part 2: Override the height to auto, otherwise images will be stretched
- // when setting a width and height attribute on the img element.
- height: auto;
-}
-
-
-// Retina image
-//
-// Short retina mixin for setting background-image and -size.
-
-// stylelint-disable indentation, media-query-list-comma-newline-after
-@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
- background-image: url($file-1x);
-
- // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,
- // but doesn't convert dppx=>dpi.
- // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.
- // Compatibility info: https://caniuse.com/#feat=css-media-resolution
- @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx
- only screen and (min-resolution: 2dppx) { // Standardized
- background-image: url($file-2x);
- background-size: $width-1x $height-1x;
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_list-group.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_list-group.scss
deleted file mode 100644
index 607ffcb..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_list-group.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-// List Groups
-
-@mixin list-group-item-variant($state, $background, $color) {
- .list-group-item-#{$state} {
- color: $color;
- background-color: $background;
-
- &.list-group-item-action {
- @include hover-focus {
- color: $color;
- background-color: darken($background, 5%);
- }
-
- &.active {
- color: #fff;
- background-color: $color;
- border-color: $color;
- }
- }
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_lists.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_lists.scss
deleted file mode 100644
index 2518562..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_lists.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-// Lists
-
-// Unstyled keeps list items block level, just removes default browser padding and list-style
-@mixin list-unstyled {
- padding-left: 0;
- list-style: none;
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_nav-divider.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_nav-divider.scss
deleted file mode 100644
index 493de03..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_nav-divider.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-// Horizontal dividers
-//
-// Dividers (basically an hr) within dropdowns and nav lists
-
-@mixin nav-divider($color: #e5e5e5) {
- height: 0;
- margin: ($spacer / 2) 0;
- overflow: hidden;
- border-top: 1px solid $color;
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_navbar-align.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_navbar-align.scss
deleted file mode 100644
index b351660..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_navbar-align.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-// Navbar vertical align
-//
-// Vertically center elements in the navbar.
-// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);`
-// to calculate the appropriate top margin.
-
-// @mixin navbar-vertical-align($element-height) {
-// margin-top: (($navbar-height - $element-height) / 2);
-// margin-bottom: (($navbar-height - $element-height) / 2);
-// }
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_pagination.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_pagination.scss
deleted file mode 100644
index ff36eb6..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_pagination.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-// Pagination
-
-@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
- .page-link {
- padding: $padding-y $padding-x;
- font-size: $font-size;
- line-height: $line-height;
- }
-
- .page-item {
- &:first-child {
- .page-link {
- @include border-left-radius($border-radius);
- }
- }
- &:last-child {
- .page-link {
- @include border-right-radius($border-radius);
- }
- }
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_reset-text.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_reset-text.scss
deleted file mode 100644
index 71edb00..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_reset-text.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-@mixin reset-text {
- font-family: $font-family-base;
- // We deliberately do NOT reset font-size or word-wrap.
- font-style: normal;
- font-weight: $font-weight-normal;
- line-height: $line-height-base;
- text-align: left; // Fallback for where `start` is not supported
- text-align: start; // stylelint-disable-line declaration-block-no-duplicate-properties
- text-decoration: none;
- text-shadow: none;
- text-transform: none;
- letter-spacing: normal;
- word-break: normal;
- word-spacing: normal;
- white-space: normal;
- line-break: auto;
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_resize.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_resize.scss
deleted file mode 100644
index 66f233a..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_resize.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-// Resize anything
-
-@mixin resizable($direction) {
- overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
- resize: $direction; // Options: horizontal, vertical, both
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_screen-reader.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_screen-reader.scss
deleted file mode 100644
index 8f3eb1b..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_screen-reader.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-// Only display content to screen readers
-//
-// See: http://a11yproject.com/posts/how-to-hide-content/
-// See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/
-
-@mixin sr-only {
- position: absolute;
- width: 1px;
- height: 1px;
- padding: 0;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- white-space: nowrap;
- clip-path: inset(50%);
- border: 0;
-}
-
-// Use in conjunction with .sr-only to only display content when it's focused.
-//
-// Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
-//
-// Credit: HTML5 Boilerplate
-
-@mixin sr-only-focusable {
- &:active,
- &:focus {
- position: static;
- width: auto;
- height: auto;
- overflow: visible;
- clip: auto;
- white-space: normal;
- clip-path: none;
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_size.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_size.scss
deleted file mode 100644
index b9dd48e..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_size.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-// Sizing shortcuts
-
-@mixin size($width, $height: $width) {
- width: $width;
- height: $height;
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_table-row.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_table-row.scss
deleted file mode 100644
index 84f1d30..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_table-row.scss
+++ /dev/null
@@ -1,30 +0,0 @@
-// Tables
-
-@mixin table-row-variant($state, $background) {
- // Exact selectors below required to override `.table-striped` and prevent
- // inheritance to nested tables.
- .table-#{$state} {
- &,
- > th,
- > td {
- background-color: $background;
- }
- }
-
- // Hover states for `.table-hover`
- // Note: this is not available for cells or rows within `thead` or `tfoot`.
- .table-hover {
- $hover-background: darken($background, 5%);
-
- .table-#{$state} {
- @include hover {
- background-color: $hover-background;
-
- > td,
- > th {
- background-color: $hover-background;
- }
- }
- }
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_text-emphasis.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_text-emphasis.scss
deleted file mode 100644
index 58db3e0..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_text-emphasis.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-// stylelint-disable declaration-no-important
-
-// Typography
-
-@mixin text-emphasis-variant($parent, $color) {
- #{$parent} {
- color: $color !important;
- }
- a#{$parent} {
- @include hover-focus {
- color: darken($color, 10%) !important;
- }
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_text-hide.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_text-hide.scss
deleted file mode 100644
index aa551fd..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_text-hide.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-// CSS image replacement
-@mixin text-hide() {
- // stylelint-disable-next-line font-family-no-missing-generic-family-keyword
- font: 0/0 a;
- color: transparent;
- text-shadow: none;
- background-color: transparent;
- border: 0;
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_text-truncate.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_text-truncate.scss
deleted file mode 100644
index 3504bb1..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_text-truncate.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-// Text truncate
-// Requires inline-block or block for proper styling
-
-@mixin text-truncate() {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_transition.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_transition.scss
deleted file mode 100644
index 7e33dee..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_transition.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-@mixin transition($transition...) {
- @if $enable-transitions {
- @if length($transition) == 0 {
- transition: $transition-base;
- } @else {
- transition: $transition;
- }
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_visibility.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_visibility.scss
deleted file mode 100644
index fe523d0..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/mixins/_visibility.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-// stylelint-disable declaration-no-important
-
-// Visibility
-
-@mixin invisible($visibility) {
- visibility: $visibility !important;
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_align.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_align.scss
deleted file mode 100644
index 8b7df9f..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_align.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-// stylelint-disable declaration-no-important
-
-.align-baseline { vertical-align: baseline !important; } // Browser default
-.align-top { vertical-align: top !important; }
-.align-middle { vertical-align: middle !important; }
-.align-bottom { vertical-align: bottom !important; }
-.align-text-bottom { vertical-align: text-bottom !important; }
-.align-text-top { vertical-align: text-top !important; }
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_background.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_background.scss
deleted file mode 100644
index 1f18b2f..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_background.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-// stylelint-disable declaration-no-important
-
-@each $color, $value in $theme-colors {
- @include bg-variant(".bg-#{$color}", $value);
-}
-
-@if $enable-gradients {
- @each $color, $value in $theme-colors {
- @include bg-gradient-variant(".bg-gradient-#{$color}", $value);
- }
-}
-
-.bg-white {
- background-color: $white !important;
-}
-
-.bg-transparent {
- background-color: transparent !important;
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_borders.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_borders.scss
deleted file mode 100644
index b8832ef..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_borders.scss
+++ /dev/null
@@ -1,59 +0,0 @@
-// stylelint-disable declaration-no-important
-
-//
-// Border
-//
-
-.border { border: $border-width solid $border-color !important; }
-.border-top { border-top: $border-width solid $border-color !important; }
-.border-right { border-right: $border-width solid $border-color !important; }
-.border-bottom { border-bottom: $border-width solid $border-color !important; }
-.border-left { border-left: $border-width solid $border-color !important; }
-
-.border-0 { border: 0 !important; }
-.border-top-0 { border-top: 0 !important; }
-.border-right-0 { border-right: 0 !important; }
-.border-bottom-0 { border-bottom: 0 !important; }
-.border-left-0 { border-left: 0 !important; }
-
-@each $color, $value in $theme-colors {
- .border-#{$color} {
- border-color: $value !important;
- }
-}
-
-.border-white {
- border-color: $white !important;
-}
-
-//
-// Border-radius
-//
-
-.rounded {
- border-radius: $border-radius !important;
-}
-.rounded-top {
- border-top-left-radius: $border-radius !important;
- border-top-right-radius: $border-radius !important;
-}
-.rounded-right {
- border-top-right-radius: $border-radius !important;
- border-bottom-right-radius: $border-radius !important;
-}
-.rounded-bottom {
- border-bottom-right-radius: $border-radius !important;
- border-bottom-left-radius: $border-radius !important;
-}
-.rounded-left {
- border-top-left-radius: $border-radius !important;
- border-bottom-left-radius: $border-radius !important;
-}
-
-.rounded-circle {
- border-radius: 50% !important;
-}
-
-.rounded-0 {
- border-radius: 0 !important;
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_clearfix.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_clearfix.scss
deleted file mode 100644
index e92522a..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_clearfix.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.clearfix {
- @include clearfix();
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_display.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_display.scss
deleted file mode 100644
index 20aeeb5..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_display.scss
+++ /dev/null
@@ -1,38 +0,0 @@
-// stylelint-disable declaration-no-important
-
-//
-// Utilities for common `display` values
-//
-
-@each $breakpoint in map-keys($grid-breakpoints) {
- @include media-breakpoint-up($breakpoint) {
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
- .d#{$infix}-none { display: none !important; }
- .d#{$infix}-inline { display: inline !important; }
- .d#{$infix}-inline-block { display: inline-block !important; }
- .d#{$infix}-block { display: block !important; }
- .d#{$infix}-table { display: table !important; }
- .d#{$infix}-table-row { display: table-row !important; }
- .d#{$infix}-table-cell { display: table-cell !important; }
- .d#{$infix}-flex { display: flex !important; }
- .d#{$infix}-inline-flex { display: inline-flex !important; }
- }
-}
-
-
-//
-// Utilities for toggling `display` in print
-//
-
-@media print {
- .d-print-none { display: none !important; }
- .d-print-inline { display: inline !important; }
- .d-print-inline-block { display: inline-block !important; }
- .d-print-block { display: block !important; }
- .d-print-table { display: table !important; }
- .d-print-table-row { display: table-row !important; }
- .d-print-table-cell { display: table-cell !important; }
- .d-print-flex { display: flex !important; }
- .d-print-inline-flex { display: inline-flex !important; }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_embed.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_embed.scss
deleted file mode 100644
index d3362b6..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_embed.scss
+++ /dev/null
@@ -1,52 +0,0 @@
-// Credit: Nicolas Gallagher and SUIT CSS.
-
-.embed-responsive {
- position: relative;
- display: block;
- width: 100%;
- padding: 0;
- overflow: hidden;
-
- &::before {
- display: block;
- content: "";
- }
-
- .embed-responsive-item,
- iframe,
- embed,
- object,
- video {
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- border: 0;
- }
-}
-
-.embed-responsive-21by9 {
- &::before {
- padding-top: percentage(9 / 21);
- }
-}
-
-.embed-responsive-16by9 {
- &::before {
- padding-top: percentage(9 / 16);
- }
-}
-
-.embed-responsive-4by3 {
- &::before {
- padding-top: percentage(3 / 4);
- }
-}
-
-.embed-responsive-1by1 {
- &::before {
- padding-top: percentage(1 / 1);
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_flex.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_flex.scss
deleted file mode 100644
index 8e47038..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_flex.scss
+++ /dev/null
@@ -1,46 +0,0 @@
-// stylelint-disable declaration-no-important
-
-// Flex variation
-//
-// Custom styles for additional flex alignment options.
-
-@each $breakpoint in map-keys($grid-breakpoints) {
- @include media-breakpoint-up($breakpoint) {
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
- .flex#{$infix}-row { flex-direction: row !important; }
- .flex#{$infix}-column { flex-direction: column !important; }
- .flex#{$infix}-row-reverse { flex-direction: row-reverse !important; }
- .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }
-
- .flex#{$infix}-wrap { flex-wrap: wrap !important; }
- .flex#{$infix}-nowrap { flex-wrap: nowrap !important; }
- .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }
-
- .justify-content#{$infix}-start { justify-content: flex-start !important; }
- .justify-content#{$infix}-end { justify-content: flex-end !important; }
- .justify-content#{$infix}-center { justify-content: center !important; }
- .justify-content#{$infix}-between { justify-content: space-between !important; }
- .justify-content#{$infix}-around { justify-content: space-around !important; }
-
- .align-items#{$infix}-start { align-items: flex-start !important; }
- .align-items#{$infix}-end { align-items: flex-end !important; }
- .align-items#{$infix}-center { align-items: center !important; }
- .align-items#{$infix}-baseline { align-items: baseline !important; }
- .align-items#{$infix}-stretch { align-items: stretch !important; }
-
- .align-content#{$infix}-start { align-content: flex-start !important; }
- .align-content#{$infix}-end { align-content: flex-end !important; }
- .align-content#{$infix}-center { align-content: center !important; }
- .align-content#{$infix}-between { align-content: space-between !important; }
- .align-content#{$infix}-around { align-content: space-around !important; }
- .align-content#{$infix}-stretch { align-content: stretch !important; }
-
- .align-self#{$infix}-auto { align-self: auto !important; }
- .align-self#{$infix}-start { align-self: flex-start !important; }
- .align-self#{$infix}-end { align-self: flex-end !important; }
- .align-self#{$infix}-center { align-self: center !important; }
- .align-self#{$infix}-baseline { align-self: baseline !important; }
- .align-self#{$infix}-stretch { align-self: stretch !important; }
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_float.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_float.scss
deleted file mode 100644
index 01655e9..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_float.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-@each $breakpoint in map-keys($grid-breakpoints) {
- @include media-breakpoint-up($breakpoint) {
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
- .float#{$infix}-left { @include float-left; }
- .float#{$infix}-right { @include float-right; }
- .float#{$infix}-none { @include float-none; }
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_position.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_position.scss
deleted file mode 100644
index ef962ed..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_position.scss
+++ /dev/null
@@ -1,36 +0,0 @@
-// stylelint-disable declaration-no-important
-
-// Common values
-
-// Sass list not in variables since it's not intended for customization.
-$positions: static, relative, absolute, fixed, sticky;
-
-@each $position in $positions {
- .position-#{$position} { position: $position !important; }
-}
-
-// Shorthand
-
-.fixed-top {
- position: fixed;
- top: 0;
- right: 0;
- left: 0;
- z-index: $zindex-fixed;
-}
-
-.fixed-bottom {
- position: fixed;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: $zindex-fixed;
-}
-
-.sticky-top {
- @supports (position: sticky) {
- position: sticky;
- top: 0;
- z-index: $zindex-sticky;
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_screenreaders.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_screenreaders.scss
deleted file mode 100644
index 9f26fde..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_screenreaders.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-//
-// Screenreaders
-//
-
-.sr-only {
- @include sr-only();
-}
-
-.sr-only-focusable {
- @include sr-only-focusable();
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_sizing.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_sizing.scss
deleted file mode 100644
index e95a4db..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_sizing.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-// stylelint-disable declaration-no-important
-
-// Width and height
-
-@each $prop, $abbrev in (width: w, height: h) {
- @each $size, $length in $sizes {
- .#{$abbrev}-#{$size} { #{$prop}: $length !important; }
- }
-}
-
-.mw-100 { max-width: 100% !important; }
-.mh-100 { max-height: 100% !important; }
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_spacing.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_spacing.scss
deleted file mode 100644
index b2e2354..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_spacing.scss
+++ /dev/null
@@ -1,51 +0,0 @@
-// stylelint-disable declaration-no-important
-
-// Margin and Padding
-
-@each $breakpoint in map-keys($grid-breakpoints) {
- @include media-breakpoint-up($breakpoint) {
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
- @each $prop, $abbrev in (margin: m, padding: p) {
- @each $size, $length in $spacers {
-
- .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
- .#{$abbrev}t#{$infix}-#{$size},
- .#{$abbrev}y#{$infix}-#{$size} {
- #{$prop}-top: $length !important;
- }
- .#{$abbrev}r#{$infix}-#{$size},
- .#{$abbrev}x#{$infix}-#{$size} {
- #{$prop}-right: $length !important;
- }
- .#{$abbrev}b#{$infix}-#{$size},
- .#{$abbrev}y#{$infix}-#{$size} {
- #{$prop}-bottom: $length !important;
- }
- .#{$abbrev}l#{$infix}-#{$size},
- .#{$abbrev}x#{$infix}-#{$size} {
- #{$prop}-left: $length !important;
- }
- }
- }
-
- // Some special margin utils
- .m#{$infix}-auto { margin: auto !important; }
- .mt#{$infix}-auto,
- .my#{$infix}-auto {
- margin-top: auto !important;
- }
- .mr#{$infix}-auto,
- .mx#{$infix}-auto {
- margin-right: auto !important;
- }
- .mb#{$infix}-auto,
- .my#{$infix}-auto {
- margin-bottom: auto !important;
- }
- .ml#{$infix}-auto,
- .mx#{$infix}-auto {
- margin-left: auto !important;
- }
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_text.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_text.scss
deleted file mode 100644
index f4b6e65..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_text.scss
+++ /dev/null
@@ -1,52 +0,0 @@
-// stylelint-disable declaration-no-important
-
-//
-// Text
-//
-
-// Alignment
-
-.text-justify { text-align: justify !important; }
-.text-nowrap { white-space: nowrap !important; }
-.text-truncate { @include text-truncate; }
-
-// Responsive alignment
-
-@each $breakpoint in map-keys($grid-breakpoints) {
- @include media-breakpoint-up($breakpoint) {
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
- .text#{$infix}-left { text-align: left !important; }
- .text#{$infix}-right { text-align: right !important; }
- .text#{$infix}-center { text-align: center !important; }
- }
-}
-
-// Transformation
-
-.text-lowercase { text-transform: lowercase !important; }
-.text-uppercase { text-transform: uppercase !important; }
-.text-capitalize { text-transform: capitalize !important; }
-
-// Weight and italics
-
-.font-weight-light { font-weight: $font-weight-light !important; }
-.font-weight-normal { font-weight: $font-weight-normal !important; }
-.font-weight-bold { font-weight: $font-weight-bold !important; }
-.font-italic { font-style: italic !important; }
-
-// Contextual colors
-
-.text-white { color: #fff !important; }
-
-@each $color, $value in $theme-colors {
- @include text-emphasis-variant(".text-#{$color}", $value);
-}
-
-.text-muted { color: $text-muted !important; }
-
-// Misc
-
-.text-hide {
- @include text-hide();
-}
diff --git a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_visibility.scss b/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_visibility.scss
deleted file mode 100644
index 823406d..0000000
--- a/themes/hugo-material/static/scss/material-kit/bootstrap/scss/utilities/_visibility.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-//
-// Visibility utilities
-//
-
-.visible {
- @include invisible(visible);
-}
-
-.invisible {
- @include invisible(hidden);
-}
diff --git a/themes/hugo-material/static/scss/material-kit/cards/_card-carousel.scss b/themes/hugo-material/static/scss/material-kit/cards/_card-carousel.scss
deleted file mode 100644
index 7a8dcb3..0000000
--- a/themes/hugo-material/static/scss/material-kit/cards/_card-carousel.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.card-carousel{
- overflow: hidden;
-}
diff --git a/themes/hugo-material/static/scss/material-kit/cards/_card-login.scss b/themes/hugo-material/static/scss/material-kit/cards/_card-login.scss
deleted file mode 100644
index 6b9a1dd..0000000
--- a/themes/hugo-material/static/scss/material-kit/cards/_card-login.scss
+++ /dev/null
@@ -1,67 +0,0 @@
-.card-login{
- .card-header{
- margin-left: 20px;
- margin-right: 20px;
- margin-top: -40px;
- padding: 20px 0;
- margin-bottom: 15px;
- }
- .text-divider{
- margin-top: 30px;
- margin-bottom: 0px;
- text-align: center;
- }
- .card-body{
- padding: 0px 30px 0px 10px;
- }
-
- .form-check{
- padding-top: 27px;
-
- label{
- margin-left: 18px;
- }
- .form-check-sign{
- padding-right: 27px;
- }
-
- }
-
- .input-group {
- padding-bottom: 7px;
- margin: 27px 0 0 0;
- }
-
- .form {
- min-height: 420px;
- }
-
-
- .social-line{
- margin-top: $bmd-label-top-margin-base;
- text-align: center;
- padding: 0;
-
- .btn{
- color: $white-color;
- margin-left: 5px;
- margin-right: 5px;
- }
- }
-}
-
-.login-page {
- .footer {
- position: absolute;
- width: 100%;
- background: transparent;
- bottom: 0;
- color: $white-color;
- z-index: 1;
-
- .copyright a{
- color: $white-color;
- }
- }
-
-}
diff --git a/themes/hugo-material/static/scss/material-kit/cards/_card-plain.scss b/themes/hugo-material/static/scss/material-kit/cards/_card-plain.scss
deleted file mode 100644
index e150268..0000000
--- a/themes/hugo-material/static/scss/material-kit/cards/_card-plain.scss
+++ /dev/null
@@ -1,28 +0,0 @@
-.card-plain {
- background: transparent;
- box-shadow: none;
-
- .card-header:not(.card-avatar) {
- margin-left: 0;
- margin-right: 0;
- }
-
- .card-body {
- padding-left: 5px;
- padding-right: 5px;
- }
-
- .card-header-image {
- margin: 0 !important;
- border-radius: $border-radius-large;
-
- img {
- border-radius: $border-radius-large;
- }
- }
- .card-footer {
- padding-left: 5px;
- padding-right: 5px;
- background-color: transparent;
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/mixins/_alert.scss b/themes/hugo-material/static/scss/material-kit/mixins/_alert.scss
deleted file mode 100644
index 0079ecb..0000000
--- a/themes/hugo-material/static/scss/material-kit/mixins/_alert.scss
+++ /dev/null
@@ -1,124 +0,0 @@
-// alert-variations("", $brand-primary)
-@mixin alert-variations($component, $selector-suffix, $brand-default) {
- @include generic-variations($component, $selector-suffix, $brand-default, "alert-variations-content", null);
-}
-
-@mixin alert-variations-content($args){
- $variation-color: map-get($args, variation-color);
- $variation-color-text: map-get($args, variation-color-text);
-
- background-color: lighten($variation-color,3%);
- color: $variation-color-text;
-
- a, .alert-link {
- color: $variation-color-text;
- }
-}
-// interpolation of mixin-name is not allowed evidently, so we statically include based on the mixin-name given
-@mixin call-variations-content-mixin($args) {
- $mixin-name: map-get($args, mixin-name);
- @if $mixin-name == variations-content {
- @include variations-content($args);
- } @else if $mixin-name == background-variations-content {
- @include background-variations-content($args);
- } @else if $mixin-name == text-variations-content {
- @include text-variations-content($args);
- } @else if $mixin-name == button-variations-content {
- @include button-variations-content($args);
- } @else if $mixin-name == bg-color-variations-content {
- @include bg-color-variations-content($args);
- } @else if $mixin-name == bg-box-shadow-variations-content {
- @include bg-box-shadow-variations-content($args);
- } @else if $mixin-name == bg-img-variations-content {
- @include bg-img-variations-content($args);
- } @else if $mixin-name == navbar-variations-content {
- @include navbar-variations-content($args);
- }@else if $mixin-name == alert-variations-content {
- @include alert-variations-content($args);
- } @else {
- @error "Unknown mixin: #{$mixin-name}"
- }
-}
-
-//
-// To use this mixin you should pass a function as final parameter to define
-// the style. In that definition you can use the following variables to define it.
-//
-// $variation-color-name ---> "red", "green", "indigo" ...
-// $variation-color-full-name ---> "red", "green-50", "indigo-400" ...
-// $variation-color ---> #f44336, #e8f5e9, #5c6bc0 ...
-// $variation-color-text ---> rgba(255,255,255,0.84), rgba(0,0,0,0.84), rgba(255,255,255,0.84) ...
-//
-
-@mixin generic-variations($component, $selector-suffix, $color-default, $mixin-name, $mdb-param-1) {
-
- //setup map to pass parameters (instead of the incredibly long-error-prone list for each and every @include)
- $args: (
- //extra: $selector-suffix,
- //default: $color-default,
- mixin-name: $mixin-name,
- material-param-1: $mdb-param-1
- );
-
- // bootstrap styles
- {$selector-suffix},
- {$component}-default#{$selector-suffix} {
-
- $args-extra: map-merge($args, (
- variation-color: $white-color,
- variation-color-text: $gray
- ));
- @include call-variations-content-mixin($args-extra);
- }
- {$component}-inverse#{$selector-suffix} {
- $args-inverse: map-merge($args, (
- variation-color: #212121,
- variation-color-text: #fff
- ));
- @include call-variations-content-mixin($args-inverse);
- }
- {$component}-primary#{$selector-suffix} {
- $args-primary: map-merge($args, (
- variation-color: $brand-primary,
- variation-color-text: $mdb-text-color-light
- ));
- @include call-variations-content-mixin($args-primary);
- }
- {$component}-success#{$selector-suffix} {
- $args-success: map-merge($args, (
- variation-color: $brand-success,
- variation-color-text: $mdb-text-color-light
- ));
- @include call-variations-content-mixin($args-success);
- }
- {$component}-info#{$selector-suffix} {
- $args-info: map-merge($args, (
- variation-color: $brand-info,
- variation-color-text: $mdb-text-color-light
- ));
- @include call-variations-content-mixin($args-info);
- }
- {$component}-warning#{$selector-suffix} {
- $args-warning: map-merge($args, (
- variation-color: $brand-warning,
- variation-color-text: $mdb-text-color-light
- ));
- @include call-variations-content-mixin($args-warning);
- }
- {$component}-danger#{$selector-suffix} {
- $args-danger: map-merge($args, (
- variation-color: $brand-danger,
- variation-color-text: $mdb-text-color-light
- ));
- @include call-variations-content-mixin($args-danger);
- }
-
- {$component}-rose#{$selector-suffix} {
- $args-rose: map-merge($args, (
- variation-color: $brand-rose,
- variation-color-text: $mdb-text-color-light
- ));
- @include call-variations-content-mixin($args-rose);
- }
-
-}
diff --git a/themes/hugo-material/static/scss/material-kit/mixins/_animations.scss b/themes/hugo-material/static/scss/material-kit/mixins/_animations.scss
deleted file mode 100644
index 06b769e..0000000
--- a/themes/hugo-material/static/scss/material-kit/mixins/_animations.scss
+++ /dev/null
@@ -1,200 +0,0 @@
-// Animations (from mdl http://www.getmdl.io/)
-
-@mixin material-animation-fast-out-slow-in($duration:0.2s) {
- transition-duration: $duration;
- transition-timing-function: $bmd-animation-curve-fast-out-slow-in;
-}
-
-@mixin material-animation-linear-out-slow-in($duration:0.2s) {
- transition-duration: $duration;
- transition-timing-function: $bmd-animation-curve-linear-out-slow-in;
-}
-
-@mixin material-animation-fast-out-linear-in($duration:0.2s) {
- transition-duration: $duration;
- transition-timing-function: $bmd-animation-curve-fast-out-linear-in;
-}
-
-@mixin material-animation-default($duration:0.2s) {
- transition-duration: $duration;
- transition-timing-function: $bmd-animation-curve-default;
-}
-
-@mixin rotate-180() {
- -webkit-transform: rotate( 180deg );
- -moz-transform: rotate( 180deg );
- -o-transform: rotate( 180deg );
- -ms-transform: rotate(180deg);
- transform: rotate( 180deg );
-}
-
-// Nvabar burger animations (on close)
-
-@mixin bar-animation($type){
- -webkit-animation: $type 500ms linear 0s;
- -moz-animation: $type 500ms linear 0s;
- animation: $type 500ms 0s;
- -webkit-animation-fill-mode: forwards;
- -moz-animation-fill-mode: forwards;
- animation-fill-mode: forwards;
-}
-
-@mixin topbar-x-rotation(){
- @keyframes topbar-x {
- 0% {top: 0px; transform: rotate(0deg); }
- 45% {top: 6px; transform: rotate(145deg); }
- 75% {transform: rotate(130deg); }
- 100% {transform: rotate(135deg); }
- }
- @-webkit-keyframes topbar-x {
- 0% {top: 0px; -webkit-transform: rotate(0deg); }
- 45% {top: 6px; -webkit-transform: rotate(145deg); }
- 75% {-webkit-transform: rotate(130deg); }
- 100% { -webkit-transform: rotate(135deg); }
- }
- @-moz-keyframes topbar-x {
- 0% {top: 0px; -moz-transform: rotate(0deg); }
- 45% {top: 6px; -moz-transform: rotate(145deg); }
- 75% {-moz-transform: rotate(130deg); }
- 100% { -moz-transform: rotate(135deg); }
- }
-}
-
-@mixin topbar-back-rotation(){
- @keyframes topbar-back {
- 0% { top: 6px; transform: rotate(135deg); }
- 45% { transform: rotate(-10deg); }
- 75% { transform: rotate(5deg); }
- 100% { top: 0px; transform: rotate(0); }
- }
-
- @-webkit-keyframes topbar-back {
- 0% { top: 6px; -webkit-transform: rotate(135deg); }
- 45% { -webkit-transform: rotate(-10deg); }
- 75% { -webkit-transform: rotate(5deg); }
- 100% { top: 0px; -webkit-transform: rotate(0); }
- }
-
- @-moz-keyframes topbar-back {
- 0% { top: 6px; -moz-transform: rotate(135deg); }
- 45% { -moz-transform: rotate(-10deg); }
- 75% { -moz-transform: rotate(5deg); }
- 100% { top: 0px; -moz-transform: rotate(0); }
- }
-}
-
-@mixin bottombar-x-rotation(){
- @keyframes bottombar-x {
- 0% {bottom: 0px; transform: rotate(0deg);}
- 45% {bottom: 6px; transform: rotate(-145deg);}
- 75% {transform: rotate(-130deg);}
- 100% {transform: rotate(-135deg);}
- }
- @-webkit-keyframes bottombar-x {
- 0% {bottom: 0px; -webkit-transform: rotate(0deg);}
- 45% {bottom: 6px; -webkit-transform: rotate(-145deg);}
- 75% {-webkit-transform: rotate(-130deg);}
- 100% {-webkit-transform: rotate(-135deg);}
- }
- @-moz-keyframes bottombar-x {
- 0% {bottom: 0px; -moz-transform: rotate(0deg);}
- 45% {bottom: 6px; -moz-transform: rotate(-145deg);}
- 75% {-moz-transform: rotate(-130deg);}
- 100% {-moz-transform: rotate(-135deg);}
- }
-}
-
-@mixin bottombar-back-rotation{
- @keyframes bottombar-back {
- 0% { bottom: 6px;transform: rotate(-135deg);}
- 45% { transform: rotate(10deg);}
- 75% { transform: rotate(-5deg);}
- 100% { bottom: 0px;transform: rotate(0);}
- }
- @-webkit-keyframes bottombar-back {
- 0% {bottom: 6px;-webkit-transform: rotate(-135deg);}
- 45% {-webkit-transform: rotate(10deg);}
- 75% {-webkit-transform: rotate(-5deg);}
- 100% {bottom: 0px;-webkit-transform: rotate(0);}
- }
- @-moz-keyframes bottombar-back {
- 0% {bottom: 6px;-moz-transform: rotate(-135deg);}
- 45% {-moz-transform: rotate(10deg);}
- 75% {-moz-transform: rotate(-5deg);}
- 100% {bottom: 0px;-moz-transform: rotate(0);}
- }
-
-}
-
-
-@mixin transform-scale($value){
- -webkit-transform: scale($value);
- -moz-transform: scale($value);
- -o-transform: scale($value);
- -ms-transform: scale($value);
- transform: scale($value);
-}
-
-@mixin rotateY-180() {
- -webkit-transform: rotateY( 180deg );
- -moz-transform: rotateY( 180deg );
- -o-transform: rotateY( 180deg );
- -ms-transform: rotateY(180deg);
- transform: rotateY( 180deg );
-}
-
-@mixin transitions($time, $type){
- -webkit-transition: all $time $type;
- -moz-transition: all $time $type;
- -o-transition: all $time $type;
- -ms-transition: all $time $type;
- transition: all $time $type;
-}
-
-@mixin transitions-property($property, $time, $type){
- -webkit-transition: $property $time $type;
- -moz-transition: $property $time $type;
- -o-transition: $property $time $type;
- -ms-transition: $property $time $type;
- transition: $property $time $type;
-}
-
-@mixin transform-translate-x($value){
- -webkit-transform: translate3d($value, 0, 0);
- -moz-transform: translate3d($value, 0, 0);
- -o-transform: translate3d($value, 0, 0);
- -ms-transform: translate3d($value, 0, 0);
- transform: translate3d($value, 0, 0);
-}
-
-@mixin transform-translate-y($value){
- -webkit-transform: translate3d(0,$value, 0);
- -moz-transform: translate3d(0, $value, 0);
- -o-transform: translate3d(0, $value, 0);
- -ms-transform: translate3d(0, $value, 0);
- transform: translate3d(0, $value, 0);
-}
-
-@mixin perspective($value){
- -webkit-perspective: $value;
- -moz-perspective: $value;
- -o-perspective: $value;
- -ms-perspective: $value;
- perspective: $value;
-}
-
-@mixin transform-style($type){
- -webkit-transform-style: $type;
- -moz-transform-style: $type;
- -o-transform-style: $type;
- -ms-transform-style: $type;
- transform-style: $type;
-}
-
-@mixin backface-visibility($type){
- -webkit-backface-visibility: $type;
- -moz-backface-visibility: $type;
- -o-backface-visibility: $type;
- -ms-backface-visibility: $type;
- backface-visibility: $type;
-}
diff --git a/themes/hugo-material/static/scss/material-kit/mixins/_breakpoints.scss b/themes/hugo-material/static/scss/material-kit/mixins/_breakpoints.scss
deleted file mode 100644
index 9fc08cc..0000000
--- a/themes/hugo-material/static/scss/material-kit/mixins/_breakpoints.scss
+++ /dev/null
@@ -1,34 +0,0 @@
-// case where behavior is responsive, or with a marker class
-@mixin media-breakpoint-down-or($breakpoint, $name) {
- #{unquote($name)} {
- @content;
- }
-
- @include media-breakpoint-down($breakpoint) {
- @content;
- }
-}
-
-// case where behavior is responsive, or with a marker class
-@mixin media-breakpoint-up-or($breakpoint, $name) {
- #{unquote($name)} {
- @content;
- }
-
- @include media-breakpoint-up($breakpoint) {
- @content;
- }
-}
-
-// Name of the previous breakpoint, or null
-//
-// >> breakpoint-next(sm)
-// xs
-// >> breakpoint-next(sm, (xs: 0, sm: 544px, md: 768px))
-// xs
-// >> breakpoint-next(sm, $breakpoint-names: (xs sm md))
-// xs
-@function breakpoint-previous($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
- $n: index($breakpoint-names, $name);
- @return if($n > 1, nth($breakpoint-names, $n - 1), null);
-}
diff --git a/themes/hugo-material/static/scss/material-kit/mixins/_buttons.scss b/themes/hugo-material/static/scss/material-kit/mixins/_buttons.scss
deleted file mode 100644
index 68d445b..0000000
--- a/themes/hugo-material/static/scss/material-kit/mixins/_buttons.scss
+++ /dev/null
@@ -1,292 +0,0 @@
-// from bs mixins/buttons button-variant
-@mixin bmd-button-variant($color, $background, $focus-background, $active-background, $border, $focus-border, $active-border) {
- color: $color;
- background-color: $background;
- border-color: $border;
-
- @include hover {
- color: $color;
- background-color: $focus-background;
- border-color: $focus-border;
- }
-
- &:focus,
- &.focus,
- &:hover{
- color: $color;
- background-color: $focus-background;
- border-color: $focus-border;
- }
-
- &:active,
- &.active,
- .open > &.dropdown-toggle,
- .show > &.dropdown-toggle {
- color: $color;
- background-color: $focus-background;
- border-color: $focus-border;
- @include shadow-2dp-color($background);
-
- &:hover,
- &:focus,
- &.focus {
- color: $color;
- background-color: $active-background;
- border-color: $active-border;
- }
- }
-
- // when it is an icon, kill the active bg on open dropdown, but stabilize on hover
- .open > &.dropdown-toggle.bmd-btn-icon {
- color: inherit;
- background-color: $background;
-
- // leave hover on with the lighter focus color
- &:hover {
- background-color: $focus-background;
- }
- }
-
- &.disabled,
- &:disabled {
- &:focus,
- &.focus {
- background-color: $background;
- border-color: $border;
- }
- @include hover {
- background-color: $background;
- border-color: $border;
- }
- }
-}
-
-@mixin bmd-flat-button-variant(
- $color,
- $border: $bmd-btn-border,
- $focus-border: $bmd-btn-focus-bg,
- $active-border: $bmd-btn-active-bg
-) {
- $background: $bmd-btn-bg;
- $focus-background: $bmd-btn-focus-bg;
- $active-background: $bmd-btn-active-bg;
-
- @include bmd-button-variant($color,
- $background,
- $focus-background,
- $active-background,
- $border,
- $focus-border,
- $active-border);
-
- // inverse color scheme
- .bg-inverse & {
- $focus-background: $bmd-inverse-btn-focus-bg;
- $focus-border: $bmd-inverse-btn-focus-bg;
-
- $active-background: $bmd-inverse-btn-active-bg;
- $active-border: $bmd-inverse-btn-active-bg;
-
- @include bmd-button-variant($color,
- $background,
- $focus-background,
- $active-background,
- $border,
- $focus-border,
- $active-border);
- }
-
- // reverse the above for links
- &.btn-link {
- background-color: transparent;
- }
-}
-
-@mixin bmd-flat-button-color() {
- @include bmd-flat-button-variant($bmd-btn-color);
-
- // flat bg with text color variations
- &.btn-primary {
- @include bmd-flat-button-variant($btn-primary-bg);
- }
- &.btn-secondary {
- @include bmd-flat-button-variant($btn-secondary-color);
- }
- &.btn-info {
- @include bmd-flat-button-variant($btn-info-bg);
- }
- &.btn-success {
- @include bmd-flat-button-variant($btn-success-bg);
- }
- &.btn-warning {
- @include bmd-flat-button-variant($btn-warning-bg);
- }
- &.btn-danger {
- @include bmd-flat-button-variant($btn-danger-bg);
- }
-}
-
-@mixin bmd-outline-button-color() {
- &.btn-outline,
- &.btn-outline-primary,
- &.btn-outline-secondary,
- &.btn-outline-info,
- &.btn-outline-success,
- &.btn-outline-warning,
- &.btn-outline-danger {
- border-color: currentColor;
- border-style: solid;
- border-width: 1px;
- }
-
- // flat bg with text and border color variations
- &.btn-outline {
- @include bmd-flat-button-variant($bmd-btn-color, $bmd-btn-color, $bmd-btn-color, $bmd-btn-color);
- }
- &.btn-outline-primary {
- @include bmd-flat-button-variant($btn-primary-bg, $btn-primary-bg, $btn-primary-bg, $btn-primary-bg);
- }
- &.btn-outline-secondary {
- @include bmd-flat-button-variant($btn-secondary-color, $btn-secondary-color, $btn-secondary-color, $btn-secondary-color);
- }
- &.btn-outline-info {
- @include bmd-flat-button-variant($btn-info-bg, $btn-info-bg, $btn-info-bg, $btn-info-bg);
- }
- &.btn-outline-success {
- @include bmd-flat-button-variant($btn-success-bg, $btn-success-bg, $btn-success-bg, $btn-success-bg);
- }
- &.btn-outline-warning {
- @include bmd-flat-button-variant($btn-warning-bg, $btn-warning-bg, $btn-warning-bg, $btn-warning-bg);
- }
- &.btn-outline-danger {
- @include bmd-flat-button-variant($btn-danger-bg, $btn-danger-bg, $btn-danger-bg, $btn-danger-bg);
- }
-}
-
-@mixin bmd-raised-button-variant($color, $background, $border) {
- // FIXME: SPEC - this should be the 600 color, how can we get that programmatically if at all? Or are we limited to the color palette only?
- $focus-background: contrast-color(
- $background,
- darken($background, 3%),
- lighten($background, 3%)
- );
- //$focus-background: darken($background, 10%); // default bootstrap
- $focus-border: darken($border, 12%);
-
- $active-background: $focus-background;
- //$active-background: darken($background, 17%);
- $active-border: darken($border, 25%);
-
- @include bmd-button-variant($color,
- $background,
- $focus-background,
- $active-background,
- $border,
- $focus-border,
- $active-border);
-
- @include shadow-2dp-color($background);
-
- &:focus,
- &:active,
- &:hover{
- // remove this line if you want black shadows
- @include button-shadow-color($background);
- }
-
- &.btn-link{
- background-color: transparent;
- color: $background;
- box-shadow: none;
-
- &:hover,
- &:focus,
- &:active{
- background-color: transparent;
- color: $background;
- }
- }
-
-}
-
-@mixin bmd-raised-button-color() {
- &.btn-primary {
- @include bmd-raised-button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border-color);
- }
- &.btn-secondary {
- @include bmd-raised-button-variant($btn-secondary-color, $btn-secondary-bg, $btn-secondary-border-color);
- }
- &.btn-info {
- @include bmd-raised-button-variant($btn-info-color, $btn-info-bg, $btn-info-border-color);
- }
- &.btn-success {
- @include bmd-raised-button-variant($btn-success-color, $btn-success-bg, $btn-success-border-color);
- }
- &.btn-warning {
- @include bmd-raised-button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border-color);
- }
- &.btn-danger {
- @include bmd-raised-button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border-color);
- }
- &.btn-rose {
- @include bmd-raised-button-variant($btn-rose-color, $btn-rose-bg, $btn-rose-border-color);
- }
- &,
- &.btn-default{
- @include bmd-raised-button-variant($btn-default-color, $btn-default-bg, $btn-default-border-color);
- }
-}
-
-@mixin bmd-social-buttons(){
- &.btn-facebook {
- @include bmd-raised-button-variant($white, $social-facebook, $social-facebook);
- }
- &.btn-twitter {
- @include bmd-raised-button-variant($white, $social-twitter, $social-twitter);
- }
- &.btn-pinterest {
- @include bmd-raised-button-variant($white, $social-pinterest, $social-pinterest);
- }
- &.btn-google {
- @include bmd-raised-button-variant($white, $social-google, $social-google);
- }
- &.btn-linkedin {
- @include bmd-raised-button-variant($white, $social-linkedin, $social-linkedin);
- }
- &.btn-dribbble {
- @include bmd-raised-button-variant($white, $social-dribbble, $social-dribbble);
- }
- &.btn-github {
- @include bmd-raised-button-variant($white, $social-github, $social-github);
- }
- &.btn-youtube {
- @include bmd-raised-button-variant($white, $social-youtube, $social-youtube);
- }
- &.btn-instagram {
- @include bmd-raised-button-variant($white, $social-instagram, $social-instagram);
- }
- &.btn-reddit {
- @include bmd-raised-button-variant($white, $social-reddit, $social-reddit);
- }
- &.btn-tumblr {
- @include bmd-raised-button-variant($white, $social-tumblr, $social-tumblr);
- }
- &.btn-behance {
- @include bmd-raised-button-variant($white, $social-behance, $social-behance);
- }
-}
-
-@mixin undo-bs-tab-focus() {
- // clear out the tab-focus() from BS
- &,
- &:active,
- &:active:focus,
- &.active {
- &:focus,
- &.focus {
- //@include tab-focus();
- outline: 0;
- box-shadow: none !important;
- }
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/mixins/_colored-shadows.scss b/themes/hugo-material/static/scss/material-kit/mixins/_colored-shadows.scss
deleted file mode 100644
index 5a7d774..0000000
--- a/themes/hugo-material/static/scss/material-kit/mixins/_colored-shadows.scss
+++ /dev/null
@@ -1,138 +0,0 @@
-@mixin shadow-big(){
- box-shadow: 0 16px 38px -12px rgba(0, 0, 0, $bmd-shadow-penumbra-opacity * 4),
- 0 4px 25px 0px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),
- 0 8px 10px -5px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);
-}
-
-@mixin shadow-big-image(){
- // new box shadow optimized for Tables and Phones
- box-shadow: 0 5px 15px -8px rgba(0, 0, 0, $bmd-shadow-ambient-opacity * 2),
- 0 8px 10px -5px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);
-}
-
-@mixin shadow-big-navbar(){
- box-shadow: 0 10px 20px -12px rgba(0, 0, 0, $bmd-shadow-penumbra-opacity * 3),
- 0 3px 20px 0px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),
- 0 8px 10px -5px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);
-}
-
-@mixin shadow-big-color($color){
- // new box shadow optimized for Tables and Phones
- box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2),
- 0 13px 24px -11px rgba($color, 0.60);
-}
-
-@mixin shadow-small-color($color){
- // new box shadow optimized for Tablets and Phones
- box-shadow: 0 4px 20px 0px rgba(0, 0, 0, .14),
- 0 7px 10px -5px rgba($color, 0.4)
-}
-
-@mixin shadow-navbar-color($color){
- // new box shadow optimized for Tablets and Phones
-
- @if($color == $white-color) {
- box-shadow: 0 4px 18px 0px rgba(0, 0, 0, .12),
- 0 7px 10px -5px rgba(0,0,0, 0.15);
- }@else{
- box-shadow: 0 4px 20px 0px rgba(0, 0, 0, .14),
- 0 7px 12px -5px rgba($color, 0.46);
- }
-}
-
-@mixin shadow-2dp(){
- box-shadow: 0 2px 2px 0 rgba(0, 0, 0, $bmd-shadow-penumbra-opacity),
- 0 3px 1px -2px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),
- 0 1px 5px 0 rgba(0, 0, 0, $bmd-shadow-umbra-opacity);
-}
-
-@mixin shadow-4dp(){
- box-shadow: 0 4px 5px 0 rgba(0, 0, 0, $bmd-shadow-penumbra-opacity),
- 0 1px 10px 0 rgba(0, 0, 0, $bmd-shadow-ambient-opacity),
- 0 2px 4px -1px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);
-}
-
-@mixin shadow-6dp(){
- box-shadow: 0 6px 10px 0 rgba(0, 0, 0, $bmd-shadow-penumbra-opacity),
- 0 1px 18px 0 rgba(0, 0, 0, $bmd-shadow-ambient-opacity),
- 0 3px 5px -1px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);
-}
-
-@mixin shadow-8dp(){
- box-shadow: 0 8px 10px 1px rgba(0, 0, 0, $bmd-shadow-penumbra-opacity),
- 0 3px 14px 2px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),
- 0 5px 5px -3px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);
-}
-
-
-@mixin shadow-16dp(){
- box-shadow: 0 16px 24px 2px rgba(0, 0, 0, $bmd-shadow-penumbra-opacity),
- 0 6px 30px 5px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),
- 0 8px 10px -5px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);
-}
-
-@mixin shadow-2dp-color($color){
- box-shadow: 0 2px 2px 0 rgba($color, $bmd-shadow-penumbra-opacity),
- 0 3px 1px -2px rgba($color, $bmd-shadow-umbra-opacity),
- 0 1px 5px 0 rgba($color, $bmd-shadow-ambient-opacity);
-}
-
-@mixin shadow-4dp-color($color){
- box-shadow: 0 4px 5px 0 rgba($color, $bmd-shadow-penumbra-opacity),
- 0 1px 10px 0 rgba($color, $bmd-shadow-ambient-opacity),
- 0 2px 4px -1px rgba($color, $bmd-shadow-umbra-opacity);
-}
-
-@mixin shadow-8dp-color($color){
- box-shadow: 0 8px 10px 1px rgba($color, $bmd-shadow-penumbra-opacity),
- 0 3px 14px 2px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),
- 0 5px 5px -3px rgba($color, $bmd-shadow-umbra-opacity);
-}
-
-@mixin shadow-16dp-color($color){
- box-shadow: 0 16px 24px 2px rgba($color, $bmd-shadow-penumbra-opacity),
- 0 6px 30px 5px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),
- 0 8px 10px -5px rgba($color, $bmd-shadow-umbra-opacity);
-}
-
-@mixin button-shadow-color($color){
- box-shadow: 0 14px 26px -12px rgba($color, $bmd-shadow-penumbra-opacity * 3),
- 0 4px 23px 0px rgba(0,0,0, $bmd-shadow-ambient-opacity),
- 0 8px 10px -5px rgba($color, $bmd-shadow-umbra-opacity);
-}
-
-@mixin shadow-z-1(){
- box-shadow:
- 0 1px 6px 0 rgba(0, 0, 0, 0.12),
- 0 1px 6px 0 rgba(0, 0, 0, 0.12);
-}
-
-@mixin shadow-z-1-hover(){
- box-shadow:
- 0 5px 11px 0 rgba(0, 0, 0, 0.18),
- 0 4px 15px 0 rgba(0, 0, 0, 0.15);
-}
-
-@mixin shadow-z-2(){
- box-shadow:
- 0 8px 17px 0 rgba(0, 0, 0, 0.2),
- 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-}
-
-@mixin shadow-z-3(){
- box-shadow:
- 0 12px 15px 0 rgba(0, 0, 0, 0.24),
- 0 17px 50px 0 rgba(0, 0, 0, 0.19);
-}
-
-@mixin shadow-z-4(){
- box-shadow:
- 0 16px 28px 0 rgba(0, 0, 0, 0.22),
- 0 25px 55px 0 rgba(0, 0, 0, 0.21);
-}
-
-@mixin shadow-z-5(){
- box-shadow:
- 0 27px 24px 0 rgba(0, 0, 0, 0.2),
- 0 40px 77px 0 rgba(0, 0, 0, 0.22);
-}
diff --git a/themes/hugo-material/static/scss/material-kit/mixins/_drawer.scss b/themes/hugo-material/static/scss/material-kit/mixins/_drawer.scss
deleted file mode 100644
index 9154fd1..0000000
--- a/themes/hugo-material/static/scss/material-kit/mixins/_drawer.scss
+++ /dev/null
@@ -1,253 +0,0 @@
-// Mixins to allow creation of additional custom drawer sizes when using the defaults at the same time
-
-@mixin bmd-drawer-x-out($size) {
- @each $side, $abbrev in (left: l, right: r) {
- .bmd-drawer-f-#{$abbrev} {
- > .bmd-layout-drawer {
- // position
- top: 0;
- #{$side}: 0;
-
- width: $size;
- height: 100%;
-
- @if $side == left {
- transform: translateX(
- -$size - 10px
- ); // initial position of drawer (closed), way off screen
- } @else {
- transform: translateX(
- $size + 10px
- ); // initial position of drawer (closed), way off screen
- }
- }
-
- > .bmd-layout-header,
- > .bmd-layout-content {
- margin-#{$side}: 0;
- }
- }
- }
-}
-
-@mixin bmd-drawer-y-out($size) {
- @each $side, $abbrev in (top: t, bottom: b) {
- .bmd-drawer-f-#{$abbrev} {
- > .bmd-layout-drawer {
- // position
- #{$side}: 0;
- left: 0;
-
- width: 100%;
- height: $size;
-
- @if $side == top {
- transform: translateY(
- -$size - 10px
- ); // initial position of drawer (closed), way off screen
- } @else {
- transform: translateY(
- $size + 10px
- ); // initial position of drawer (closed), way off screen
- }
- }
-
- > .bmd-layout-content {
- margin-#{$side}: 0;
- }
- }
- }
-}
-
-@function bmd-drawer-breakpoint-name($breakpoint, $suffix: "") {
- // e.g. &, &-sm, &-md, &-lg
- $name: "&-#{$breakpoint}#{$suffix}";
- @if $breakpoint == xs {
- $name: "&";
- }
- @return $name;
-}
-
-@mixin bmd-drawer-x-in($size) {
- @each $side, $abbrev in (left: l, right: r) {
- .bmd-drawer-f-#{$abbrev} {
- // Push - drawer will push the header and content (default behavior)
- > .bmd-layout-header {
- width: calc(100% - #{$size});
- margin-#{$side}: $size;
- }
-
- > .bmd-layout-drawer {
- transform: translateX(0);
- }
-
- > .bmd-layout-content {
- margin-#{$side}: $size;
- }
- }
- }
-}
-
-@mixin bmd-drawer-y-in($size) {
- @each $side, $abbrev in (top: t, bottom: b) {
- .bmd-drawer-f-#{$abbrev} {
- // 1. Push - drawer will push the header or content
- > .bmd-layout-header {
- @if $side == top {
- // only add margin-top on a header when the drawer is at the top
- margin-#{$side}: $size;
- }
- }
-
- > .bmd-layout-drawer {
- transform: translateY(0);
- }
-
- > .bmd-layout-content {
- @if $side == bottom {
- // only add margin-bottom on content when the drawer is at the bottom
- margin-#{$side}: $size;
- }
- }
- }
- }
-}
-
-// breakpoint based open to a particular size
-@mixin bmd-drawer-x-in-up($size, $breakpoint) {
- // e.g. &, &-sm, &-md, &-lg
- $name: bmd-drawer-breakpoint-name($breakpoint, "-up");
-
- .bmd-drawer-in {
- #{unquote($name)} {
- // bmd-drawer-in, bmd-drawer-in-sm, bmd-drawer-in-md, bmd-drawer-in-lg
-
- @if $breakpoint == xs {
- // bmd-drawer-in marker class (non-responsive)
- @include bmd-drawer-x-in($size);
- } @else {
- // responsive class
- @include media-breakpoint-up($breakpoint) {
- // bmd-drawer-f-(left and right) styles
- @include bmd-drawer-x-in($size);
- }
- }
- }
- }
-}
-
-// breakpoint based open to a particular size
-@mixin bmd-drawer-y-in-up($size, $breakpoint) {
- // e.g. &, &-sm, &-md, &-lg
- $name: bmd-drawer-breakpoint-name($breakpoint, "-up");
-
- .bmd-drawer-in {
- #{unquote($name)} {
- // bmd-drawer-in, bmd-drawer-in-sm, bmd-drawer-in-md, bmd-drawer-in-lg
-
- @if $breakpoint == xs {
- // bmd-drawer-in marker class (non-responsive)
- @include bmd-drawer-y-in($size);
- } @else {
- // responsive class
- @include media-breakpoint-up($breakpoint) {
- // bmd-drawer-f-(left and right) styles
- @include bmd-drawer-y-in($size);
- }
- }
- }
- }
-}
-
-@mixin bmd-drawer-x-overlay() {
- @include bmd-layout-backdrop-in();
-
- @each $side, $abbrev in (left: l, right: r) {
- .bmd-drawer-f-#{$abbrev} {
- > .bmd-layout-header,
- > .bmd-layout-content {
- width: 100%;
- margin-#{$side}: 0;
- }
- }
- }
-}
-
-@mixin bmd-drawer-y-overlay() {
- @include bmd-layout-backdrop-in();
-
- @each $side, $abbrev in (top: t, bottom: b) {
- .bmd-drawer-f-#{$abbrev} {
- > .bmd-layout-header {
- @if $side == top {
- // only add margin-top on a header when the drawer is at the top
- margin-#{$side}: 0;
- }
- }
-
- > .bmd-layout-content {
- @if $side == bottom {
- // only add margin-bottom on content when the drawer is at the bottom
- margin-#{$side}: 0;
- }
- }
- }
- }
-}
-
-// Overlay - left/right responsive overlay classes and marker class
-@mixin bmd-drawer-x-overlay-down($breakpoint) {
- // e.g. &, &-sm, &-md, &-lg
- $name: bmd-drawer-breakpoint-name($breakpoint, "-down");
-
- .bmd-drawer-overlay {
- #{unquote($name)} {
- // bmd-drawer-overlay, bmd-drawer-overlay-sm, bmd-drawer-overlay-md, bmd-drawer-overlay-lg
-
- // x - left/right
-
- @if $breakpoint == xs {
- // overlay marker class (non-responsive)
-
- // Must double up on the .bmd-drawer-overlay class to increase specificity otherwise the
- // responsive bmd-drawer-in-* media queries above win (and overlay is ignored)
- &.bmd-drawer-overlay {
- @include bmd-drawer-x-overlay();
- }
- } @else {
- @include media-breakpoint-down($breakpoint) {
- // overlay responsive class
- @include bmd-drawer-x-overlay();
- }
- }
- }
- }
-}
-
-// Overlay - top/bottom responsive overlay classes and marker class
-@mixin bmd-drawer-y-overlay-down($breakpoint) {
- // e.g. &, &-sm, &-md, &-lg
- $name: bmd-drawer-breakpoint-name($breakpoint, "-down");
-
- .bmd-drawer-overlay {
- #{unquote($name)} {
- // bmd-drawer-overlay, bmd-drawer-overlay-sm, bmd-drawer-overlay-md, bmd-drawer-overlay-lg
- //// y - top/bottom
-
- @if $breakpoint == xs {
- // overlay marker class (non-responsive)
-
- // Must double up on the .bmd-drawer-overlay class to increase specificity otherwise the
- // responsive bmd-drawer-in-* media queries above win (and overlay is ignored)
- &.bmd-drawer-overlay {
- @include bmd-drawer-y-overlay();
- }
- } @else {
- @include media-breakpoint-down($breakpoint) {
- // overlay responsive class
- @include bmd-drawer-y-overlay();
- }
- }
- }
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/mixins/_forms.scss b/themes/hugo-material/static/scss/material-kit/mixins/_forms.scss
deleted file mode 100644
index 553404a..0000000
--- a/themes/hugo-material/static/scss/material-kit/mixins/_forms.scss
+++ /dev/null
@@ -1,394 +0,0 @@
-@mixin bmd-disabled() {
- fieldset[disabled][disabled] &,
- &.disabled,
- &:disabled,
- &[disabled] {
- @content;
- }
-}
-
-// Placeholder text
-@mixin material-placeholder() {
- &::-moz-placeholder {@content; } // Firefox
- &:-ms-input-placeholder {@content; } // Internet Explorer 10+
- &::-webkit-input-placeholder {@content; } // Safari and Chrome
-}
-
-@mixin bmd-selection-color() {
- .radio label,
- .radio-inline,
- .checkbox label,
- .checkbox-inline,
- .switch label {
- // override bootstrap focus and keep all the standard color (could be multiple radios in the form group)
- //color: $bmd-label-color;
-
- &,
- .is-focused & {
- // form-group focus could change multiple checkboxes/radios, disable that change by using the same color as non-form-group is-focused
- color: $bmd-label-color;
-
- // correct the above focus color for disabled items
- label:has(input[type=radio][disabled]),
- // css 4 which is unlikely to work for a while, but no other pure css way.
- label:has(input[type=checkbox][disabled]),
- // css 4
- fieldset[disabled] & {
- &,
- &:hover,
- &:focus {
- color: $bmd-label-color;
- }
- }
- }
- }
-
- // Style for disabled inputs OLD, use color approach with opacity built in, see radios
- //fieldset[disabled] &,
- //fieldset[disabled] & input[type=checkbox],
- //input[type=checkbox][disabled]:not(:checked) ~ .checkbox-decorator .check::before,
- //input[type=checkbox][disabled]:not(:checked) ~ .checkbox-decorator .check,
- //input[type=checkbox][disabled] + .bmd-radio-outer-circle {
- // opacity: 0.5;
- //}
-}
-
-@mixin bmd-radio-color($color) {
- &::after {
- border-color: $color;
- }
- &::before {
- background-color: $color;
- }
-}
-
-
-@mixin bmd-form-color($label-color, $label-color-focus, $border-color, $line-color) {
- [class^='bmd-label'],
- [class*=' bmd-label'] {
- color: $label-color;
- }
-
- // override BS and keep the border-color normal/grey so that overlaid focus animation draws attention
- .form-control {
- // underline animation color on focus
- $underline-background-image: linear-gradient(
- to top,
- $label-color-focus 2px,
- fade-out($label-color-focus, 1) 2px
- ),
- linear-gradient(
- to top,
- $line-color 1px,
- fade-out($line-color, 1) 1px
- );
- $underline-background-image-invalid: linear-gradient(
- to top,
- $bmd-invalid-underline 2px,
- fade-out($bmd-invalid-underline, 1) 2px
- ),
- linear-gradient(
- to top,
- $line-color 1px,
- fade-out($line-color, 1) 1px
- );
- $underline-background-image-readonly: linear-gradient(
- to top,
- $bmd-readonly-underline 1px,
- fade-out($bmd-readonly-underline, 1) 1px
- ),
- linear-gradient(
- to top,
- $line-color 1px,
- fade-out($line-color, 1) 1px
- );
- $underline-background-image-disabled: linear-gradient(
- to right,
- $line-color 0%,
- $line-color 30%,
- transparent 30%,
- transparent 100%
- );
-
- // bg image is always there, we just need to reveal it
- &,
- .is-focused & {
- background-image: $underline-background-image;
- }
-
- &:invalid {
- background-image: $underline-background-image-invalid;
- }
-
- &:read-only {
- background-image: $underline-background-image-readonly;
- }
-
- @include bmd-disabled() {
- background-image: $underline-background-image-disabled;
- background-repeat: repeat-x;
- background-size: 3px 1px;
- }
-
- // allow underline focus image and validation images to coexist
- &.form-control-success {
- &,
- .is-focused & {
- background-image: $underline-background-image, $form-icon-success;
- }
- }
- &.form-control-warning {
- &,
- .is-focused & {
- background-image: $underline-background-image, $form-icon-warning;
- }
- }
- &.form-control-danger {
- &,
- .is-focused & {
- background-image: $underline-background-image, $form-icon-danger;
- }
- }
- }
-
- .is-focused{
- // may or may not be a form-group or bmd-form-group
- // on focus set borders and labels to the validation color
-
- // Use the BS provided mixin for the bulk of the color
- @include form-validation-state("valid", $label-color);
-
- [class^='bmd-label'],
- [class*=' bmd-label'] {
- color: $label-color-focus;
- }
-
- .bmd-label-placeholder {
- color: $label-color; // keep the placeholder color
- }
-
- // Set the border and box shadow on specific inputs to match
- .form-control {
- border-color: $border-color;
- }
-
- // Set validation states also for addons
- //.input-group-addon {
- // border-color: $border-color;
- //}
-
- .bmd-help {
- color: $bmd-label-color-inner-focus;
- }
- }
-}
-
-// must be broken out for reuse - webkit selector breaks firefox
-@mixin bmd-label-static($label-top, $static-font-size) {
- top: $label-top;
- left: 0;
- // must repeat because the previous (more generic) selectors
- font-size: $static-font-size;
-}
-
-@mixin bmd-form-size-variant($font-size, $label-top-margin, $variant-padding-y, $variant-line-height, $form-group-context: null) {
- $variant-input-height: (
- ($font-size * $variant-line-height) + ($variant-padding-y * 2)
- );
- // $static-font-size: ($bmd-bmd-label-static-size-ratio * $font-size);
- $floating-font-size: 0.6875rem;
- $static-font-size: 0.875rem;
- $help-font-size: ($bmd-help-size-ratio * $font-size);
-
- $label-static-top: $label-top-margin;
- $label-placeholder-top: $label-top-margin + $static-font-size +
- $variant-padding-y;
-
- //@debug "font-size: #{$font-size} static-font-size: #{$static-font-size} help-font-size: #{$help-font-size} form-group-context: #{$form-group-context} ";
-
- //Label height: 72dp
- //Padding above label text: 16dp
- //Padding between label and input text: 8dp
- //Padding below input text (including divider): 16dp
- //Padding below text divider: 8dp
-
- // @if $form-group-context {
- // // Create a space at the top of the bmd-form-group for the label.
- // // The label is absolutely positioned, so we use top padding to make space. This padding extends over the label down to the top of the input (padding).
- // padding-top: ($label-top-margin + $static-font-size);
- // // note: bottom-margin of this is determined by $spacer. @see _spacer.scss
- // //margin-bottom: (1.5 * $help-font-size);
- // }
-
- // TODO: remove this when known stable. https://github.com/FezVrasta/bootstrap-material-design/issues/849
- //@else {
- //
- // // for radios and checkboxes without a form-group, add some extra vertical spacing to pad down so that
- // // any help text above is not encroached upon, or so that it appears more evenly spaced vs form-groups
- // .radio,
- // label.radio-inline,
- // .checkbox,
- // label.checkbox-inline,
- // .switch {
- // padding-top: $spacer-y;
- // }
- //}
-
- // Set all line-heights preferably to 1 so that we can space out everything manually without additional added space
- // from the default line-height of 1.5
- .form-control,
- label,
- input::placeholder {
- line-height: $variant-line-height + 0.1;
- }
-
- label{
- color: $mdb-input-placeholder-color;
- }
-
- .radio label,
- label.radio-inline,
- .checkbox label,
- label.checkbox-inline,
- .switch label {
- line-height: $line-height-base; // keep the same line height for radios and checkboxes
- }
-
- // Note: this may be inside or outside a form-group, may be .bmd-form-group.bmd-form-group-sm or .bmd-form-group.bmd-form-group-lg
- // input::placeholder {
- // font-size: $font-size;
- // }
-
- // generic labels used anywhere in the form
- .checkbox label,
- .radio label,
- label {
- font-size: $font-size-sm;
- }
-
- // floating/placeholder default (no focus)
- .bmd-label-floating,
- .bmd-label-placeholder {
- //@debug "top: #{$label-as-placeholder-top}";
- top: $label-placeholder-top; // place the floating label to look like a placeholder with input padding
- }
-
- // floating focused/filled will look like static
- .is-focused,
- .is-filled {
- .bmd-label-floating {
- @include bmd-label-static($label-static-top, $floating-font-size);
- }
- }
-
- // static
- .bmd-label-static {
- @include bmd-label-static($label-static-top - 0.65, $static-font-size);
- }
- // #559 Fix for webkit/chrome autofill - rule must be separate because it breaks firefox otherwise #731
- //input:-webkit-autofill ~ .bmd-label-floating { FIXME: confirm that the autofill js generation of change event makes this unnecessary
- // @include bmd-label-static($label-top, $static-font-size, $static-line-height);
- //}
-
- .bmd-help {
- margin-top: 0; // allow the input margin to set-off the top of the help-block
- font-size: $help-font-size;
- }
-
- // validation icon placement
- .form-control {
- &.form-control-success,
- &.form-control-warning,
- &.form-control-danger {
- $icon-bg-size: ($variant-input-height * .5) ($variant-input-height * .5);
- background-size: $bmd-form-control-bg-size, $icon-bg-size;
-
- &,
- &:focus,
- .bmd-form-group.is-focused & {
- padding-right: ($input-padding-x * 3);
- background-repeat: $bmd-form-control-bg-repeat-y, no-repeat;
- background-position: $bmd-form-control-bg-position,
- center right ($variant-input-height * .25);
- }
-
- &:focus,
- .bmd-form-group.is-focused & {
- background-size: $bmd-form-control-bg-size-active, $icon-bg-size;
- }
- }
- }
-}
-
-@mixin mdb-label-color-toggle-focus(){
- // override bootstrap focus and keep all the standard color (could be multiple radios in the form group)
- .form-group.is-focused & {
- color: $mdb-label-color;
-
- // on focus just darken the specific labels, do not turn them to the brand-primary
- &:hover,
- &:focus {
- color: $mdb-label-color-toggle-focus;
- }
-
- // correct the above focus color for disabled items
- fieldset[disabled] & {
- color: $mdb-label-color;
- }
- }
-}
-
-@mixin animation($value){
- -webkit-animation: $value;
- -moz-animation: $value;
- -o-animation: $value;
- -ms-animation: $value;
- animation: $value;
-}
-
-@mixin transform-scale3d($value){
- -webkit-transform: scale3d($value);
- -moz-transform: scale3d($value);
- -o-transform: scale3d($value);
- -ms-transform: scale3d($value);
- transform: scale3d($value);
-}
-
-@mixin create-colored-tags(){
- &.tag-primary{
- @include tag-color($brand-primary);
- }
- &.tag-info {
- @include tag-color($brand-info);
- }
- &.tag-success{
- @include tag-color($brand-success);
- }
- &.tag-warning{
- @include tag-color($brand-warning);
- }
- &.tag-danger{
- @include tag-color($brand-danger);
- }
- &.tag-rose{
- @include tag-color($brand-rose);
- }
-}
-@mixin tag-color ($color){
- .tag{
- background-color: $color;
- color: $white-color;
- .tagsinput-remove-link{
- color: $white-color;
- }
- }
- .tagsinput-add{
- color: $color;
- }
-}
-
-
-// variations(unquote(""), background-color, #FFF);
-@mixin variations($component, $selector-suffix, $mdb-param-1, $color-default) {
- // @include generic-variations($component, $selector-suffix, $color-default, "variations-content", $mdb-param-1);
-}
diff --git a/themes/hugo-material/static/scss/material-kit/mixins/_hover.scss b/themes/hugo-material/static/scss/material-kit/mixins/_hover.scss
deleted file mode 100644
index ff52276..0000000
--- a/themes/hugo-material/static/scss/material-kit/mixins/_hover.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-@mixin bmd-hover-focus-active {
- // add the .active to the whole mix of hover-focus-active
- &.active {
- @content;
- }
- @include hover-focus-active() {
- @content;
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/mixins/_layout.scss b/themes/hugo-material/static/scss/material-kit/mixins/_layout.scss
deleted file mode 100644
index 059a89b..0000000
--- a/themes/hugo-material/static/scss/material-kit/mixins/_layout.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-// Generates the `.in` style for the generic backdrop used components such as the drawer in overlay mode
-@mixin bmd-layout-backdrop-in() {
- > .bmd-layout-backdrop {
- .in {
- visibility: visible;
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- @supports (pointer-events: auto) {
- &.in {
- pointer-events: auto;
- opacity: 1;
- }
- }
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/mixins/_navbar-colors.scss b/themes/hugo-material/static/scss/material-kit/mixins/_navbar-colors.scss
deleted file mode 100644
index 3756faf..0000000
--- a/themes/hugo-material/static/scss/material-kit/mixins/_navbar-colors.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-@mixin navbar-colors($color, $link-color) {
- color: $link-color;
- background-color: $color !important;
- @include shadow-navbar-color($color);
-
- .dropdown-item:hover,
- .dropdown-item:focus{
- @include shadow-small-color($color);
- background-color: $color;
- color: $link-color;
- }
-
- .navbar-toggler{
- .navbar-toggler-icon{
- background-color: $link-color;
- }
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/mixins/_navs.scss b/themes/hugo-material/static/scss/material-kit/mixins/_navs.scss
deleted file mode 100644
index 4b98340..0000000
--- a/themes/hugo-material/static/scss/material-kit/mixins/_navs.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-@mixin bmd-tabs-color($color, $active-color, $active-border, $disabled-link-color, $disabled-link-hover-color) {
- .nav-link {
- color: $color;
-
- &.active {
- color: $active-color;
- border-color: $active-border;
- @include hover-focus {
- border-color: $active-border;
- }
- }
-
- // Disabled state lightens text and removes hover/tab effects
- &.disabled {
- color: $disabled-link-color;
-
- @include plain-hover-focus {
- color: $disabled-link-hover-color;
- }
- }
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/mixins/_type.scss b/themes/hugo-material/static/scss/material-kit/mixins/_type.scss
deleted file mode 100644
index e81ca89..0000000
--- a/themes/hugo-material/static/scss/material-kit/mixins/_type.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-@mixin headings() {
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- @content;
- }
-}
-
-// 14sp font
-%std-font {
- font-size: .875rem;
-}
diff --git a/themes/hugo-material/static/scss/material-kit/mixins/_utilities.scss b/themes/hugo-material/static/scss/material-kit/mixins/_utilities.scss
deleted file mode 100644
index 1d597af..0000000
--- a/themes/hugo-material/static/scss/material-kit/mixins/_utilities.scss
+++ /dev/null
@@ -1,110 +0,0 @@
-@function calc-top($line-height-base, $font-size, $component-height) {
- @return (($line-height-base * $font-size) - $component-height) / 2; // vertical center of line-height
-}
-
-// Emulate the less #contrast function
-// TODO: this may be useful for the inverse theme, but if not, remove (it is unused after the removal of fullpalette)
-// contrast-color and brightness borrowed from compass
-// Copyright (c) 2009-2014 Christopher M. Eppstein
-// Complies with license: https://github.com/Compass/compass/blob/stable/LICENSE.markdown
-@function contrast-color($color, $dark: $contrasted-dark-default, $light: $contrasted-light-default, $threshold: null) {
- @if $threshold {
- // Deprecated in Compass 0.13
- @warn "The $threshold argment to contrast-color is no longer needed and will be removed in the next release.";
- }
-
- @if $color == null {
- @return null;
- } @else {
- $color-brightness: brightness($color);
- $dark-text-brightness: brightness($dark);
- $light-text-brightness: brightness($light);
- @return if(abs($color-brightness - $light-text-brightness) > abs($color-brightness - $dark-text-brightness), $light, $dark);
- }
-}
-
-@function brightness($color) {
- @if type-of($color) == color {
- @return (red($color) * 0.299 + green($color) * 0.587 + blue($color) * 0.114) / 255 * 100%;
- } @else {
- @return unquote("brightness(#{$color})");
- }
-}
-
-@mixin linear-gradient($color1, $color2){
- background: $color1; /* For browsers that do not support gradients */
- background: -webkit-linear-gradient(60deg, $color1 , $color2); /* For Safari 5.1 to 6.0 */
- background: -o-linear-gradient(60deg, $color1, $color2); /* For Opera 11.1 to 12.0 */
- background: -moz-linear-gradient(60deg, $color1, $color2); /* For Firefox 3.6 to 15 */
- background: linear-gradient(60deg, $color1 , $color2); /* Standard syntax */
-}
-
-@mixin radial-gradient($extern-color, $center-color){
- background: $extern-color;
- background: -moz-radial-gradient(center, ellipse cover, $center-color 0%, $extern-color 100%); /* FF3.6+ */
- background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,$center-color), color-stop(100%,$extern-color)); /* Chrome,Safari4+ */
- background: -webkit-radial-gradient(center, ellipse cover, $center-color 0%,$extern-color 100%); /* Chrome10+,Safari5.1+ */
- background: -o-radial-gradient(center, ellipse cover, $center-color 0%,$extern-color 100%); /* Opera 12+ */
- background: -ms-radial-gradient(center, ellipse cover, $center-color 0%,$extern-color 100%); /* IE10+ */
- background: radial-gradient(ellipse at center, $center-color 0%,$extern-color 100%); /* W3C */
- background-size: 550% 450%;
-}
-
-@mixin badges-color($color){
- .tag{
- background-color: $color;
- color: $white-color;
-
- .tagsinput-remove-link{
- color: $white-color;
- }
- }
- // .tagsinput-add{
- // color: $color;
- // }
-}
-
-@mixin create-colored-badges(){
- &.primary-badge{
- @include badges-color($brand-primary);
- }
- &.info-badge {
- @include badges-color($brand-info);
- }
- &.success-badge{
- @include badges-color($brand-success);
- }
- &.warning-badge{
- @include badges-color($brand-warning);
- }
- &.danger-badge{
- @include badges-color($brand-danger);
- }
- &.rose-badge{
- @include badges-color($brand-rose);
- }
-}
-
-@mixin badge-color() {
- &.badge-primary{
- background-color: $brand-primary;
- }
- &.badge-info {
- background-color: $brand-info;
- }
- &.badge-success{
- background-color: $brand-success;
- }
- &.badge-warning{
- background-color: $brand-warning;
- }
- &.badge-danger{
- background-color: $brand-danger;
- }
- &.badge-rose{
- background-color: $brand-rose;
- }
- &.badge-default{
- background-color: $gray-light;
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/plugins/_plugin-datetime-picker.scss b/themes/hugo-material/static/scss/material-kit/plugins/_plugin-datetime-picker.scss
deleted file mode 100644
index 7497f0b..0000000
--- a/themes/hugo-material/static/scss/material-kit/plugins/_plugin-datetime-picker.scss
+++ /dev/null
@@ -1,446 +0,0 @@
-/*!
- * Datetimepicker for Bootstrap 3
- * ! version : 4.17.37
- * https://github.com/Eonasdan/bootstrap-datetimepicker/
- */
- $bs-datetimepicker-timepicker-font-size: 1.2em !default;
- $bs-datetimepicker-active-bg: $brand-primary !default;
- $bs-datetimepicker-active-color: $white-color !default;
- $bs-datetimepicker-border-radius: $border-radius-base;
- $bs-datetimepicker-btn-hover-bg: #eee !default;
- $bs-datetimepicker-disabled-color: $gray-lighter !default;
- $bs-datetimepicker-alternate-color: $gray-light !default;
- $bs-datetimepicker-secondary-border-color: #ccc !default;
- $bs-datetimepicker-secondary-border-color-rgba: rgba(0, 0, 0, 0.2) !default;
- $bs-datetimepicker-primary-border-color: white !default;
- $bs-datetimepicker-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !default;
-
-.sr-only {
- position: absolute;
- width: 1px;
- height: 1px;
- margin: -1px;
- padding: 0;
- overflow: hidden;
- clip: rect(0,0,0,0);
- border: 0;
-}
-
-
-.bootstrap-datetimepicker-widget {
- list-style: none;
-
-
- a{
- &:hover{
- box-shadow: none !important;
- }
- .btn{
- &:hover{
- background-color: transparent;
- }
- }
- }
-
- &.dropdown-menu {
- padding: 4px;
- width: 19em;
-
- &.timepicker-sbs {
- @media (min-width: 768px) {
- width: 38em;
- }
-
- @media (min-width: 991px) {
- width: 38em;
- }
-
- @media (min-width: 1200px) {
- width: 38em;
- }
- }
-
- &.bottom {
-
- &:before,
- &:after{
- right: auto;
- left: 12px
- }
- }
-
- &.top {
- margin-top: auto;
- margin-bottom: 27px;
-
- &.open{
- margin-top: auto;
- margin-bottom: 27px;
- }
- }
-
-
-
- &.pull-right {
- &:before {
- left: auto;
- right: 6px;
- }
-
- &:after {
- left: auto;
- right: 7px;
- }
- }
- }
-
- .list-unstyled {
- margin: 0;
-
-
- }
-
- a[data-action] {
- padding: 0;
- margin: 0;
- border-width: 0;
- background-color: transparent;
- color: $brand-primary;
- box-shadow: none;
-
- &:hover{
- background-color: transparent;
-
- span{
- background-color: $bs-datetimepicker-btn-hover-bg;
- color: $brand-primary;
- }
- }
- }
-
- a[data-action]:active {
- box-shadow: none;
- }
-
- .timepicker-hour, .timepicker-minute, .timepicker-second {
- width: 40px;
- height: 40px;
- line-height: 40px;
- font-weight: $font-weight-light;
- font-size: $font-size-h4;
- margin: 0;
- border-radius: 50%;
- }
-
- button[data-action] {
- width: 38px;
- height: 38px;
- margin-right: 3px;
- padding: 0;
-
- }
-
- .btn[data-action="incrementHours"]::after {
- @extend .sr-only;
- content: "Increment Hours";
- }
-
- .btn[data-action="incrementMinutes"]::after {
- @extend .sr-only;
- content: "Increment Minutes";
- }
-
- .btn[data-action="decrementHours"]::after {
- @extend .sr-only;
- content: "Decrement Hours";
- }
-
- .btn[data-action="decrementMinutes"]::after {
- @extend .sr-only;
- content: "Decrement Minutes";
- }
-
- .btn[data-action="showHours"]::after {
- @extend .sr-only;
- content: "Show Hours";
- }
-
- .btn[data-action="showMinutes"]::after {
- @extend .sr-only;
- content: "Show Minutes";
- }
-
- .btn[data-action="togglePeriod"]::after {
- @extend .sr-only;
- content: "Toggle AM/PM";
- }
-
- .btn[data-action="clear"]::after {
- @extend .sr-only;
- content: "Clear the picker";
- }
-
- .btn[data-action="today"]::after {
- @extend .sr-only;
- content: "Set the date to today";
- }
-
- .picker-switch {
- text-align: center;
- border-radius: $bs-datetimepicker-border-radius;
- font-size: 0.875rem;
-
- &::after {
- @extend .sr-only;
- content: "Toggle Date and Time Screens";
- }
-
- td {
- padding: 0;
- margin: 0;
- height: auto;
- width: auto;
- line-height: inherit;
-
- span {
- line-height: 2.5;
- height: 2.5em;
- width: 100%;
- border-radius: $bs-datetimepicker-border-radius;
- margin: 2px 0px !important;
- }
- }
- }
-
- table {
- width: 100%;
- margin: 0;
-
- &.table-condensed{
- tr > td{
- text-align: center;
- }
- }
-
-
- & td > div,
- & th > div {
- @extend .animation-transition-fast;
- text-align: center;
-
- }
-
-
- & th {
- @extend .animation-transition-fast;
-
- height: 20px;
- line-height: 20px;
- width: 20px;
- font-weight: $font-weight-bold;
-
- &.picker-switch {
- width: 145px;
- }
-
- &.disabled,
- &.disabled:hover {
- background: none;
- color: $bs-datetimepicker-disabled-color;
- cursor: not-allowed;
- }
-
- &.prev span,
- &.next span{
- border-radius: $bs-datetimepicker-border-radius;
- height: 27px;
- width: 27px;
- line-height: 28px;
- font-size: 12px;
- border-radius: 50%;
- text-align: center;
-
- }
-
- &.prev::after {
- @extend .sr-only;
- content: "Previous Month";
- }
-
- &.next::after {
- @extend .sr-only;
- content: "Next Month";
- }
-
- &.dow{
- text-align: center;
- border-bottom: 1px solid $gray-lighter;
- font-size: $font-size-small;
- text-transform: uppercase;
- color: $gray-dark;
- font-weight: $font-weight-default;
- padding-bottom: 5px;
- padding-top: $padding-default-vertical;
- }
- }
-
- & thead tr:first-child th{
- cursor: pointer;
-
- &:hover span,
- &.picker-switch:hover{
- background: $bs-datetimepicker-btn-hover-bg;
- }
- }
-
- & td{
-
- > div {
- border-radius: $bs-datetimepicker-border-radius;
-
- height: 54px;
- line-height: 54px;
- width: 54px;
- text-align: center;
- }
-
- &.cw > div {
- font-size: .8em;
- height: 20px;
- line-height: 20px;
- color: $bs-datetimepicker-alternate-color;
- }
-
- &.day > div {
- height: 30px;
- line-height: 30px;
- width: 30px;
- text-align: center;
- padding: 0px;
- border-radius: 50%;
- position: relative;
- z-index: -1;
- color: $black-color;
- font-size: 0.875rem;
- }
-
- &.minute > div,
- &.hour > div{
- border-radius: 50%;
- }
-
- &.day:hover > div,
- &.hour:hover > div,
- &.minute:hover > div,
- &.second:hover > div {
- background: $bs-datetimepicker-btn-hover-bg;
- cursor: pointer;
- }
-
- &.old > div,
- &.new > div{
- color: $bs-datetimepicker-alternate-color;
- }
-
- &.today > div{
- position: relative;
-
- &:before {
- content: '';
- display: inline-block;
- border: 0 0 7px 7px solid transparent;
- border-bottom-color: $bs-datetimepicker-active-bg;
- border-top-color: $bs-datetimepicker-secondary-border-color-rgba;
- position: absolute;
- bottom: 4px;
- right: 4px;
- }
- }
-
- &.active > div,
- &.active:hover > div {
- background-color: $bs-datetimepicker-active-bg;
- color: $bs-datetimepicker-active-color;
- @include shadow-small-color($brand-primary);
- }
-
- &.active.today:before > div{
- border-bottom-color: $white-color;
- }
-
- &.disabled > div,
- &.disabled:hover > div {
- background: none;
- color: $bs-datetimepicker-disabled-color;
- cursor: not-allowed;
- }
-
- span {
- @extend .animation-transition-fast;
-
- display: inline-block;
- width: 40px;
- height: 40px;
- line-height: 40px;
- margin: 3px 3px;
- cursor: pointer;
- border-radius: 50%;
- text-align: center;
-
- &:hover {
- background: $bs-datetimepicker-btn-hover-bg;
- }
-
- &.active {
- background-color: $bs-datetimepicker-active-bg;
- color: $bs-datetimepicker-active-color;
- }
-
- &.old {
- color: $bs-datetimepicker-alternate-color;
- }
-
- &.disabled,
- &.disabled:hover {
- background: none;
- color: $bs-datetimepicker-disabled-color;
- cursor: not-allowed;
- }
- }
- }
- }
-
- .timepicker-picker,
- .timepicker-hours,
- .timepicker-minutes{
- span{
- border-radius: 50% !important;
- }
- }
-
- &.usetwentyfour {
- td.hour {
- height: 27px;
- line-height: 27px;
- }
- }
-}
-
-.input-group.date {
- & .input-group-addon {
- cursor: pointer;
- }
-}
-
-
-.table-condensed>tbody>tr>td,
-.table-condensed>tbody>tr>th,
-.table-condensed>tfoot>tr>td,
-.table-condensed>tfoot>tr>th,
-.table-condensed>thead>tr>td,
-.table-condensed>thead>tr>th{
- padding: 1px;
- text-align: center;
- z-index: 1;
- cursor: pointer;
-}
diff --git a/themes/hugo-material/static/scss/material-kit/plugins/_plugin-nouislider.scss b/themes/hugo-material/static/scss/material-kit/plugins/_plugin-nouislider.scss
deleted file mode 100644
index 7a4ef97..0000000
--- a/themes/hugo-material/static/scss/material-kit/plugins/_plugin-nouislider.scss
+++ /dev/null
@@ -1,209 +0,0 @@
-
-/* Functional styling;
- * These styles are required for noUiSlider to function.
- * You don't need to change these rules to apply your design.
- */
-.noUi-target,
-.noUi-target * {
--webkit-touch-callout: none;
--webkit-user-select: none;
--ms-touch-action: none;
- touch-action: none;
--ms-user-select: none;
--moz-user-select: none;
- user-select: none;
--moz-box-sizing: border-box;
- box-sizing: border-box;
-}
-.noUi-target {
- position: relative;
- direction: ltr;
-}
-.noUi-base {
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1; /* Fix 401 */
-}
-.noUi-connect {
- position: absolute;
- right: 0;
- top: 0;
- left: 0;
- bottom: 0;
-}
-.noUi-origin {
- position: absolute;
- height: 0;
- width: 0;
-
- margin: 0;
- border-radius: 0;
- height: 2px;
- background: #c8c8c8;
- &[style^="left: 0"] .noUi-handle {
- background-color: #fff;
- border: 2px solid #c8c8c8;
- &.noUi-active {
- border-width: 1px;
- }
- }
-}
-.noUi-handle {
- position: relative;
- z-index: 1;
-}
-.noUi-state-tap .noUi-connect,
-.noUi-state-tap .noUi-origin {
--webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
- transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
-}
-.noUi-state-drag * {
- cursor: inherit !important;
-}
-
-/* Painting and performance;
- * Browsers can paint handles in their own layer.
- */
-.noUi-base,
-.noUi-handle {
- -webkit-transform: translate3d(0,0,0);
- transform: translate3d(0,0,0);
-}
-
-/* Slider size and handle placement;
- */
-.noUi-horizontal {
- height: 2px;
- margin: 15px 0;
-}
-.noUi-vertical {
- width: 18px;
-}
-.noUi-vertical .noUi-handle {
- width: 28px;
- height: 34px;
- left: -6px;
- top: -17px;
-}
-
-/* Styling;
- */
-.noUi-target {
- background: #c8c8c8;
- border-radius: 4px;
-}
-.noUi-connect {
- background: #3FB8AF;
--webkit-transition: background 450ms;
- transition: background 450ms;
-}
-
-/* Handles and cursors;
- */
-.noUi-draggable {
- cursor: w-resize;
-}
-.noUi-vertical .noUi-draggable {
- cursor: n-resize;
-}
-.noUi-handle {
- box-sizing: border-box;
- width: 14px;
- height: 14px;
- left: -10px;
- top: -6px;
- cursor: pointer;
- border-radius: 100%;
- transition: all 0.2s ease-out;
- border: 1px solid;
- background: $white-color;
-
- @include shadow-2dp();
-
- &.noUi-active {
- transform: scale3d(1.5, 1.5, 1);
- }
-}
-.noUi-vertical .noUi-handle:before,
-.noUi-vertical .noUi-handle:after {
- width: 14px;
- height: 1px;
- left: 6px;
- top: 14px;
-}
-.noUi-vertical .noUi-handle:after {
- top: 17px;
-}
-
-/* Disabled state;
- */
-
-[disabled] .noUi-connect {
- background: #B8B8B8;
-}
-[disabled].noUi-target,
-[disabled].noUi-handle,
-[disabled] .noUi-handle {
- cursor: not-allowed;
-}
-
-.slider {
- background: #c8c8c8;
-
- & .noUi-connect{
- background-color: $brand-primary;
- border-radius: 4px;
- }
-
- .noUi-handle{
- border-color: $brand-primary;
- }
-
- &.slider-info{
- & .noUi-connect{
- background-color: $brand-info;
- }
-
- .noUi-handle{
- border-color: $brand-info;
- }
- }
- &.slider-success{
- & .noUi-connect{
- background-color: $brand-success;
- }
-
- .noUi-handle{
- border-color: $brand-success;
- }
- }
- &.slider-warning{
- & .noUi-connect{
- background-color: $brand-warning;
- }
-
- .noUi-handle{
- border-color: $brand-warning;
- }
- }
- &.slider-danger{
- & .noUi-connect{
- background-color: $brand-danger;
- }
-
- .noUi-handle{
- border-color: $brand-danger;
- }
- }
-
- &.slider-rose{
- & .noUi-connect{
- background-color: $brand-rose;
- }
-
- .noUi-handle{
- border-color: $brand-rose;
- }
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/variables/_body.scss b/themes/hugo-material/static/scss/material-kit/variables/_body.scss
deleted file mode 100644
index 5f1da1e..0000000
--- a/themes/hugo-material/static/scss/material-kit/variables/_body.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-// Body
-//
-// Settings for the `` element.
-
-$body-bg: #fafafa !default;
-//$body-color: $gray-dark !default;
diff --git a/themes/hugo-material/static/scss/material-kit/variables/_bootstrap-material-design-base.scss b/themes/hugo-material/static/scss/material-kit/variables/_bootstrap-material-design-base.scss
deleted file mode 100644
index d6d8bdc..0000000
--- a/themes/hugo-material/static/scss/material-kit/variables/_bootstrap-material-design-base.scss
+++ /dev/null
@@ -1,33 +0,0 @@
-$gray-lighter: rgba($black, 0.12) !default;
-$gray-light: #999 !default;
-$gray-alpha: .54 !default;
-$gray: #555 !default; // spec color
-$gray-dark: rgba($black, 0.87) !default; // used for text color - others use grey-600 which is considerably lighter
-
-$bmd-font-weight-base: 400;
-
-// wondering if any of these could still be refactored out, but are definitely in use.
-$bmd-inverse: rgba($white, 1) !default;
-$bmd-inverse-light: rgba($white, 0.84) !default;
-$bmd-inverse-lighter: rgba($white, 0.54) !default;
-
-$bmd-label-color: $gray-color !default;
-$bmd-label-color-inner-focus: $gray !default; // e.g. radio label or text-muted not a control-label which is primary
-
-$border-radius-base: 3px !default;
-$border-radius-small: 2px !default;
-$border-radius-large: 6px !default;
-$border-radius-huge: 10px !default;
-$border-radius-label: 12px !default;
-$border-radius-extreme: 30px !default;
-
-// Typography elements
-$mdb-font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif !default;
-$mdb-text-color-light: $white !default;
-$mdb-text-color-light-hex: $white !default; // for contrast function in inverse
-$mdb-text-color-primary: unquote("rgba(#{$rgb-black}, 0.87)") !default;
-$mdb-text-color-primary-hex: $black !default; // for contrast function in inverse
-$icon-color: rgba(0,0,0,0.5) !default;
-
-$mdb-label-color: unquote("rgba(#{$rgb-black}, 0.26)") !default;
-$mdb-label-color-toggle-focus: unquote("rgba(#{$rgb-black}, .54)") !default;
diff --git a/themes/hugo-material/static/scss/material-kit/variables/_bootstrap-material-design.scss b/themes/hugo-material/static/scss/material-kit/variables/_bootstrap-material-design.scss
deleted file mode 100644
index 9f63964..0000000
--- a/themes/hugo-material/static/scss/material-kit/variables/_bootstrap-material-design.scss
+++ /dev/null
@@ -1,235 +0,0 @@
-$bmd-label-color-focus: $brand-primary !default;
-$bmd-invalid-underline: $brand-danger !default;
-$bmd-readonly-underline: $input-border-color !default;
-
-//---
-// verified in use with refactoring to v4
-
-//---
-//-- unverified below here
-$bmd-brand-inverse: $indigo !default;
-// Typography elements FIXME: review to see if we actually need these
-$icon-color: rgba($black, 0.5) !default;
-
-// --------------------
-// inputs
-$mdb-input-placeholder-color: #AAAAAA !default;
-$mdb-input-underline-color: #D2D2D2 !default;
-
-$mdb-input-font-size-base: 14px !default;
-$mdb-input-font-size-large: ceil(($font-size-base * 1.25)) !default; // ~20px
-$mdb-input-font-size-small: ceil(($font-size-base * 0.75)) !default; // ~12px
-
-$bmd-bmd-label-static-size-ratio: 75 / 100 !default;
-$bmd-help-size-ratio: 75 / 100 !default;
-
-$bmd-form-control-bg-repeat-y: no-repeat !default;
-$bmd-form-control-bg-position: center bottom, center calc(100% - 1px) !default;
-$bmd-form-control-bg-size: 0 100%, 100% 100% !default;
-$bmd-form-control-bg-size-active: 100% 100%, 100% 100% !default;
-
-// expandable
-$input-text-button-size: 32px !default;
-
-// sizing
-$bmd-form-line-height: 1 !default; // set as 1x font-size so that padding is easier calculated to match the spec.
-$bmd-label-top-margin-base: 1rem !default;
-
-$bmd-form-line-height-lg: 1 !default; // set as 1x font-size so that padding is easier calculated to match the spec.
-$bmd-label-top-margin-lg: 1rem !default; // 16px
-
-$bmd-form-line-height-sm: 1 !default; // set as 1x font-size so that padding is easier calculated to match the spec.
-$bmd-label-top-margin-sm: .75rem !default; // 12px
-
-$text-disabled: #a8a8a8 !default;
-$background-disabled: #eaeaea !default;
-
-$margin-base: 1.071rem !default;
-
-
-// Checkboxes
-$bmd-checkbox-size: 1.25rem !default;
-$bmd-checkbox-animation-ripple: 500ms !default;
-$bmd-checkbox-animation-check: 0.3s !default;
-$bmd-checkbox-checked-color: $white !default;
-$bmd-checkbox-label-padding: .3125rem !default; // 5px
-$checkboxes-text-color: $mdb-input-placeholder-color !default;
-
-$bmd-checkbox-border-size: .0625rem !default;
-$bmd-checkbox-border-color: $bmd-label-color-inner-focus !default;
-$bmd-checkbox-border-color-disabled: $gray-lighter !default; //#bdbdbd !default;
-
-// Toggle
-$mdb-toggle-label-color: $mdb-label-color !default;
-
-// Variables for datetimepicker //
-$padding-default-vertical: 10px !default;
-$medium-pale-bg: #F1EAE0 !default;
-$pale-bg: #F9F7F3 !default;
-
-
-$font-color: #66615b !default;
-
-$brand-default: #cecece !default;
-$brand-primary: $purple !default;
-$brand-success: $green !default;
-$brand-danger: $red !default;
-$brand-warning: $orange !default;
-$brand-info: $cyan !default;
-$brand-rose: $pink !default;
-
-$black-color: #3C4858 !default;
-
-// Dropdowns
-
-$dropdown-item-padding-y: .625rem;
-$dropdown-item-padding-x: 1.25rem;
-$dropdown-header-padding-y: 0.1875rem;
-$bmd-dropdown-margin-y: .3125rem !default;
-$bmd-dropdown-header-color: #777 !default;
-$bmd-dropdown-link-color: #333 !default;
-
-// Switches
-$bmd-switch-label-padding: .3125rem !default; // 5px
-$bmd-switch-width: 2.125rem !default; // 34px
-$bmd-switch-height: .875rem !default; // 14px
-$bmd-switch-handle-size: 1.25rem !default; // 20px (was 18px)
-
-$bmd-switch-handle-checked-bg: $brand-primary !default;
-$bmd-switch-handle-unchecked-bg: #f1f1f1 !default;
-$bmd-switch-handle-disabled-bg: #bdbdbd !default;
-$bmd-switch-unchecked-bg: $gray-lighter !default;
-$bmd-switch-checked-bg: desaturate(
- lighten($bmd-switch-handle-checked-bg, 28%),
- 32%
-); // kind of magic recipe
-$bmd-switch-disabled-bg: $gray-lighter !default;
-
-// Popovers and Popups
-$bmd-popover-background: rgba(101, 101, 101, 0.9) !default;
-$bmd-popover-color: #ececec !default;
-
-// Radio:
-$bmd-radio-border: .0625rem !default; // 1px
-$bmd-radio-size: 1rem !default;
-$bmd-radio-ripple-offset: 1em !default;
-$bmd-radio-label-padding: .3125rem !default; // 5px
-
-$bmd-radio-color-off: $bmd-label-color-inner-focus !default;
-$bmd-radio-color-on: $brand-primary !default;
-$bmd-radio-color-disabled: $gray-lighter; //
-$bmd-radio-color-disabled-inverse: rgba(
- $white,
- 0.30
-); // dark theme spec: Disabled: #FFFFFF, Opacity 30%
-
-$white-color: #fff !default;
-$navbar-color: #555 !default;
-$pills-color: $navbar-color !default;
-$black-color: #3C4858 !default;
-$link-color: $brand-primary;
-$white-transparent: rgba($white-color, .8);
-$transparent: transparent;
-
-//Popovers
-$popover-color: $navbar-color !default;
-
-//Tooltips
-$tooltip-font-size: 0.75rem !default;
-
-// Background colors
-$bg-primary: $brand-primary;
-$bg-danger: $brand-danger;
-$bg-warning: $brand-warning;
-$bg-info: $brand-info;
-$bg-rose: $brand-rose;
-$bg-success: $brand-success;
-$bg-dark: $grey-900;
-
-//Paddings
-$padding-general-y: 0.625rem !default;
-$padding-general-x: 0.9375rem !default;
-$padding-card-body-y: 0.9375rem !default;
-$padding-card-body-x: 1.875rem !default;
-
-// Buttons:
-$mdb-btn-font-size-base: 12px !default;
-$mdb-btn-font-size-lg: 14px !default;
-$mdb-btn-font-size-sm: 11px !default;
-$mdb-btn-font-size-xs: 10px !default;
-
-$mdb-btn-fab-size: 41px !default;
-$mdb-btn-fab-size-lg: 56px !default;
-$mdb-btn-fab-size-mini: 29px !default;
-$mdb-btn-fab-font-size: 24px !default;
-$mdb-btn-just-icon-font-size: 20px !default;
-
-$mdb-btn-icon-size: 32px !default;
-$mdb-btn-icon-size-mini: 17px !default;
-
-$bmd-line-height: 1.42857143 !default;
-$btn-lg-line-height: 1.3333333 !default;
-
-//Font-weight
-$font-weight-light: 300 !default;
-$font-weight-default: 400 !default;
-$font-weight-bold: 500 !default;
-$font-weight-extra-bold: 700 !default;
-$font-weight-ultra-bold: 900 !default;
-
-//Border-radius
-$border-radius-base: 3px !default;
-$border-radius-small: 2px !default;
-$border-radius-large: 6px !default;
-$border-radius-huge: 10px !default;
-$border-radius-label: 12px !default;
-$border-radius-extreme: 30px !default;
-
-// Animations
-$bmd-animation-curve-fast-out-slow-in: cubic-bezier(0.4, 0, 0.2, 1) !default;
-$bmd-animation-curve-linear-out-slow-in: cubic-bezier(0, 0, 0.2, 1) !default;
-$bmd-animation-curve-fast-out-linear-in: cubic-bezier(0.4, 0, 1, 1) !default;
-$bmd-animation-curve-default: $bmd-animation-curve-fast-out-slow-in !default;
-$bmd-animation-dropdown-caret: 150ms !default;
-$general-transition-time: 300ms !default;
-
-$slow-transition-time: 370ms !default;
-$fast-transition-time: 150ms !default;
-
-$transition-linear: linear !default;
-$transition-bezier: cubic-bezier(0.34, 1.61, 0.7, 1) !default;
-$transition-bezier-rotating-card: cubic-bezier(0.34, 1.45, 0.7, 1) !default;
-$transition-ease: ease 0s;
-
-//variables for social
-$social-facebook: #3b5998;
-$social-twitter: #55acee;
-$social-pinterest: #cc2127;
-$social-google: #dd4b39;
-$social-linkedin: #0976b4;
-$social-dribbble: #ea4c89;
-$social-github: #333333;
-$social-youtube: #e52d27;
-$social-instagram: #125688;
-$social-reddit: #ff4500;
-$social-tumblr: #35465c;
-$social-behance: #1769ff;
-
-
-// Variables for checkboxes
-
-$mdb-label-color: unquote("rgba(#{$rgb-black}, 0.26)") !default;
-$mdb-label-color-toggle-focus: unquote("rgba(#{$rgb-black}, .54)") !default;
-
-$mdb-checkbox-size: 20px !default;
-$mdb-checkbox-animation-ripple: 500ms !default;
-$mdb-checkbox-animation-check: 0.3s !default;
-$mdb-checkbox-checked-color: $brand-primary !default;
-
-$mdb-checkbox-label-color: $mdb-label-color !default;
-$mdb-checkbox-border-color: $mdb-label-color-toggle-focus !default;
-
-// Radio:
-$mdb-radio-label-color: $mdb-label-color !default;
-$mdb-radio-color-off: $mdb-label-color-toggle-focus !default;
-$mdb-radio-color-on: $brand-primary !default;
diff --git a/themes/hugo-material/static/scss/material-kit/variables/_brand.scss b/themes/hugo-material/static/scss/material-kit/variables/_brand.scss
deleted file mode 100644
index deaf227..0000000
--- a/themes/hugo-material/static/scss/material-kit/variables/_brand.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-// Bootstrap brand color customization
-
-/* brand Colors */
-
-$brand-primary: $purple-500 !default;
-$brand-info: $cyan-500 !default;
-$brand-success: $green-500 !default;
-$brand-warning: $orange-500 !default;
-$brand-danger: $red-500 !default;
-$brand-rose: $pink-500 !default;
-$brand-inverse: $black-color !default;
diff --git a/themes/hugo-material/static/scss/material-kit/variables/_buttons.scss b/themes/hugo-material/static/scss/material-kit/variables/_buttons.scss
deleted file mode 100644
index b917123..0000000
--- a/themes/hugo-material/static/scss/material-kit/variables/_buttons.scss
+++ /dev/null
@@ -1,88 +0,0 @@
-// Buttons:
-$bmd-btn-font-size: .875rem !default; // 14px
-$bmd-btn-font-size-lg: 1.25rem !default;
-$bmd-btn-font-size-sm: .6875rem !default; // 11px
-$bmd-btn-margin-bottom: .3125rem !default; // 5px
-
-// default btn with no specific type designation
-$bmd-btn-color: $gray-dark !default;
-$bmd-btn-bg: transparent !default; //$body-bg !default; // #fff
-$bmd-btn-border: #ccc !default;
-
-$bmd-btn-focus-bg: rgba(#999, .20) !default; // spec: bg Hover: 20% #999999
-$bmd-btn-active-bg: rgba(#999, .40) !default; // spec: bg Pressed: 40% #999999
-$bmd-btn-disabled: rgba($black, .26) !default; // spec: light theme: Disabled text: 26% $black
-
-$bmd-inverse-btn-focus-bg: rgba(#ccc, .15) !default; // spec: dark bg Hover: 15% #CCCCCC
-$bmd-inverse-btn-active-bg: rgba(#ccc, .25) !default; // spec: dark Pressed: 25% #CCCCCC
-$bmd-inverse-btn-disabled: rgba($white, .30) !default; // spec: dark theme: Disabled text: 30% $white
-
-$bmd-btn-fab-size: 3.5rem !default; // 56px
-$bmd-btn-fab-size-sm: 2.5rem !default; // 40px
-$bmd-btn-fab-font-size: 1.5rem !default; // 24px
-
-// icons
-$bmd-btn-icon-size: 2rem !default; // 32px
-$bmd-btn-icon-size-sm: (.75 * $bmd-btn-icon-size) !default; // ~24px
-$bmd-btn-icon-font-size-sm: (.75 * $bmd-btn-fab-font-size) !default;
-
-// Buttons
-//
-// For each of Bootstrap's buttons, define text, background and border color.
-$input-btn-padding-x: 1rem !default; // 1rem
-$input-btn-padding-y: .46875rem !default; // .5rem achieve a 36dp height
-//$input-btn-line-height: 1 !default; //1.25
-$btn-font-weight: 400 !default; // normal
-$btn-box-shadow: none !default;
-$btn-active-box-shadow: none !default; // inset 0 3px 5px rgba(0,0,0,.125)
-
-//
-$btn-primary-color: #fff !default;
-$btn-primary-bg: $brand-primary !default;
-$btn-primary-border-color: $btn-primary-bg !default;
-//
-$btn-secondary-color: $gray-dark !default;
-$btn-secondary-bg: $body-bg !default; // #fff
-$btn-secondary-border-color: #ccc !default;
-//
-$btn-info-color: #fff !default;
-$btn-info-bg: $brand-info !default;
-$btn-info-border-color: $btn-info-bg !default;
-//
-$btn-success-color: #fff !default;
-$btn-success-bg: $brand-success !default;
-$btn-success-border-color: $btn-success-bg !default;
-//
-$btn-warning-color: #fff !default;
-$btn-warning-bg: $brand-warning !default;
-$btn-warning-border-color: $btn-warning-bg !default;
-//
-$btn-danger-color: #fff !default;
-$btn-danger-bg: $brand-danger !default;
-$btn-danger-border-color: $btn-danger-bg !default;
-
-$btn-rose-color: #fff !default;
-$btn-rose-bg: $brand-rose !default;
-$btn-rose-border-color: $btn-rose-bg !default;
-
-$btn-default-color: #fff !default;
-$btn-default-bg: $gray-color !default;
-$btn-default-border-color: $btn-default-bg !default;
-//
-$btn-link-disabled-color: $gray-light !default;
-//
-$input-btn-padding-x-sm: 1.25rem !default;
-$input-btn-padding-y-sm: .40625rem !default; // achieve a 32dp height was .25rem
-
-$input-btn-padding-y-lg: 1.125rem !default;
-$input-btn-padding-x-lg: 2.25rem !default;
-
-//
-//$input-btn-padding-x-lg: 1.5rem !default;
-//$input-btn-padding-y-lg: .75rem !default;
-//
-//// Allows for customizing button radius independently from global border radius
-//$btn-border-radius: $border-radius !default;
-//$btn-border-radius-lg: $border-radius-lg !default;
-$btn-border-radius-sm: .1875rem !default;
-$border-radius-extreme: 2rem !default;
diff --git a/themes/hugo-material/static/scss/material-kit/variables/_card.scss b/themes/hugo-material/static/scss/material-kit/variables/_card.scss
deleted file mode 100644
index 04130b8..0000000
--- a/themes/hugo-material/static/scss/material-kit/variables/_card.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-// Cards
-//$card-spacer-x: 1.25rem !default;
-//$card-spacer-y: .75rem !default;
-//$card-border-width: 1px !default;
-//$card-border-radius: $border-radius !default;
-$card-border-color: $gray-lighter !default; // #e5e5e5
-//$card-border-radius-inner: $card-border-radius !default;
-$card-bg: #fff !default;
-$card-cap-bg: $card-bg !default; // #f5f5f5
-//
-//$card-link-hover-color: #fff !default;
-//
-//$card-deck-margin: .625rem !default;
diff --git a/themes/hugo-material/static/scss/material-kit/variables/_carousel.scss b/themes/hugo-material/static/scss/material-kit/variables/_carousel.scss
deleted file mode 100644
index 41ec5e6..0000000
--- a/themes/hugo-material/static/scss/material-kit/variables/_carousel.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-.carousel{
- &.carousel-full-nagivation{
- .left{
- cursor: url("../../img/arrow-left.png"), url("../../img/arrow-left.cur"), default !important;
- }
- .right{
- cursor: url("../../img/arrow-right.png"), url("../../img/arrow-right.cur"), default !important;
- }
- }
-}
diff --git a/themes/hugo-material/static/scss/material-kit/variables/_code.scss b/themes/hugo-material/static/scss/material-kit/variables/_code.scss
deleted file mode 100644
index fc51fda..0000000
--- a/themes/hugo-material/static/scss/material-kit/variables/_code.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-// Code
-
-$code-bg: $grey-200 !default; // #f7f7f9 !default;
diff --git a/themes/hugo-material/static/scss/material-kit/variables/_colors-map.scss b/themes/hugo-material/static/scss/material-kit/variables/_colors-map.scss
deleted file mode 100644
index b20e34a..0000000
--- a/themes/hugo-material/static/scss/material-kit/variables/_colors-map.scss
+++ /dev/null
@@ -1,311 +0,0 @@
-// these might be useful in a switch to sass...at some point.
-
-//$bmd-colors: (
-// "red": $red,
-// "pink": $pink,
-// "purple": $purple,
-// "deep-purple": $deep-purple,
-// "indigo": $indigo,
-// "blue": $blue,
-// "light-blue": $light-blue,
-// "cyan": $cyan,
-// "teal": $teal,
-// "green": $green,
-// "light-green": $light-green,
-// "lime": $lime,
-// "yellow": $yellow,
-// "amber": $amber,
-// "orange": $orange,
-// "deep-orange": $deep-orange,
-// "brown": $brown,
-// "grey": $grey,
-// "blue-grey": $blue-grey
-//);
-//
-//$bmd-colors-map: (
-// "red-50": (name: "red", color: $red-50, number: "-50"),
-// "red-100": (name: "red", color: $red-100, number: "-100"),
-// "red-200": (name: "red", color: $red-200, number: "-200"),
-// "red-300": (name: "red", color: $red-300, number: "-300"),
-// "red-400": (name: "red", color: $red-400, number: "-400"),
-// "red-500": (name: "red", color: $red-500, number: "-500"),
-// "red-600": (name: "red", color: $red-600, number: "-600"),
-// "red-700": (name: "red", color: $red-700, number: "-700"),
-// "red-800": (name: "red", color: $red-800, number: "-800"),
-// "red-900": (name: "red", color: $red-900, number: "-900"),
-// "red-a100": (name: "red", color: $red-a100, number: "-a100"),
-// "red-a200": (name: "red", color: $red-a200, number: "-a200"),
-// "red-a400": (name: "red", color: $red-a400, number: "-a400"),
-// "red-a700": (name: "red", color: $red-a700, number: "-a700"),
-// "red": (name: "red", color: $red, number: ""),
-// "pink-50": (name: "pink", color: $pink-50, number: "-50"),
-// "pink-100": (name: "pink", color: $pink-100, number: "-100"),
-// "pink-200": (name: "pink", color: $pink-200, number: "-200"),
-// "pink-300": (name: "pink", color: $pink-300, number: "-300"),
-// "pink-400": (name: "pink", color: $pink-400, number: "-400"),
-// "pink-500": (name: "pink", color: $pink-500, number: "-500"),
-// "pink-600": (name: "pink", color: $pink-600, number: "-600"),
-// "pink-700": (name: "pink", color: $pink-700, number: "-700"),
-// "pink-800": (name: "pink", color: $pink-800, number: "-800"),
-// "pink-900": (name: "pink", color: $pink-900, number: "-900"),
-// "pink-a100": (name: "pink", color: $pink-a100, number: "-a100"),
-// "pink-a200": (name: "pink", color: $pink-a200, number: "-a200"),
-// "pink-a400": (name: "pink", color: $pink-a400, number: "-a400"),
-// "pink-a700": (name: "pink", color: $pink-a700, number: "-a700"),
-// "pink": (name: "pink", color: $pink, number: ""),
-// "purple-50": (name: "purple", color: $purple-50, number: "-50"),
-// "purple-100": (name: "purple", color: $purple-100, number: "-100"),
-// "purple-200": (name: "purple", color: $purple-200, number: "-200"),
-// "purple-300": (name: "purple", color: $purple-300, number: "-300"),
-// "purple-400": (name: "purple", color: $purple-400, number: "-400"),
-// "purple-500": (name: "purple", color: $purple-500, number: "-500"),
-// "purple-600": (name: "purple", color: $purple-600, number: "-600"),
-// "purple-700": (name: "purple", color: $purple-700, number: "-700"),
-// "purple-800": (name: "purple", color: $purple-800, number: "-800"),
-// "purple-900": (name: "purple", color: $purple-900, number: "-900"),
-// "purple-a100": (name: "purple", color: $purple-a100, number: "-a100"),
-// "purple-a200": (name: "purple", color: $purple-a200, number: "-a200"),
-// "purple-a400": (name: "purple", color: $purple-a400, number: "-a400"),
-// "purple-a700": (name: "purple", color: $purple-a700, number: "-a700"),
-// "purple": (name: "purple", color: $purple, number: ""),
-// "deep-purple-50": (name: "deep-purple", color: $deep-purple-50, number: "-50"),
-// "deep-purple-100": (name: "deep-purple", color: $deep-purple-100, number: "-100"),
-// "deep-purple-200": (name: "deep-purple", color: $deep-purple-200, number: "-200"),
-// "deep-purple-300": (name: "deep-purple", color: $deep-purple-300, number: "-300"),
-// "deep-purple-400": (name: "deep-purple", color: $deep-purple-400, number: "-400"),
-// "deep-purple-500": (name: "deep-purple", color: $deep-purple-500, number: "-500"),
-// "deep-purple-600": (name: "deep-purple", color: $deep-purple-600, number: "-600"),
-// "deep-purple-700": (name: "deep-purple", color: $deep-purple-700, number: "-700"),
-// "deep-purple-800": (name: "deep-purple", color: $deep-purple-800, number: "-800"),
-// "deep-purple-900": (name: "deep-purple", color: $deep-purple-900, number: "-900"),
-// "deep-purple-a100": (name: "deep-purple", color: $deep-purple-a100, number: "-a100"),
-// "deep-purple-a200": (name: "deep-purple", color: $deep-purple-a200, number: "-a200"),
-// "deep-purple-a400": (name: "deep-purple", color: $deep-purple-a400, number: "-a400"),
-// "deep-purple-a700": (name: "deep-purple", color: $deep-purple-a700, number: "-a700"),
-// "deep-purple": (name: "deep-purple", color: $deep-purple, number: ""),
-// "indigo-50": (name: "indigo", color: $indigo-50, number: "-50"),
-// "indigo-100": (name: "indigo", color: $indigo-100, number: "-100"),
-// "indigo-200": (name: "indigo", color: $indigo-200, number: "-200"),
-// "indigo-300": (name: "indigo", color: $indigo-300, number: "-300"),
-// "indigo-400": (name: "indigo", color: $indigo-400, number: "-400"),
-// "indigo-500": (name: "indigo", color: $indigo-500, number: "-500"),
-// "indigo-600": (name: "indigo", color: $indigo-600, number: "-600"),
-// "indigo-700": (name: "indigo", color: $indigo-700, number: "-700"),
-// "indigo-800": (name: "indigo", color: $indigo-800, number: "-800"),
-// "indigo-900": (name: "indigo", color: $indigo-900, number: "-900"),
-// "indigo-a100": (name: "indigo", color: $indigo-a100, number: "-a100"),
-// "indigo-a200": (name: "indigo", color: $indigo-a200, number: "-a200"),
-// "indigo-a400": (name: "indigo", color: $indigo-a400, number: "-a400"),
-// "indigo-a700": (name: "indigo", color: $indigo-a700, number: "-a700"),
-// "indigo": (name: "indigo", color: $indigo, number: ""),
-// "blue-50": (name: "blue", color: $blue-50, number: "-50"),
-// "blue-100": (name: "blue", color: $blue-100, number: "-100"),
-// "blue-200": (name: "blue", color: $blue-200, number: "-200"),
-// "blue-300": (name: "blue", color: $blue-300, number: "-300"),
-// "blue-400": (name: "blue", color: $blue-400, number: "-400"),
-// "blue-500": (name: "blue", color: $blue-500, number: "-500"),
-// "blue-600": (name: "blue", color: $blue-600, number: "-600"),
-// "blue-700": (name: "blue", color: $blue-700, number: "-700"),
-// "blue-800": (name: "blue", color: $blue-800, number: "-800"),
-// "blue-900": (name: "blue", color: $blue-900, number: "-900"),
-// "blue-a100": (name: "blue", color: $blue-a100, number: "-a100"),
-// "blue-a200": (name: "blue", color: $blue-a200, number: "-a200"),
-// "blue-a400": (name: "blue", color: $blue-a400, number: "-a400"),
-// "blue-a700": (name: "blue", color: $blue-a700, number: "-a700"),
-// "blue": (name: "blue", color: $blue, number: ""),
-// "light-blue-50": (name: "light-blue", color: $light-blue-50, number: "-50"),
-// "light-blue-100": (name: "light-blue", color: $light-blue-100, number: "-100"),
-// "light-blue-200": (name: "light-blue", color: $light-blue-200, number: "-200"),
-// "light-blue-300": (name: "light-blue", color: $light-blue-300, number: "-300"),
-// "light-blue-400": (name: "light-blue", color: $light-blue-400, number: "-400"),
-// "light-blue-500": (name: "light-blue", color: $light-blue-500, number: "-500"),
-// "light-blue-600": (name: "light-blue", color: $light-blue-600, number: "-600"),
-// "light-blue-700": (name: "light-blue", color: $light-blue-700, number: "-700"),
-// "light-blue-800": (name: "light-blue", color: $light-blue-800, number: "-800"),
-// "light-blue-900": (name: "light-blue", color: $light-blue-900, number: "-900"),
-// "light-blue-a100": (name: "light-blue", color: $light-blue-a100, number: "-a100"),
-// "light-blue-a200": (name: "light-blue", color: $light-blue-a200, number: "-a200"),
-// "light-blue-a400": (name: "light-blue", color: $light-blue-a400, number: "-a400"),
-// "light-blue-a700": (name: "light-blue", color: $light-blue-a700, number: "-a700"),
-// "light-blue": (name: "light-blue", color: $light-blue, number: ""),
-// "cyan-50": (name: "cyan", color: $cyan-50, number: "-50"),
-// "cyan-100": (name: "cyan", color: $cyan-100, number: "-100"),
-// "cyan-200": (name: "cyan", color: $cyan-200, number: "-200"),
-// "cyan-300": (name: "cyan", color: $cyan-300, number: "-300"),
-// "cyan-400": (name: "cyan", color: $cyan-400, number: "-400"),
-// "cyan-500": (name: "cyan", color: $cyan-500, number: "-500"),
-// "cyan-600": (name: "cyan", color: $cyan-600, number: "-600"),
-// "cyan-700": (name: "cyan", color: $cyan-700, number: "-700"),
-// "cyan-800": (name: "cyan", color: $cyan-800, number: "-800"),
-// "cyan-900": (name: "cyan", color: $cyan-900, number: "-900"),
-// "cyan-a100": (name: "cyan", color: $cyan-a100, number: "-a100"),
-// "cyan-a200": (name: "cyan", color: $cyan-a200, number: "-a200"),
-// "cyan-a400": (name: "cyan", color: $cyan-a400, number: "-a400"),
-// "cyan-a700": (name: "cyan", color: $cyan-a700, number: "-a700"),
-// "cyan": (name: "cyan", color: $cyan, number: ""),
-// "teal-50": (name: "teal", color: $teal-50, number: "-50"),
-// "teal-100": (name: "teal", color: $teal-100, number: "-100"),
-// "teal-200": (name: "teal", color: $teal-200, number: "-200"),
-// "teal-300": (name: "teal", color: $teal-300, number: "-300"),
-// "teal-400": (name: "teal", color: $teal-400, number: "-400"),
-// "teal-500": (name: "teal", color: $teal-500, number: "-500"),
-// "teal-600": (name: "teal", color: $teal-600, number: "-600"),
-// "teal-700": (name: "teal", color: $teal-700, number: "-700"),
-// "teal-800": (name: "teal", color: $teal-800, number: "-800"),
-// "teal-900": (name: "teal", color: $teal-900, number: "-900"),
-// "teal-a100": (name: "teal", color: $teal-a100, number: "-a100"),
-// "teal-a200": (name: "teal", color: $teal-a200, number: "-a200"),
-// "teal-a400": (name: "teal", color: $teal-a400, number: "-a400"),
-// "teal-a700": (name: "teal", color: $teal-a700, number: "-a700"),
-// "teal": (name: "teal", color: $teal, number: ""),
-// "green-50": (name: "green", color: $green-50, number: "-50"),
-// "green-100": (name: "green", color: $green-100, number: "-100"),
-// "green-200": (name: "green", color: $green-200, number: "-200"),
-// "green-300": (name: "green", color: $green-300, number: "-300"),
-// "green-400": (name: "green", color: $green-400, number: "-400"),
-// "green-500": (name: "green", color: $green-500, number: "-500"),
-// "green-600": (name: "green", color: $green-600, number: "-600"),
-// "green-700": (name: "green", color: $green-700, number: "-700"),
-// "green-800": (name: "green", color: $green-800, number: "-800"),
-// "green-900": (name: "green", color: $green-900, number: "-900"),
-// "green-a100": (name: "green", color: $green-a100, number: "-a100"),
-// "green-a200": (name: "green", color: $green-a200, number: "-a200"),
-// "green-a400": (name: "green", color: $green-a400, number: "-a400"),
-// "green-a700": (name: "green", color: $green-a700, number: "-a700"),
-// "green": (name: "green", color: $green, number: ""),
-// "light-green-50": (name: "light-green", color: $light-green-50, number: "-50"),
-// "light-green-100": (name: "light-green", color: $light-green-100, number: "-100"),
-// "light-green-200": (name: "light-green", color: $light-green-200, number: "-200"),
-// "light-green-300": (name: "light-green", color: $light-green-300, number: "-300"),
-// "light-green-400": (name: "light-green", color: $light-green-400, number: "-400"),
-// "light-green-500": (name: "light-green", color: $light-green-500, number: "-500"),
-// "light-green-600": (name: "light-green", color: $light-green-600, number: "-600"),
-// "light-green-700": (name: "light-green", color: $light-green-700, number: "-700"),
-// "light-green-800": (name: "light-green", color: $light-green-800, number: "-800"),
-// "light-green-900": (name: "light-green", color: $light-green-900, number: "-900"),
-// "light-green-a100": (name: "light-green", color: $light-green-a100, number: "-a100"),
-// "light-green-a200": (name: "light-green", color: $light-green-a200, number: "-a200"),
-// "light-green-a400": (name: "light-green", color: $light-green-a400, number: "-a400"),
-// "light-green-a700": (name: "light-green", color: $light-green-a700, number: "-a700"),
-// "light-green": (name: "light-green", color: $light-green, number: ""),
-// "lime-50": (name: "lime", color: $lime-50, number: "-50"),
-// "lime-100": (name: "lime", color: $lime-100, number: "-100"),
-// "lime-200": (name: "lime", color: $lime-200, number: "-200"),
-// "lime-300": (name: "lime", color: $lime-300, number: "-300"),
-// "lime-400": (name: "lime", color: $lime-400, number: "-400"),
-// "lime-500": (name: "lime", color: $lime-500, number: "-500"),
-// "lime-600": (name: "lime", color: $lime-600, number: "-600"),
-// "lime-700": (name: "lime", color: $lime-700, number: "-700"),
-// "lime-800": (name: "lime", color: $lime-800, number: "-800"),
-// "lime-900": (name: "lime", color: $lime-900, number: "-900"),
-// "lime-a100": (name: "lime", color: $lime-a100, number: "-a100"),
-// "lime-a200": (name: "lime", color: $lime-a200, number: "-a200"),
-// "lime-a400": (name: "lime", color: $lime-a400, number: "-a400"),
-// "lime-a700": (name: "lime", color: $lime-a700, number: "-a700"),
-// "lime": (name: "lime", color: $lime, number: ""),
-// "yellow-50": (name: "yellow", color: $yellow-50, number: "-50"),
-// "yellow-100": (name: "yellow", color: $yellow-100, number: "-100"),
-// "yellow-200": (name: "yellow", color: $yellow-200, number: "-200"),
-// "yellow-300": (name: "yellow", color: $yellow-300, number: "-300"),
-// "yellow-400": (name: "yellow", color: $yellow-400, number: "-400"),
-// "yellow-500": (name: "yellow", color: $yellow-500, number: "-500"),
-// "yellow-600": (name: "yellow", color: $yellow-600, number: "-600"),
-// "yellow-700": (name: "yellow", color: $yellow-700, number: "-700"),
-// "yellow-800": (name: "yellow", color: $yellow-800, number: "-800"),
-// "yellow-900": (name: "yellow", color: $yellow-900, number: "-900"),
-// "yellow-a100": (name: "yellow", color: $yellow-a100, number: "-a100"),
-// "yellow-a200": (name: "yellow", color: $yellow-a200, number: "-a200"),
-// "yellow-a400": (name: "yellow", color: $yellow-a400, number: "-a400"),
-// "yellow-a700": (name: "yellow", color: $yellow-a700, number: "-a700"),
-// "yellow": (name: "yellow", color: $yellow, number: ""),
-// "amber-50": (name: "amber", color: $amber-50, number: "-50"),
-// "amber-100": (name: "amber", color: $amber-100, number: "-100"),
-// "amber-200": (name: "amber", color: $amber-200, number: "-200"),
-// "amber-300": (name: "amber", color: $amber-300, number: "-300"),
-// "amber-400": (name: "amber", color: $amber-400, number: "-400"),
-// "amber-500": (name: "amber", color: $amber-500, number: "-500"),
-// "amber-600": (name: "amber", color: $amber-600, number: "-600"),
-// "amber-700": (name: "amber", color: $amber-700, number: "-700"),
-// "amber-800": (name: "amber", color: $amber-800, number: "-800"),
-// "amber-900": (name: "amber", color: $amber-900, number: "-900"),
-// "amber-a100": (name: "amber", color: $amber-a100, number: "-a100"),
-// "amber-a200": (name: "amber", color: $amber-a200, number: "-a200"),
-// "amber-a400": (name: "amber", color: $amber-a400, number: "-a400"),
-// "amber-a700": (name: "amber", color: $amber-a700, number: "-a700"),
-// "amber": (name: "amber", color: $amber, number: ""),
-// "orange-50": (name: "orange", color: $orange-50, number: "-50"),
-// "orange-100": (name: "orange", color: $orange-100, number: "-100"),
-// "orange-200": (name: "orange", color: $orange-200, number: "-200"),
-// "orange-300": (name: "orange", color: $orange-300, number: "-300"),
-// "orange-400": (name: "orange", color: $orange-400, number: "-400"),
-// "orange-500": (name: "orange", color: $orange-500, number: "-500"),
-// "orange-600": (name: "orange", color: $orange-600, number: "-600"),
-// "orange-700": (name: "orange", color: $orange-700, number: "-700"),
-// "orange-800": (name: "orange", color: $orange-800, number: "-800"),
-// "orange-900": (name: "orange", color: $orange-900, number: "-900"),
-// "orange-a100": (name: "orange", color: $orange-a100, number: "-a100"),
-// "orange-a200": (name: "orange", color: $orange-a200, number: "-a200"),
-// "orange-a400": (name: "orange", color: $orange-a400, number: "-a400"),
-// "orange-a700": (name: "orange", color: $orange-a700, number: "-a700"),
-// "orange": (name: "orange", color: $orange, number: ""),
-// "deep-orange-50": (name: "deep-orange", color: $deep-orange-50, number: "-50"),
-// "deep-orange-100": (name: "deep-orange", color: $deep-orange-100, number: "-100"),
-// "deep-orange-200": (name: "deep-orange", color: $deep-orange-200, number: "-200"),
-// "deep-orange-300": (name: "deep-orange", color: $deep-orange-300, number: "-300"),
-// "deep-orange-400": (name: "deep-orange", color: $deep-orange-400, number: "-400"),
-// "deep-orange-500": (name: "deep-orange", color: $deep-orange-500, number: "-500"),
-// "deep-orange-600": (name: "deep-orange", color: $deep-orange-600, number: "-600"),
-// "deep-orange-700": (name: "deep-orange", color: $deep-orange-700, number: "-700"),
-// "deep-orange-800": (name: "deep-orange", color: $deep-orange-800, number: "-800"),
-// "deep-orange-900": (name: "deep-orange", color: $deep-orange-900, number: "-900"),
-// "deep-orange-a100": (name: "deep-orange", color: $deep-orange-a100, number: "-a100"),
-// "deep-orange-a200": (name: "deep-orange", color: $deep-orange-a200, number: "-a200"),
-// "deep-orange-a400": (name: "deep-orange", color: $deep-orange-a400, number: "-a400"),
-// "deep-orange-a700": (name: "deep-orange", color: $deep-orange-a700, number: "-a700"),
-// "deep-orange": (name: "deep-orange", color: $deep-orange, number: ""),
-// "brown-50": (name: "brown", color: $brown-50, number: "-50"),
-// "brown-100": (name: "brown", color: $brown-100, number: "-100"),
-// "brown-200": (name: "brown", color: $brown-200, number: "-200"),
-// "brown-300": (name: "brown", color: $brown-300, number: "-300"),
-// "brown-400": (name: "brown", color: $brown-400, number: "-400"),
-// "brown-500": (name: "brown", color: $brown-500, number: "-500"),
-// "brown-600": (name: "brown", color: $brown-600, number: "-600"),
-// "brown-700": (name: "brown", color: $brown-700, number: "-700"),
-// "brown-800": (name: "brown", color: $brown-800, number: "-800"),
-// "brown-900": (name: "brown", color: $brown-900, number: "-900"),
-// "brown-a100": (name: "brown", color: $brown-a100, number: "-a100"),
-// "brown-a200": (name: "brown", color: $brown-a200, number: "-a200"),
-// "brown-a400": (name: "brown", color: $brown-a400, number: "-a400"),
-// "brown-a700": (name: "brown", color: $brown-a700, number: "-a700"),
-// "brown": (name: "brown", color: $brown, number: ""),
-// "grey-50": (name: "grey", color: $grey-50, number: "-50"),
-// "grey-100": (name: "grey", color: $grey-100, number: "-100"),
-// "grey-200": (name: "grey", color: $grey-200, number: "-200"),
-// "grey-300": (name: "grey", color: $grey-300, number: "-300"),
-// "grey-400": (name: "grey", color: $grey-400, number: "-400"),
-// "grey-500": (name: "grey", color: $grey-500, number: "-500"),
-// "grey-600": (name: "grey", color: $grey-600, number: "-600"),
-// "grey-700": (name: "grey", color: $grey-700, number: "-700"),
-// "grey-800": (name: "grey", color: $grey-800, number: "-800"),
-// "grey-900": (name: "grey", color: $grey-900, number: "-900"),
-// "grey-a100": (name: "grey", color: $grey-a100, number: "-a100"),
-// "grey-a200": (name: "grey", color: $grey-a200, number: "-a200"),
-// "grey-a400": (name: "grey", color: $grey-a400, number: "-a400"),
-// "grey-a700": (name: "grey", color: $grey-a700, number: "-a700"),
-// "grey": (name: "grey", color: $grey, number: ""),
-// "blue-grey-50": (name: "blue-grey", color: $blue-grey-50, number: "-50"),
-// "blue-grey-100": (name: "blue-grey", color: $blue-grey-100, number: "-100"),
-// "blue-grey-200": (name: "blue-grey", color: $blue-grey-200, number: "-200"),
-// "blue-grey-300": (name: "blue-grey", color: $blue-grey-300, number: "-300"),
-// "blue-grey-400": (name: "blue-grey", color: $blue-grey-400, number: "-400"),
-// "blue-grey-500": (name: "blue-grey", color: $blue-grey-500, number: "-500"),
-// "blue-grey-600": (name: "blue-grey", color: $blue-grey-600, number: "-600"),
-// "blue-grey-700": (name: "blue-grey", color: $blue-grey-700, number: "-700"),
-// "blue-grey-800": (name: "blue-grey", color: $blue-grey-800, number: "-800"),
-// "blue-grey-900": (name: "blue-grey", color: $blue-grey-900, number: "-900"),
-// "blue-grey-a100": (name: "blue-grey", color: $blue-grey-a100, number: "-a100"),
-// "blue-grey-a200": (name: "blue-grey", color: $blue-grey-a200, number: "-a200"),
-// "blue-grey-a400": (name: "blue-grey", color: $blue-grey-a400, number: "-a400"),
-// "blue-grey-a700": (name: "blue-grey", color: $blue-grey-a700, number: "-a700"),
-// "blue-grey": (name: "blue-grey", color: $blue-grey, number: "")
-//);
diff --git a/themes/hugo-material/static/scss/material-kit/variables/_colors.scss b/themes/hugo-material/static/scss/material-kit/variables/_colors.scss
deleted file mode 100644
index 8a004ec..0000000
--- a/themes/hugo-material/static/scss/material-kit/variables/_colors.scss
+++ /dev/null
@@ -1,313 +0,0 @@
-$red-50: #ffebee !default;
-$red-100: #ffcdd2 !default;
-$red-200: #ef9a9a !default;
-$red-300: #e57373 !default;
-$red-400: #ef5350 !default;
-$red-500: #f44336 !default;
-$red-600: #e53935 !default;
-$red-700: #d32f2f !default;
-$red-800: #c62828 !default;
-$red-900: #b71c1c !default;
-$red-a100: #ff8a80 !default;
-$red-a200: #ff5252 !default;
-$red-a400: #ff1744 !default;
-$red-a700: #d50000 !default;
-$red: $red-500 !default;
-
-$pink-50: #fce4ec !default;
-$pink-100: #f8bbd0 !default;
-$pink-200: #f48fb1 !default;
-$pink-300: #f06292 !default;
-$pink-400: #ec407a !default;
-$pink-500: #e91e63 !default;
-$pink-600: #d81b60 !default;
-$pink-700: #c2185b !default;
-$pink-800: #ad1457 !default;
-$pink-900: #880e4f !default;
-$pink-a100: #ff80ab !default;
-$pink-a200: #ff4081 !default;
-$pink-a400: #f50057 !default;
-$pink-a700: #c51162 !default;
-$pink: $pink-500 !default;
-
-$purple-50: #f3e5f5 !default;
-$purple-100: #e1bee7 !default;
-$purple-200: #ce93d8 !default;
-$purple-300: #ba68c8 !default;
-$purple-400: #ab47bc !default;
-$purple-500: #9c27b0 !default;
-$purple-600: #8e24aa !default;
-$purple-700: #7b1fa2 !default;
-$purple-800: #6a1b9a !default;
-$purple-900: #4a148c !default;
-$purple-a100: #ea80fc !default;
-$purple-a200: #e040fb !default;
-$purple-a400: #d500f9 !default;
-$purple-a700: #a0f !default;
-$purple: $purple-500 !default;
-
-$deep-purple-50: #ede7f6 !default;
-$deep-purple-100: #d1c4e9 !default;
-$deep-purple-200: #b39ddb !default;
-$deep-purple-300: #9575cd !default;
-$deep-purple-400: #7e57c2 !default;
-$deep-purple-500: #673ab7 !default;
-$deep-purple-600: #5e35b1 !default;
-$deep-purple-700: #512da8 !default;
-$deep-purple-800: #4527a0 !default;
-$deep-purple-900: #311b92 !default;
-$deep-purple-a100: #b388ff !default;
-$deep-purple-a200: #7c4dff !default;
-$deep-purple-a400: #651fff !default;
-$deep-purple-a700: #6200ea !default;
-$deep-purple: $deep-purple-500 !default;
-
-$indigo-50: #e8eaf6 !default;
-$indigo-100: #c5cae9 !default;
-$indigo-200: #9fa8da !default;
-$indigo-300: #7986cb !default;
-$indigo-400: #5c6bc0 !default;
-$indigo-500: #3f51b5 !default;
-$indigo-600: #3949ab !default;
-$indigo-700: #303f9f !default;
-$indigo-800: #283593 !default;
-$indigo-900: #1a237e !default;
-$indigo-a100: #8c9eff !default;
-$indigo-a200: #536dfe !default;
-$indigo-a400: #3d5afe !default;
-$indigo-a700: #304ffe !default;
-$indigo: $indigo-500 !default;
-
-$blue-50: #e3f2fd !default;
-$blue-100: #bbdefb !default;
-$blue-200: #90caf9 !default;
-$blue-300: #64b5f6 !default;
-$blue-400: #42a5f5 !default;
-$blue-500: #2196f3 !default;
-$blue-600: #1e88e5 !default;
-$blue-700: #1976d2 !default;
-$blue-800: #1565c0 !default;
-$blue-900: #0d47a1 !default;
-$blue-a100: #82b1ff !default;
-$blue-a200: #448aff !default;
-$blue-a400: #2979ff !default;
-$blue-a700: #2962ff !default;
-$blue: $blue-500 !default;
-
-$light-blue-50: #e1f5fe !default;
-$light-blue-100: #b3e5fc !default;
-$light-blue-200: #81d4fa !default;
-$light-blue-300: #4fc3f7 !default;
-$light-blue-400: #29b6f6 !default;
-$light-blue-500: #03a9f4 !default;
-$light-blue-600: #039be5 !default;
-$light-blue-700: #0288d1 !default;
-$light-blue-800: #0277bd !default;
-$light-blue-900: #01579b !default;
-$light-blue-a100: #80d8ff !default;
-$light-blue-a200: #40c4ff !default;
-$light-blue-a400: #00b0ff !default;
-$light-blue-a700: #0091ea !default;
-$light-blue: $light-blue-500 !default;
-
-$cyan-50: #e0f7fa !default;
-$cyan-100: #b2ebf2 !default;
-$cyan-200: #80deea !default;
-$cyan-300: #4dd0e1 !default;
-$cyan-400: #26c6da !default;
-$cyan-500: #00bcd4 !default;
-$cyan-600: #00acc1 !default;
-$cyan-700: #0097a7 !default;
-$cyan-800: #00838f !default;
-$cyan-900: #006064 !default;
-$cyan-a100: #84ffff !default;
-$cyan-a200: #18ffff !default;
-$cyan-a400: #00e5ff !default;
-$cyan-a700: #00b8d4 !default;
-$cyan: $cyan-500 !default;
-
-$teal-50: #e0f2f1 !default;
-$teal-100: #b2dfdb !default;
-$teal-200: #80cbc4 !default;
-$teal-300: #4db6ac !default;
-$teal-400: #26a69a !default;
-$teal-500: #009688 !default;
-$teal-600: #00897b !default;
-$teal-700: #00796b !default;
-$teal-800: #00695c !default;
-$teal-900: #004d40 !default;
-$teal-a100: #a7ffeb !default;
-$teal-a200: #64ffda !default;
-$teal-a400: #1de9b6 !default;
-$teal-a700: #00bfa5 !default;
-$teal: $teal-500 !default;
-
-$green-50: #e8f5e9 !default;
-$green-100: #c8e6c9 !default;
-$green-200: #a5d6a7 !default;
-$green-300: #81c784 !default;
-$green-400: #66bb6a !default;
-$green-500: #4caf50 !default;
-$green-600: #43a047 !default;
-$green-700: #388e3c !default;
-$green-800: #2e7d32 !default;
-$green-900: #1b5e20 !default;
-$green-a100: #b9f6ca !default;
-$green-a200: #69f0ae !default;
-$green-a400: #00e676 !default;
-$green-a700: #00c853 !default;
-$green: $green-500 !default;
-
-$light-green-50: #f1f8e9 !default;
-$light-green-100: #dcedc8 !default;
-$light-green-200: #c5e1a5 !default;
-$light-green-300: #aed581 !default;
-$light-green-400: #9ccc65 !default;
-$light-green-500: #8bc34a !default;
-$light-green-600: #7cb342 !default;
-$light-green-700: #689f38 !default;
-$light-green-800: #558b2f !default;
-$light-green-900: #33691e !default;
-$light-green-a100: #ccff90 !default;
-$light-green-a200: #b2ff59 !default;
-$light-green-a400: #76ff03 !default;
-$light-green-a700: #64dd17 !default;
-$light-green: $light-green-500 !default;
-
-$lime-50: #f9fbe7 !default;
-$lime-100: #f0f4c3 !default;
-$lime-200: #e6ee9c !default;
-$lime-300: #dce775 !default;
-$lime-400: #d4e157 !default;
-$lime-500: #cddc39 !default;
-$lime-600: #c0ca33 !default;
-$lime-700: #afb42b !default;
-$lime-800: #9e9d24 !default;
-$lime-900: #827717 !default;
-$lime-a100: #f4ff81 !default;
-$lime-a200: #eeff41 !default;
-$lime-a400: #c6ff00 !default;
-$lime-a700: #aeea00 !default;
-$lime: $lime-500 !default;
-
-$yellow-50: #fffde7 !default;
-$yellow-100: #fff9c4 !default;
-$yellow-200: #fff59d !default;
-$yellow-300: #fff176 !default;
-$yellow-400: #ffee58 !default;
-$yellow-500: #ffeb3b !default;
-$yellow-600: #fdd835 !default;
-$yellow-700: #fbc02d !default;
-$yellow-800: #f9a825 !default;
-$yellow-900: #f57f17 !default;
-$yellow-a100: #ffff8d !default;
-$yellow-a200: #ff0 !default;
-$yellow-a400: #ffea00 !default;
-$yellow-a700: #ffd600 !default;
-$yellow: $yellow-500 !default;
-
-$amber-50: #fff8e1 !default;
-$amber-100: #ffecb3 !default;
-$amber-200: #ffe082 !default;
-$amber-300: #ffd54f !default;
-$amber-400: #ffca28 !default;
-$amber-500: #ffc107 !default;
-$amber-600: #ffb300 !default;
-$amber-700: #ffa000 !default;
-$amber-800: #ff8f00 !default;
-$amber-900: #ff6f00 !default;
-$amber-a100: #ffe57f !default;
-$amber-a200: #ffd740 !default;
-$amber-a400: #ffc400 !default;
-$amber-a700: #ffab00 !default;
-$amber: $amber-500 !default;
-
-$orange-50: #fff3e0 !default;
-$orange-100: #ffe0b2 !default;
-$orange-200: #ffcc80 !default;
-$orange-300: #ffb74d !default;
-$orange-400: #ffa726 !default;
-$orange-500: #ff9800 !default;
-$orange-600: #fb8c00 !default;
-$orange-700: #f57c00 !default;
-$orange-800: #ef6c00 !default;
-$orange-900: #e65100 !default;
-$orange-a100: #ffd180 !default;
-$orange-a200: #ffab40 !default;
-$orange-a400: #ff9100 !default;
-$orange-a700: #ff6d00 !default;
-$orange: $orange-500 !default;
-
-$deep-orange-50: #fbe9e7 !default;
-$deep-orange-100: #ffccbc !default;
-$deep-orange-200: #ffab91 !default;
-$deep-orange-300: #ff8a65 !default;
-$deep-orange-400: #ff7043 !default;
-$deep-orange-500: #ff5722 !default;
-$deep-orange-600: #f4511e !default;
-$deep-orange-700: #e64a19 !default;
-$deep-orange-800: #d84315 !default;
-$deep-orange-900: #bf360c !default;
-$deep-orange-a100: #ff9e80 !default;
-$deep-orange-a200: #ff6e40 !default;
-$deep-orange-a400: #ff3d00 !default;
-$deep-orange-a700: #dd2c00 !default;
-$deep-orange: $deep-orange-500 !default;
-
-$brown-50: #efebe9 !default;
-$brown-100: #d7ccc8 !default;
-$brown-200: #bcaaa4 !default;
-$brown-300: #a1887f !default;
-$brown-400: #8d6e63 !default;
-$brown-500: #795548 !default;
-$brown-600: #6d4c41 !default;
-$brown-700: #5d4037 !default;
-$brown-800: #4e342e !default;
-$brown-900: #3e2723 !default;
-$brown-a100: #d7ccc8 !default;
-$brown-a200: #bcaaa4 !default;
-$brown-a400: #8d6e63 !default;
-$brown-a700: #5d4037 !default;
-$brown: $brown-500 !default;
-
-$grey-50: #fafafa !default;
-$grey-100: #f5f5f5 !default;
-$grey-200: #eee !default;
-$grey-300: #e0e0e0 !default;
-$grey-400: #bdbdbd !default;
-$grey-500: #9e9e9e;
-$grey-600: #757575 !default;
-$grey-700: #616161 !default;
-$grey-800: #424242 !default;
-$grey-900: #212121 !default;
-$grey-a100: #f5f5f5 !default;
-$grey-a200: #eee !default;
-$grey-a400: #bdbdbd !default;
-$grey-a700: #616161 !default;
-$grey: $grey-500 !default;
-
-$blue-grey-50: #eceff1 !default;
-$blue-grey-100: #cfd8dc !default;
-$blue-grey-200: #b0bec5 !default;
-$blue-grey-300: #90a4ae !default;
-$blue-grey-400: #78909c !default;
-$blue-grey-500: #607d8b !default;
-$blue-grey-600: #546e7a !default;
-$blue-grey-700: #455a64 !default;
-$blue-grey-800: #37474f !default;
-$blue-grey-900: #263238 !default;
-$blue-grey-a100: #cfd8dc !default;
-$blue-grey-a200: #b0bec5 !default;
-$blue-grey-a400: #78909c !default;
-$blue-grey-a700: #455a64 !default;
-$blue-grey: $blue-grey-500 !default;
-
-$black: #000;
-$white: #fff;
-
-// New colors
-$gray-color: #999999 !default;
-$black-color: #3C4858 !default;
-
-$black: #000000; $rgb-black: "0,0,0" !default;
-$white: #ffffff; $rgb-white: "255,255,255" !default;
diff --git a/themes/hugo-material/static/scss/material-kit/variables/_custom-forms.scss b/themes/hugo-material/static/scss/material-kit/variables/_custom-forms.scss
deleted file mode 100644
index d6f3644..0000000
--- a/themes/hugo-material/static/scss/material-kit/variables/_custom-forms.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-$custom-file-bg: transparent !default;
-$custom-file-border-width: 0 !default;
-$custom-file-box-shadow: none !default;
-$custom-file-border-radius: 0 !default;
-$custom-file-line-height: 1.3 !default;
diff --git a/themes/hugo-material/static/scss/material-kit/variables/_drawer.scss b/themes/hugo-material/static/scss/material-kit/variables/_drawer.scss
deleted file mode 100644
index d30b021..0000000
--- a/themes/hugo-material/static/scss/material-kit/variables/_drawer.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-// Drawer
-
-// Sizing
-$bmd-drawer-x-size: 240px !default;
-$bmd-drawer-y-size: 100px !default;
diff --git a/themes/hugo-material/static/scss/material-kit/variables/_dropdown.scss b/themes/hugo-material/static/scss/material-kit/variables/_dropdown.scss
deleted file mode 100644
index d9f1ed9..0000000
--- a/themes/hugo-material/static/scss/material-kit/variables/_dropdown.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-// Dropdowns
-//
-// Dropdown menu container and contents.
-
-//$dropdown-bg: #fff !default;
-//$dropdown-border-color: rgba(0,0,0,.15) !default;
-//$dropdown-border-width: $border-width !default;
-//$dropdown-divider-bg: #e5e5e5 !default;
-$dropdown-box-shadow: $bmd-shadow-2dp !default; //0 6px 12px rgba(0,0,0,.175) !default;
-//
-//$dropdown-link-color: $gray-dark !default;
-//$dropdown-link-hover-color: darken($gray-dark, 5%) !default;
-//$dropdown-link-hover-bg: #f5f5f5 !default;
-//
-//$dropdown-link-active-color: $component-active-color !default;
-//$dropdown-link-active-bg: $component-active-bg !default;
-//
-//$dropdown-link-disabled-color: $gray-light !default;
-//
-//$dropdown-header-color: $gray-light !default;
diff --git a/themes/hugo-material/static/scss/material-kit/variables/_forms.scss b/themes/hugo-material/static/scss/material-kit/variables/_forms.scss
deleted file mode 100644
index 3cf5ca1..0000000
--- a/themes/hugo-material/static/scss/material-kit/variables/_forms.scss
+++ /dev/null
@@ -1,37 +0,0 @@
-// Forms
-
-//
-$input-bg: rgba($black, 0) !default; // #fff !default;
-$input-bg-disabled: rgba($black, 0) !default; // $gray-lighter !default;
-//
-//$input-color: $gray !default;
-$input-border-color: #d2d2d2 !default; // #ccc !default;
-$input-border-color-white: #FFFFFF !default;
-
-//$input-btn-border-width: $border-width !default; // For form controls and buttons
-$input-box-shadow: none !default; //inset 0 1px 1px rgba(0,0,0,.075) !default;
-//
-$input-border-radius: 0 !default; // $border-radius !default;
-$input-box-shadow-focus: none !default; // rgba(102,175,233,.6) !default;
-//
-$input-color-placeholder: $bmd-label-color !default; // #999 !default;
-
-$input-padding-x: 0 !default; // .75rem !default;
-$input-padding-y: .4375rem !default; // spec 8px // .375rem !default;
-
-$input-padding-x-sm: 0 !default; // .75rem !default;
-$input-padding-y-sm: .25rem !default; // spec 4px //.275rem !default;
-
-$input-padding-x-lg: 0 !default; // 1.25rem !default;
-$input-padding-y-lg: .5625rem !default; // no-spec 9px // .75rem !default;
-
-//
-$input-group-addon-bg: transparent !default; //$gray-lighter !default;
-$input-group-addon-border-color: transparent !default; //$input-border-color !default;
-//
-//$cursor-disabled: not-allowed !default;
-//
-//// Form validation icons
-$form-icon-success: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg==";
-$form-icon-warning: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+";
-$form-icon-danger: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4=";
diff --git a/themes/hugo-material/static/scss/material-kit/variables/_layout.scss b/themes/hugo-material/static/scss/material-kit/variables/_layout.scss
deleted file mode 100644
index 7cbf784..0000000
--- a/themes/hugo-material/static/scss/material-kit/variables/_layout.scss
+++ /dev/null
@@ -1 +0,0 @@
-// Layout variables - evidently nothing to see here...remove now?
diff --git a/themes/hugo-material/static/scss/material-kit/variables/_list-group.scss b/themes/hugo-material/static/scss/material-kit/variables/_list-group.scss
deleted file mode 100644
index e0324c0..0000000
--- a/themes/hugo-material/static/scss/material-kit/variables/_list-group.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-// List group
-
-$list-group-bg: inherit !default; // #fff
-//$list-group-border-color: #ddd !default;
-$list-group-border-width: 0 !default; // $border-width
-$list-group-border-radius: 0 !default; // $border-radius
-//
-//$list-group-hover-bg: #f5f5f5 !default;
-//$list-group-active-color: $component-active-color !default;
-//$list-group-active-bg: $component-active-bg !default;
-//$list-group-active-border: $list-group-active-bg !default;
-//$list-group-active-text-color: lighten($list-group-active-bg, 40%) !default;
-//
-//$list-group-disabled-color: $gray-light !default;
-//$list-group-disabled-bg: $gray-lighter !default;
-//$list-group-disabled-text-color: $list-group-disabled-color !default;
-//
-//$list-group-link-color: #555 !default;
-//$list-group-link-hover-color: $list-group-link-color !default;
-//$list-group-link-heading-color: #333 !default;
diff --git a/themes/hugo-material/static/scss/material-kit/variables/_menu.scss b/themes/hugo-material/static/scss/material-kit/variables/_menu.scss
deleted file mode 100644
index 54da3c4..0000000
--- a/themes/hugo-material/static/scss/material-kit/variables/_menu.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-$bmd-menu-line-height: 1 !default; // makes it easier to use sizes to match spec
-
-$bmd-menu-item-min-width: 7rem !default; // Minimum width on mobile = 2 * 56dp = 112dp
-$bmd-menu-item-max-width: 17.5rem !default; // Maximum width on mobile (in both portrait and landscape) = 5 * 56dp = 280dp
-$bmd-menu-item-min-height: 3rem !default; // 48px
-
-$bmd-menu-item-padding-right: 1rem !default;
-$bmd-menu-item-padding-bottom: .8rem !default;
-$bmd-menu-item-padding-left: 1rem !default;
-$bmd-menu-item-padding-top: .8rem !default;
-
-// md and up
-$bmd-menu-item-padding-right-md: 1.5rem !default;
-$bmd-menu-item-padding-left-md: 1.5rem !default;
-
-// Menu
-$bmd-menu-expand-duration: 0.3s !default;
-$bmd-menu-fade-duration: 0.2s !default;
diff --git a/themes/hugo-material/static/scss/material-kit/variables/_modals.scss b/themes/hugo-material/static/scss/material-kit/variables/_modals.scss
deleted file mode 100644
index aaf7cc4..0000000
--- a/themes/hugo-material/static/scss/material-kit/variables/_modals.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-// Modals
-$modal-content-xs-box-shadow: $bmd-shadow-24dp !default;
-
-// Padding applied to the modal body
-//$modal-inner-padding: 15px !default;
-//
-//$modal-title-padding: 15px !default;
-//$modal-title-line-height: $line-height-base !default;
-//
-//$modal-content-bg: #fff !default;
-//$modal-content-border-color: rgba(0,0,0,.2) !default;
-//
-//$modal-backdrop-bg: #000 !default;
-$modal-backdrop-opacity: .26 !default; // .5
-//$modal-header-border-color: #e5e5e5 !default;
-//$modal-footer-border-color: $modal-header-border-color !default;
-//
-//$modal-lg: 900px !default;
-//$modal-md: 600px !default;
-//$modal-sm: 300px !default;
diff --git a/themes/hugo-material/static/scss/material-kit/variables/_nav.scss b/themes/hugo-material/static/scss/material-kit/variables/_nav.scss
deleted file mode 100644
index f02acf6..0000000
--- a/themes/hugo-material/static/scss/material-kit/variables/_nav.scss
+++ /dev/null
@@ -1,57 +0,0 @@
-// Navs https://www.google.com/design/spec/components/tabs.html#tabs-specs
-
-$nav-disabled-link-color: $gray-light !default;
-$nav-disabled-link-hover-color: $gray-light !default;
-
-$bmd-navbar-link-font-weight: $bmd-font-weight-base !default; //
-$bmd-navbar-link-font-size: .875rem !default; // 14
-$bmd-navbar-link-padding: .5321rem; // 7
-
-// tabs & pills
-$bmd-nav-tabs-pills-font-weight: 500 !default; //
-$bmd-nav-tabs-pills-font-size: .875rem !default; // 14
-$bmd-nav-tabs-pills-link-padding: 1.4286em .8575em !default; // spec // was .5em 1em // relative em based on 14
-
-// tabs only
-$bmd-nav-tabs-border-size: .214rem !default; // 3px
-
-$bmd-nav-tabs-color: $gray !default;
-$bmd-nav-tabs-active-color: $gray-dark !default;
-$bmd-nav-tabs-active-border-color: $brand-primary !default;
-$bmd-nav-tabs-disabled-link-color: $nav-disabled-link-color !default;
-$bmd-nav-tabs-disabled-link-color-hover: $nav-disabled-link-hover-color !default;
-
-$bmd-nav-tabs-primary-color: $bmd-inverse !default;
-$bmd-nav-tabs-primary-active-color: #fff !default;
-$bmd-nav-tabs-primary-active-border-color: #fff !default;
-$bmd-nav-tabs-primary-disabled-link-color: $bmd-inverse-light !default;
-$bmd-nav-tabs-primary-disabled-link-color-hover: $bmd-inverse-light !default;
-
-$bmd-nav-tabs-inverse-color: $bmd-inverse !default;
-$bmd-nav-tabs-inverse-active-color: #fff !default;
-$bmd-nav-tabs-inverse-active-border-color: #fff !default;
-$bmd-nav-tabs-inverse-disabled-link-color: $bmd-inverse-light !default;
-$bmd-nav-tabs-inverse-disabled-link-color-hover: $bmd-inverse-light !default;
-
-//$nav-item-margin: .2rem !default;
-
-//$bmd-nav-link-line-height: 1 !default; // makes it easier to line up with the spec
-//$nav-link-padding: .5em 1em !default; // changing this for tabs alters generic navbars, so do it elsewhere with higher specificity
-//$nav-link-hover-bg: $gray-lighter !default;
-
-//
-//$nav-tabs-border-color: #ddd !default;
-//
-//$nav-tabs-link-border-width: $border-width !default;
-//$nav-tabs-link-hover-border-color: $gray-lighter !default;
-//
-$nav-tabs-active-link-hover-bg: transparent !default; // $body-bg
-//$nav-tabs-active-link-hover-color: $gray !default;
-//$nav-tabs-active-link-hover-border-color: #ddd !default;
-//
-//$nav-tabs-justified-link-border-color: #ddd !default;
-//$nav-tabs-justified-active-link-border-color: $body-bg !default;
-//
-//$nav-pills-border-radius: $border-radius !default;
-//$nav-pills-active-link-hover-bg: $component-active-bg !default;
-//$nav-pills-active-link-hover-color: $component-active-color !default;
diff --git a/themes/hugo-material/static/scss/material-kit/variables/_pagination.scss b/themes/hugo-material/static/scss/material-kit/variables/_pagination.scss
deleted file mode 100644
index e55ec27..0000000
--- a/themes/hugo-material/static/scss/material-kit/variables/_pagination.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-$pagination-border-width: 0;
-$pagination-bg: transparent;
-$pagination-disabled-bg: transparent;
-
-$pagination-padding-x-lg: 0;
-$pagination-padding-x-sm: 0;
diff --git a/themes/hugo-material/static/scss/material-kit/variables/_shadow.scss b/themes/hugo-material/static/scss/material-kit/variables/_shadow.scss
deleted file mode 100644
index ef1f786..0000000
--- a/themes/hugo-material/static/scss/material-kit/variables/_shadow.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-// Shadows (originally from mdl http://www.getmdl.io/)
-$bmd-shadow-umbra-opacity: 0.2 !default;
-$bmd-shadow-penumbra-opacity: 0.14 !default;
-$bmd-shadow-ambient-opacity: 0.12 !default;
-
-// Declare the following for reuse with both mixins and the bootstrap variables
-$bmd-shadow-focus: 0 0 8px rgba($black, .18), 0 8px 16px rgba($black, .36);
-
-$bmd-shadow-2dp: 0 2px 2px 0 rgba($black, $bmd-shadow-penumbra-opacity),
- 0 3px 1px -2px rgba($black, $bmd-shadow-umbra-opacity),
- 0 1px 5px 0 rgba($black, $bmd-shadow-ambient-opacity);
-
-$bmd-shadow-3dp: 0 3px 4px 0 rgba($black, $bmd-shadow-penumbra-opacity),
- 0 3px 3px -2px rgba($black, $bmd-shadow-umbra-opacity),
- 0 1px 8px 0 rgba($black, $bmd-shadow-ambient-opacity);
-
-$bmd-shadow-4dp: 0 4px 5px 0 rgba($black, $bmd-shadow-penumbra-opacity),
- 0 1px 10px 0 rgba($black, $bmd-shadow-ambient-opacity),
- 0 2px 4px -1px rgba($black, $bmd-shadow-umbra-opacity);
-
-$bmd-shadow-6dp: 0 6px 10px 0 rgba($black, $bmd-shadow-penumbra-opacity),
- 0 1px 18px 0 rgba($black, $bmd-shadow-ambient-opacity),
- 0 3px 5px -1px rgba($black, $bmd-shadow-umbra-opacity);
-
-$bmd-shadow-8dp: 0 8px 10px 1px rgba($black, $bmd-shadow-penumbra-opacity),
- 0 3px 14px 2px rgba($black, $bmd-shadow-ambient-opacity),
- 0 5px 5px -3px rgba($black, $bmd-shadow-umbra-opacity);
-
-$bmd-shadow-16dp: 0 16px 24px 2px rgba($black, $bmd-shadow-penumbra-opacity),
- 0 6px 30px 5px rgba($black, $bmd-shadow-ambient-opacity),
- 0 8px 10px -5px rgba($black, $bmd-shadow-umbra-opacity);
-
-$bmd-shadow-24dp: 0 9px 46px 8px rgba($black, $bmd-shadow-penumbra-opacity),
- 0 11px 15px -7px rgba($black, $bmd-shadow-ambient-opacity),
- 0 24px 38px 3px rgba($black, $bmd-shadow-umbra-opacity);
diff --git a/themes/hugo-material/static/scss/material-kit/variables/_snackbar.scss b/themes/hugo-material/static/scss/material-kit/variables/_snackbar.scss
deleted file mode 100644
index a7b9212..0000000
--- a/themes/hugo-material/static/scss/material-kit/variables/_snackbar.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-$bmd-snackbar-bg: #323232 !default;
-$bmd-snackbar-color: #fff !default;
-$bmd-snackbar-min-width: 280px !default;
-$bmd-snackbar-padding: .8rem 1.5rem !default;
-
-$bmd-snackbar-min-width-sm: 100% !default;
diff --git a/themes/hugo-material/static/scss/material-kit/variables/_spacing.scss b/themes/hugo-material/static/scss/material-kit/variables/_spacing.scss
deleted file mode 100644
index 053c915..0000000
--- a/themes/hugo-material/static/scss/material-kit/variables/_spacing.scss
+++ /dev/null
@@ -1,26 +0,0 @@
-// Spacing
-//
-// Control the default styling of most Bootstrap elements by modifying these
-// variables. Mostly focused on spacing.
-
-$spacer: 1rem !default; // $form-group-margin-bottom uses $spacer-y. Decided to try this globally and see how it works out.
-//$spacer-x: $spacer !default;
-//$spacer-y: $spacer !default;
-//$spacers: (
-// 0: (
-// x: 0,
-// y: 0
-// ),
-// 1: (
-// x: $spacer-x,
-// y: $spacer-y
-// ),
-// 2: (
-// x: ($spacer-x * 1.5),
-// y: ($spacer-y * 1.5)
-// ),
-// 3: (
-// x: ($spacer-x * 3),
-// y: ($spacer-y * 3)
-// )
-//) !default;
diff --git a/themes/hugo-material/static/scss/material-kit/variables/_state.scss b/themes/hugo-material/static/scss/material-kit/variables/_state.scss
deleted file mode 100644
index 07dad33..0000000
--- a/themes/hugo-material/static/scss/material-kit/variables/_state.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-// Form states and alerts
-//
-// Define colors for form feedback states and, by default, alerts.
-$state-success-text: $bmd-inverse !default;
-$state-success-bg: $brand-success !default;
-
-$state-info-text: $bmd-inverse !default;
-$state-info-bg: $brand-info !default;
-
-$state-warning-text: $bmd-inverse !default;
-$state-warning-bg: $brand-warning !default;
-
-$state-danger-text: $bmd-inverse !default;
-$state-danger-bg: $brand-danger !default;
-
-$state-rose-bg: $brand-rose !default;
diff --git a/themes/hugo-material/static/scss/material-kit/variables/_tables.scss b/themes/hugo-material/static/scss/material-kit/variables/_tables.scss
deleted file mode 100644
index 6a6aa39..0000000
--- a/themes/hugo-material/static/scss/material-kit/variables/_tables.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-$table-bg-accent: rgba(#000, .03);
-$table-border-color: rgba(#000, .06);
-$table-bg-hover: rgba(#000, .02); // Grey 100 (on white background)
-
-$bmd-table-header-font-size: .95rem;
-$bmd-table-border-color-inverse: rgba(#fff, .06);
diff --git a/themes/hugo-material/static/scss/material-kit/variables/_tooltip.scss b/themes/hugo-material/static/scss/material-kit/variables/_tooltip.scss
deleted file mode 100644
index e94196d..0000000
--- a/themes/hugo-material/static/scss/material-kit/variables/_tooltip.scss
+++ /dev/null
@@ -1 +0,0 @@
-$tooltip-bg: rgba($grey-700, .9);
diff --git a/themes/hugo-material/static/scss/material-kit/variables/_type.scss b/themes/hugo-material/static/scss/material-kit/variables/_type.scss
deleted file mode 100644
index 3b2dbd7..0000000
--- a/themes/hugo-material/static/scss/material-kit/variables/_type.scss
+++ /dev/null
@@ -1,76 +0,0 @@
-// Typography
-//
-// Font, line-height, and color for body text, headings, and more.
-
-// https://www.google.com/design/spec/style/typography.html#typography-styles
-// http://www.getmdl.io/styles/index.html
-
-$font-family-sans-serif: 'Roboto', 'Helvetica', 'Arial', sans-serif !default;
-$font-family-serif: 'Roboto Slab', 'Times New Roman', serif !default;
-//$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
-//$font-family-base: $font-family-sans-serif !default;
-
-// Pixel value used to responsively scale all typography. Applied to the `` element.
-//$font-size-root: 16px !default;
-//
-//$font-size-base: 1rem !default;
-//$font-size-lg: 1.25rem !default;
-//$font-size-sm: .875rem !default;
-//$font-size-xs: .75rem !default;
-//
-
-$font-size-h1: 3.3125rem;
-$font-size-h2: 2.25rem !default;
-$font-size-h3: 1.5625rem;
-$font-size-h4: 1.125rem !default;
-$font-size-h5: 1.0625rem !default;
-$font-size-h6: 0.75rem !default;
-$font-paragraph: 14px !default;
-$font-size-navbar: 16px !default;
-$font-size-small: 12px !default;
-
-
-//
-$display1-size: 7rem !default; // md display-4 112px was 6rem;
-$display2-size: 3.5rem !default; // md display-3 56px was 5.5rem
-$display3-size: 2.8125rem !default; // md display-2 45px was 4.5rem
-$display4-size: 2.125rem !default; // md display-1 34px was 3.5rem
-//
-//$display1-weight: 300 !default;
-//$display2-weight: 300 !default;
-//$display3-weight: 300 !default;
-//$display4-weight: 300 !default;
-//
-//$line-height-base: 1.5 !default;
-//
-$headings-margin-bottom: ($spacer / 2) !default;
-//$headings-font-family: inherit !default;
-$headings-font-weight: 400 !default; // was 500
-
-$font-weight-light: 300 !default;
-$font-weight-default: 400 !default;
-$font-weight-bold: 500 !default;
-$font-weight-extra-bold: 700 !default;
-
-//$headings-line-height: 1.1 !default;
-//$headings-color: inherit !default;
-//
-//$lead-font-size: 1.25rem !default;
-//$lead-font-weight: 300 !default;
-//
-//$text-muted: $gray-light !default;
-//
-//$abbr-border-color: $gray-light !default;
-//
-//$blockquote-small-color: $gray-light !default;
-//$blockquote-font-size: ($font-size-base * 1.25) !default;
-//$blockquote-border-color: $gray-lighter !default;
-//
-//$hr-border-color: rgba(0,0,0,.1) !default;
-//$hr-border-width: $border-width !default;
-//
-//$list-inline-padding: 5px !default;
-//
-//$dt-font-weight: bold !default;
-//
-//$nested-kbd-font-weight: bold !default;
|