/** * ## This file is for overwriting the values in the 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/variables' file * ## All values that are not in use by us have a '<-- NOT USED' comment next to it */ // sass-lint:disable function-name-format /** * Our custom variables */ @import '../base/colors'; /** * Base colors */ $gray-base: $color-charcoal9; $gray-darker: $color-charcoal8; $gray-dark: $color-charcoal7; $gray: $color-charcoal5 ; $gray-light: $color-charcoal2; $gray-lighter: $color-charcoal1; $brand-primary: $color-blue5; $brand-success: $color-green5; $brand-warning: $color-red5; $brand-info: #5BC0DE; // <-- NOT USED $brand-danger: #D9534F; // <-- NOT USED /** * Scaffolding */ $body-bg: $color-white; $text-color: $gray; $link-color: $brand-primary; $link-hover-color: darken($link-color, 20%); $link-hover-decoration: none; /** * Typography */ $font-family-sans-serif: 'Montserrat', Helvetica, Arial, sans-serif; $font-family-monospace: Menlo, Monaco, Consolas, 'Courier New', monospace; // for ``, ``, and `
`
$font-family-serif: Georgia, 'Times New Roman', Times, serif; // <-- NOT USED

$font-family-base: $font-family-sans-serif;

$font-size-base: 16px;
$font-size-large: ceil(($font-size-base * 1.25)); // <-- NOT USED
$font-size-small: ceil(($font-size-base * .85)); //<-- NOT USED

$font-size-h1: 36px; // <-- NOT USED
$font-size-h2: 29px; // <-- NOT USED
$font-size-h3: 22px; // <-- NOT USED
$font-size-h4: 18px; // <-- NOT USED
$font-size-h5: $font-size-base; // <-- NOT USED
$font-size-h6: ceil(($font-size-base * .85)); // <-- NOT USED

/**
* TODO: Update line height
*/
$line-height-base: 1.4; // For use in components like buttons ($line-height-base = 20/14)
$line-height-computed: floor(($font-size-base * $line-height-base)); // For use with `margin`, `padding`, etc (~23px)

// By default, this inherits from the ``.
$headings-font-family: inherit;
$headings-font-weight: 500;
$headings-line-height: 1.1;
$headings-color: inherit;

/**
* Iconography
*
* ## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
* ## Load fonts from this directory.
* ## [converter] If $bootstrap-sass-asset-helper if used, provide path relative to the assets load path.
* ## [converter] This is because some asset helpers, such as Sprockets, do not work with file-relative paths.
*/
$bootstrap-sass-asset-helper: false !default;
$icon-font-path: if($bootstrap-sass-asset-helper, 'bootstrap/', '../fonts/bootstrap/') !default; // <-- NOT USED
$icon-font-name: 'glyphicons-halflings-regular' !default; // File name for all font files. <-- NOT USED
$icon-font-svg-id: 'glyphicons_halflingsregular' !default; // Element ID within SVG icon file. <-- NOT USED

/**
* Components
*
* ## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
*/
$padding-base-vertical: 6px;
$padding-base-horizontal: 12px;

$padding-large-vertical: 10px;
$padding-large-horizontal: 16px;

$padding-small-vertical: 5px;
$padding-small-horizontal: 10px;

$padding-xs-vertical: 1px;
$padding-xs-horizontal: 5px;

$line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome
$line-height-small: 1.5;

$border-radius-base: 4px;
$border-radius-large: 6px;
$border-radius-small: 3px;

$component-active-color: $color-white; // Global color for active items (e.g., navs or dropdowns)
$component-active-bg: $brand-primary; // Global background color for active items (e.g., navs or dropdowns)

$caret-width-base: 4px; // Width of the `border` for generating carets that indicate dropdowns
$caret-width-large: 5px; // Carets increase slightly in size for larger components

/**
* Tables
*
* ## Customizes the `.table` component with basic values, each used across all table variations
*/
$table-cell-padding: 8px; // Padding for ``s and ``s.
$table-condensed-cell-padding: 5px; // Padding for cells in `.table-condensed`

$table-bg: transparent; // Default background color used for all tables
$table-bg-accent: $gray-lighter; // Background color used for `.table-striped`
$table-bg-hover: $gray-light; // Background color used for `.table-hover`
$table-bg-active: $table-bg-hover;

$table-border-color: $gray-light; // Border color for table and cell borders

/**
* Buttons
*
* ## For each of Bootstrap's buttons, define text, background and border color.
*/
$btn-font-weight: normal;

$btn-default-color: $color-white;
$btn-default-bg: $brand-primary;
$btn-default-border: $brand-primary;

$btn-primary-color: $color-white;
$btn-primary-bg: $color-orange5;
$btn-primary-border: $color-orange5;

$btn-success-color: $color-white; // <-- NOT USED
$btn-success-bg: $brand-success; // <-- NOT USED
$btn-success-border: darken($btn-success-bg, 5%); // <-- NOT USED

$btn-info-color: $brand-primary;
$btn-info-bg: transparent;
$btn-info-border: $brand-primary;

$btn-warning-color: $color-white; // <-- NOT USED
$btn-warning-bg: $brand-warning; // <-- NOT USED
$btn-warning-border: darken($btn-warning-bg, 5%); // <-- NOT USED

$btn-danger-color: $color-white; // <-- NOT USED
$btn-danger-bg: $brand-danger; // <-- NOT USED
$btn-danger-border: darken($btn-danger-bg, 5%); // <-- NOT USED

$btn-link-disabled-color: $gray-light;

// Allows for customizing button radius independently from global border radius
$btn-border-radius-base: $border-radius-base;
$btn-border-radius-large: $border-radius-large;
$btn-border-radius-small: $border-radius-small;


/**
* Forms
*/
$input-bg: $color-white;
$input-bg-disabled: $gray-lighter;
$input-color: $gray;
$input-border: $gray-lighter;

// .form-control border radius. This has no effect on `