Adding !default to all variable declarations

kylelogue · Sep 13, 2018 · 6150728 · 6150728
1 parent 159fa5f
commit 6150728
Show file tree

Hide file tree

Showing 33 changed files with 305 additions and 305 deletions.
diff --git a/dist/css/mustard-ui.min.css b/dist/css/mustard-ui.min.css
diff --git a/dist/css/mustard-ui.min.css.map b/dist/css/mustard-ui.min.css.map
diff --git a/src/scss/base/base.scss b/src/scss/base/base.scss
@@ -1,8 +1,8 @@
 // BASE
 // ==============================
 
-$body-bg-color: $color-white;
-$brand-color: $color-green-500;
+$body-bg-color: $color-white !default;
+$brand-color: $color-green-500 !default;
 
 * {
     margin: 0;

diff --git a/src/scss/components/alerts.scss b/src/scss/components/alerts.scss
@@ -6,7 +6,7 @@ $alert-colors: (
     'info'     : $color-blue-50,
     'warning'  : $color-amber-50,
     'success'  : $color-green-50,
-);
+) !default;
 
 .alert {
     margin: 15px 0;

diff --git a/src/scss/components/breadcrumbs.scss b/src/scss/components/breadcrumbs.scss
@@ -1,8 +1,8 @@
 // BREADCRUMBS
 // ==============================
 
-$breadcrumb-spacing: 5px;
-$breadcrumb-separator: '/';
+$breadcrumb-spacing: 5px !default;
+$breadcrumb-separator: '/' !default;
 
 .breadcrumbs {
     display: flex;

diff --git a/src/scss/components/cards.scss b/src/scss/components/cards.scss
@@ -1,9 +1,9 @@
 // CARDS
 // ==============================
 
-$card-shadow: true;
-$card-title-font-size: 24px;
-$card-bg-color: $color-white;
+$card-shadow: true !default;
+$card-title-font-size: 24px !default;
+$card-bg-color: $color-white !default;
 
 .card {
     margin: 15px;

diff --git a/src/scss/components/footer.scss b/src/scss/components/footer.scss
@@ -1,9 +1,9 @@
 // FOOTER
 // ==============================
 
-$footer-text-color: $color-white;
-$footer-bg-color: $color-gray-600;
-$footer-links-color: $color-gray-400;
+$footer-text-color: $color-white !default;
+$footer-bg-color: $color-gray-600 !default;
+$footer-links-color: $color-gray-400 !default;
 
 .footer,
 footer {

diff --git a/src/scss/components/header.scss b/src/scss/components/header.scss
@@ -1,12 +1,12 @@
 // HEADER
 // ==============================
 
-$header-height: 100vh;
-$header-title-size: 50px;
-$header-subtitle-size: 18px;
-$header-disclaimer-size: 12px;
-$header-bg-color: $color-amber-500;
-$header-text-color: $color-gray-800;
+$header-height: 100vh !default;
+$header-title-size: 50px !default;
+$header-subtitle-size: 18px !default;
+$header-disclaimer-size: 12px !default;
+$header-bg-color: $color-amber-500 !default;
+$header-text-color: $color-gray-800 !default;
 
 header,
 .header {

diff --git a/src/scss/components/menus.scss b/src/scss/components/menus.scss
@@ -1,9 +1,9 @@
 // MENUS
 // ==============================
 
-$menu-shadow: true;
-$menu-bg-color: $color-white;
-$menu-hover-color: $color-gray-50;
+$menu-shadow: true !default;
+$menu-bg-color: $color-white !default;
+$menu-hover-color: $color-gray-50 !default;
 
 .menu {
     display: inline-block;

diff --git a/src/scss/components/modals.scss b/src/scss/components/modals.scss
@@ -1,10 +1,10 @@
 // MODALS
 // ==============================
 
-$modal-shadow: true;
-$modal-bg-color: $color-white;
-$modal-mask-color: $color-gray-700;
-$modal-content-bg-color: $color-gray-200;
+$modal-shadow: true !default;
+$modal-bg-color: $color-white !default;
+$modal-mask-color: $color-gray-700 !default;
+$modal-content-bg-color: $color-gray-200 !default;
 
 .modal-mask {
     position: fixed;

diff --git a/src/scss/components/navigation.scss b/src/scss/components/navigation.scss
@@ -1,10 +1,10 @@
 // NAVIGATION
 // ==============================
 
-$nav-bg-color: $color-amber-500;
-$nav-link-color: $color-gray-800;
-$nav-link-active-color: $brand-color;
-$nav-menu-toggle-color: $color-gray-800;
+$nav-bg-color: $color-amber-500 !default;
+$nav-link-color: $color-gray-800 !default;
+$nav-link-active-color: $brand-color !default;
+$nav-menu-toggle-color: $color-gray-800 !default;
 
 nav,
 .nav {

diff --git a/src/scss/components/pagination.scss b/src/scss/components/pagination.scss
@@ -1,9 +1,9 @@
 // PAGINATION
 // ==============================
 
-$pagination-bg-color: $color-white;
-$pagination-active-color: $brand-color;
-$pagination-border-color: $color-gray-300;
+$pagination-bg-color: $color-white !default;
+$pagination-active-color: $brand-color !default;
+$pagination-border-color: $color-gray-300 !default;
 
 .pagination {
     display: flex;

diff --git a/src/scss/components/panels.scss b/src/scss/components/panels.scss
@@ -1,10 +1,10 @@
 // PANELS
 // =============================
 
-$panel-shadow: true;
-$panel-bg-color: $color-white;
-$panel-head-color: $color-gray-50;
-$panel-footer-color: $color-gray-50;
+$panel-shadow: true !default;
+$panel-bg-color: $color-white !default;
+$panel-head-color: $color-gray-50 !default;
+$panel-footer-color: $color-gray-50 !default;
 
 .panel {
     background: $panel-bg-color;

diff --git a/src/scss/components/pricing-tables.scss b/src/scss/components/pricing-tables.scss
@@ -1,10 +1,10 @@
 // PRICING TABLES
 // ===============================
 
-$package-bg-color: $color-white;
-$package-featured-color: $brand-color;
-$package-border-color: $color-gray-300;
-$package-separator-color: $color-gray-300;
+$package-bg-color: $color-white !default;
+$package-featured-color: $brand-color !default;
+$package-border-color: $color-gray-300 !default;
+$package-separator-color: $color-gray-300 !default;
 
 .pricing-table {
 

diff --git a/src/scss/components/progress-bars.scss b/src/scss/components/progress-bars.scss
@@ -1,8 +1,8 @@
 // PROGRESS BARS
 // ==============================
 
-$progress-bar-height: 20px;
-$progress-bar-bg-color: $color-gray-200;
+$progress-bar-height: 20px !default;
+$progress-bar-bg-color: $color-gray-200 !default;
 $progress-bar-colors: (
     'green'  : $color-green-400,
     'blue'   : $color-blue-400,

diff --git a/src/scss/components/sidebars.scss b/src/scss/components/sidebars.scss
@@ -1,8 +1,8 @@
 // SIDEBAR
 // ==============================
 
-$sidebar-border-color: $color-gray-300;
-$sidebar-category-text-color: $color-gray-600;
+$sidebar-border-color: $color-gray-300 !default;
+$sidebar-category-text-color: $color-gray-600 !default;
 
 .sidebar {
     padding: 15px;

diff --git a/src/scss/components/steppers.scss b/src/scss/components/steppers.scss
@@ -1,8 +1,8 @@
 // STEPPERS
 // ==============================
 
-$step-text-color: $color-white;
-$step-bg-color: $color-light-green-500;
+$step-text-color: $color-white !default;
+$step-bg-color: $color-light-green-500 !default;
 
 .stepper {
     margin: 30px 15px;

diff --git a/src/scss/components/tabs.scss b/src/scss/components/tabs.scss
@@ -1,11 +1,11 @@
 // TABS
 // ==============================
 
-$tab-active-color: $brand-color;
-$tab-border-color: $color-gray-300;
-$tab-hover-text-color: $color-gray-800;
-$tab-active-text-color: $color-gray-600;
-$tab-inactive-text-color: $color-gray-400;
+$tab-active-color: $brand-color !default;
+$tab-border-color: $color-gray-300 !default;
+$tab-hover-text-color: $color-gray-800 !default;
+$tab-active-text-color: $color-gray-600 !default;
+$tab-inactive-text-color: $color-gray-400 !default;
 
 .tabs {
     list-style: none;

diff --git a/src/scss/components/tags.scss b/src/scss/components/tags.scss
@@ -1,14 +1,14 @@
 // TAGS
 // ==============================
 
-$tag-text-color: $color-white;
-$tag-default-color: $color-gray-500;
+$tag-text-color: $color-white !default;
+$tag-default-color: $color-gray-500 !default;
 $tag-colors: (
     'blue'    : $color-blue-500,
     'red'     : $color-red-500,
     'green'   : $color-green-500,
     'orange'  : $color-orange-500,
-);
+) !default;
 
 .tags {
     display: flex;

diff --git a/src/scss/components/tooltips.scss b/src/scss/components/tooltips.scss
@@ -1,8 +1,8 @@
 // TOOLTIPS
 // ==============================
 
-$tooltip-bg-color: $color-gray-800;
-$tooltip-underline-color: $color-gray-400;
+$tooltip-bg-color: $color-gray-800 !default;
+$tooltip-underline-color: $color-gray-400 !default;
 
 .tooltip {
     display: inline-block;

diff --git a/src/scss/elements/blockquotes.scss b/src/scss/elements/blockquotes.scss
@@ -1,8 +1,8 @@
 // BLOCKQUOTES
 // ==============================
 
-$blockquote-bg-color: $color-white;
-$blockquote-border-color: $brand-color;
+$blockquote-bg-color: $color-white !default;
+$blockquote-border-color: $brand-color !default;
 
 blockquote {
     display: block;

diff --git a/src/scss/elements/buttons.scss b/src/scss/elements/buttons.scss
@@ -1,16 +1,16 @@
 // BUTTONS
 // ==============================
 
-$button-radius: 4px;
-$button-shadow: false;
-$button-text-color: $color-white;
+$button-radius: 4px !default;
+$button-shadow: false !default;
+$button-text-color: $color-white !default;
 $button-colors: (
     'primary' : $brand-color,
     'success' : $color-green-500,
     'info'    : $color-gray-500,
     'warning' : $color-amber-600,
     'danger'  : $color-red-500
-);
+) !default;
 
 .button,
 button,

diff --git a/src/scss/elements/code.scss b/src/scss/elements/code.scss
@@ -1,8 +1,8 @@
 // CODE
 // ==============================
 
-$code-bg-color: $color-gray-100;
-$code-border-color: $brand-color;
+$code-bg-color: $color-gray-100 !default;
+$code-border-color: $brand-color !default;
 
 pre {
     display: block;

diff --git a/src/scss/elements/forms.scss b/src/scss/elements/forms.scss
@@ -1,12 +1,12 @@
 // FORMS
 // ==============================
 
-$input-bg-color: $color-white;
-$input-active-color: $brand-color;
-$input-border-color: $color-gray-400;
-$input-invalid-color: $color-red-200;
-$input-error-text-color: $color-red-500;
-$input-placeholder-color: $color-gray-500;
+$input-bg-color: $color-white !default;
+$input-active-color: $brand-color !default;
+$input-border-color: $color-gray-400 !default;
+$input-invalid-color: $color-red-200 !default;
+$input-error-text-color: $color-red-500 !default;
+$input-placeholder-color: $color-gray-500 !default;
 
 .form-control {
     position: relative;

diff --git a/src/scss/elements/links.scss b/src/scss/elements/links.scss
@@ -1,7 +1,7 @@
 // LINKS
 // ==============================
 
-$link-color: $brand-color;
+$link-color: $brand-color !default;
 
 a {
     text-decoration: none;

diff --git a/src/scss/elements/tables.scss b/src/scss/elements/tables.scss
@@ -1,8 +1,8 @@
 // TABLES
 // ==============================
 
-$table-border-color: $color-gray-200;
-$table-header-text-color: $color-gray-500;
+$table-border-color: $color-gray-200 !default;
+$table-header-text-color: $color-gray-500 !default;
 
 table {
     margin: 15px 0;

diff --git a/src/scss/elements/typography.scss b/src/scss/elements/typography.scss
@@ -1,13 +1,13 @@
 // TYPOGRAPHY
 // ==============================
 
-$line-height: 1.6;
-$font-weight: 300;
-$font-size-base: 16px;
-$font-color: $color-gray-800;
-$heading-font-color: $color-gray-800;
-$font-family: 'Open Sans', sans-serif;
-$heading-font-family: 'Open Sans', sans-serif;
+$line-height: 1.6 !default;
+$font-weight: 300 !default;
+$font-size-base: 16px !default;
+$font-color: $color-gray-800 !default;
+$heading-font-color: $color-gray-800 !default;
+$font-family: 'Open Sans', sans-serif !default;
+$heading-font-family: 'Open Sans', sans-serif !default;
 
 body {
   font-family: $font-family;

diff --git a/src/scss/utility/containers.scss b/src/scss/utility/containers.scss
@@ -4,7 +4,7 @@
 $container-sizes: (
     'small'    : 768px,
     'large'    : 1440px,
-);
+) !default;
 
 .container {
     max-width: 1200px;

diff --git a/src/scss/utility/display.scss b/src/scss/utility/display.scss
@@ -6,13 +6,13 @@ $display-up: (
 'md'   : $bp-medium,
 'lg'   : $bp-large,
 'xlg'  : $bp-xlarge
-);
+) !default;
 $display-down: (
 'sm'   : $bp-small,
 'md'   : $bp-medium,
 'lg'   : $bp-large,
 'xlg'  : $bp-xlarge,
-);
+) !default;
 
 .display-flex {
     display: flex;

diff --git a/src/scss/utility/grid.scss b/src/scss/utility/grid.scss
@@ -1,9 +1,9 @@
 // GRID
 // ==============================
 
-$col-count: 12;
-$col-spacing: 10px;
-$row-spacing: 10px;
+$col-count: 12 !default;
+$col-spacing: 10px !default;
+$row-spacing: 10px !default;
 
 .row {
     display: flex;

diff --git a/src/scss/utility/sections.scss b/src/scss/utility/sections.scss
@@ -1,9 +1,9 @@
 // SECTIONS
 // ==============================
 
-$section-primary-bg-color: $color-amber-400;
-$section-secondary-bg-color: $color-gray-100;
-$section-tertiary-bg-color: $color-white;
+$section-primary-bg-color: $color-amber-400 !default;
+$section-secondary-bg-color: $color-gray-100 !default;
+$section-tertiary-bg-color: $color-white !default;
 
 .section,
 section {