// 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: 0.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 * 2), y: ($spacer-y * 2) ), 6: ( x: ($spacer-x * 6), y: ($spacer-y * 6) ) ); $border-width: 2px; // Body // // Settings for the `` element. $body-bg: $blue_grey_50; $body-color: $blue_grey_900; $inverse-bg: $gray-dark !default; $inverse-color: $gray-lighter !default; // Links $link-color: $red_900; $link-hover-color: darken($link-color, 15%); $link-hover-decoration: none; // Grid $grid-columns: 12 !default; $grid-gutter-width-base: 24px; $grid-gutter-widths: ( xs: $grid-gutter-width-base, sm: $grid-gutter-width-base, md: $grid-gutter-width-base, lg: $grid-gutter-width-base, xl: $grid-gutter-width-base ); // Fonts @import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500'); $font-family-sans-serif: 'Ubuntu', sans-serif; $font-family-base: $font-family-sans-serif; $font-size-lg: 1.25rem; $font-weight-normal: 300; $font-weight-bold: 500; $font-weight-base: $font-weight-normal; $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; $headings-font-weight: 400; $display1-size: 7.5rem; $display2-size: 3rem; $display3-size: 2.25rem; $display4-size: 1.5rem; $lead-font-size: 1.5rem; $small-font-size: .875rem; // Buttons $btn-padding-x: 1rem; $btn-padding-y: .5rem !default; $btn-line-height: .95; $btn-font-weight: 600; $btn-box-shadow: none; $btn-focus-box-shadow: none; $btn-active-box-shadow: none; $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-red900-color: $white !important; $btn-red900-bg: $red_900; $btn-red900-border: $btn-red900-bg; $btn-white-color: $red_900; $btn-white-bg: $white; $btn-white-border: $btn-white-bg; $btn-bluegrey900-color: $white; $btn-bluegrey900-bg: $blue_grey_900; $btn-bluegrey900-border: $btn-bluegrey900-bg; $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;