// Bootstrap overrides // // Copy variables from `_variables.scss` to this file to override default values // without modifying source files. // Colors added for IPFire branding $red_900: #b71c1c; $red_600: #e53935; $amber_800: #ff8f00; $yellow_700: #fbc02d; $blue_700: #1976d2; $blue_400: #42a5f5; $green_600: #43a047; $green_400: #66bb6a; $blue_grey_900: #263238; $blue_grey_700: #455a64; $blue_grey_600: #546e7a; $blue_grey_300: #90a4ae; $blue_grey_50: #eceff1; $deep_orange_a400: #ff3d00; $cyan: #00bcd4; // Reassign color vars to semantic color scheme $brand-primary: $blue !default; $brand-success: $green !default; $brand-info: $teal !default; $brand-warning: $orange !default; $brand-danger: $red !default; $brand-inverse: $gray-dark !default; // Spacing $spacer: 1.5rem; $spacer-x: $spacer; $spacer-y: $spacer; $spacers: ( 0: ( x: 0, y: 0 ), 1: ( x: ($spacer-x * .25), y: ($spacer-y * .25) ), 2: ( x: ($spacer-x * .5), y: ($spacer-y * .5) ), 3: ( x: $spacer-x, y: $spacer-y ), 4: ( x: ($spacer-x * 1.5), y: ($spacer-y * 1.5) ), 5: ( x: ($spacer-x * 3), y: ($spacer-y * 3) ), 6: ( x: ($spacer-x * 4), y: ($spacer-y * 4) ) ); $border-width: 2px; // Links $link-color: $red_900; // Grid $grid-gutter-width-base: 24px; // Fonts @import url('https://fonts.googleapis.com/css?family=Ubuntu'); $font-family-sans-serif: 'Ubuntu', sans-serif; $font-family-base: $font-family-sans-serif; $font-size-lg: 1.25rem; $font-size-h1: 2.25rem; $font-size-h2: 2rem; $font-size-h3: 1.5rem; $font-size-h4: 1.25rem; $font-size-h5: 1rem; $font-size-h6: 0.75rem; $display1-size: 7.5rem; $display2-size: 3rem; $display3-size: 2.25rem; $display4-size: 1.5rem; $lead-font-size: 1.5rem; // Buttons $btn-padding-x: 1rem; $btn-padding-y: .5rem !default; $btn-line-height: 1.25 !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-box-shadow: 0 0 0 2px rgba($brand-primary, .25) !default; $btn-active-box-shadow: inset 0 3px 5px rgba($black,.125) !default; $btn-primary-bg: $red_900; $btn-primary-border: $red_900; $btn-secondary-color: $blue_grey_600; $btn-secondary-bg: $white !default; $btn-secondary-border: $blue_grey_600; $btn-info-color: $white !default; $btn-info-bg: $brand-info !default; $btn-info-border: $btn-info-bg !default; $btn-success-color: $white !default; $btn-success-bg: $brand-success !default; $btn-success-border: $btn-success-bg !default; $btn-warning-color: $white !default; $btn-warning-bg: $brand-warning !default; $btn-warning-border: $btn-warning-bg !default; $btn-danger-color: $white !default; $btn-danger-bg: $brand-danger !default; $btn-danger-border: $btn-danger-bg !default; $btn-link-disabled-color: $gray-light !default; $btn-padding-x-sm: .5rem !default; $btn-padding-y-sm: .25rem !default; $btn-padding-x-lg: 2rem; $btn-padding-y-lg: .75rem !default; $btn-block-spacing-y: .5rem !default; $btn-toolbar-margin: .5rem !default; // Allows for customizing button radius independently from global border radius $btn-border-radius-lg: .125rem; $input-btn-border-width: $border-width; // Navs $nav-item-margin: 1.5rem; $nav-item-inline-spacer: 1rem !default; $nav-link-padding: .5em 1.5em; $nav-link-hover-bg: $gray-lighter !default; $nav-disabled-link-color: $gray-light !default; // Navbar $navbar-padding-x: $spacer; $navbar-padding-y: $spacer;