themes/ignite-shop/webapp/ignite/scss/_bootstrap-variables.scss
// Bootstrap overrides
// Font
$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
$font-size-h1: $font-size-base * 2.0;
$font-size-h2: $font-size-base * 1.8;
$font-size-h3: $font-size-base * 1.5;
$font-size-h4: $font-size-base * 1.25;
$font-size-h5: $font-size-base;
$font-size-h6: $font-size-base * 0.85;
// Colors
//
// Grayscale and brand colors for use across Bootstrap.
$gray-dark: #263238;
$gray: #607d8b;
$gray-light: #b0bec5;
$gray-lighter: #cfd8dc;
$gray-lightest: #eceff1;
$brand-primary: #20a8d8;
$brand-success: #4dbd74;
$brand-info: #63c2de;
$brand-warning: #f8cb00;
$brand-danger: #f86c6b;
// Options
//
// Quickly modify global styling by enabling or disabling optional features.
$enable-transitions: true;
$enable-rounded: false;
// Spacing
//
// Control the default styling of most Bootstrap elements by modifying these
// variables. Mostly focused on spacing.
$spacer: 1rem !default;
$spacer-x: $spacer !default;
$spacer-y: $spacer !default;
$spacers: (
q: (
x: ($spacer-x * 0.25),
y: ($spacer-y * 0.25)
),
h: (
x: ($spacer-x * 0.5),
y: ($spacer-y * 0.5)
),
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)
)
);
// Body
//
// Settings for the `<body>` element.
$body-bg: #e4e5e6;
// Typography
//
// Font, line-height, and color for body text, headings, and more.
$font-size-base: 0.875rem;
// Breadcrumbs
$breadcrumb-bg: #fff;
// Cards
$card-border-color: $gray-lighter;
$card-cap-bg: $gray-lightest;
// Dropdowns
$dropdown-padding-y: 0;
$dropdown-border-color: $gray-lighter;
$dropdown-divider-bg: $gray-lightest;
// Buttons
$btn-secondary-border: $gray-light;
// Progress bars
$progress-bg: $gray-lightest;
// Tables
$table-bg-accent: $gray-lightest;
$table-bg-hover: $gray-lightest;