// 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: rgba(38, 50, 56, 1); $blue_grey_700: rgba(38, 50, 56, .7); $blue_grey_600: rgba(38, 50, 56, .6); $blue_grey_300: rgba(38, 50, 56, .3); $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: 8px; $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 breakpoints // // Define the minimum dimensions at which your layout will change, // adapting to different screen sizes, for use in media queries. $grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px ) !default; @include _assert-ascending($grid-breakpoints, "$grid-breakpoints"); @include _assert-starts-at-zero($grid-breakpoints); // 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: 20px; $font-weight-normal: 400; $font-weight-bold: 500; $font-weight-base: $font-weight-normal; $font-size-h1: 36px; $font-size-h2: 32px; $font-size-h3: 24px; $font-size-h4: 20px; $font-size-h5: 16px; $font-size-h6: 12px; $headings-font-weight: 400; $display1-size: 120px; $display2-size: 48px; $display3-size: 32px; $display4-size: 24px; $lead-font-size: 24px; $small-font-size: 14px; // Buttons $btn-padding-x: 16px; $btn-padding-y: 8px; $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: 8px; $btn-padding-y-sm: 4px; $btn-padding-x-lg: 32px; $btn-padding-y-lg: 12px; $btn-block-spacing-y: 8px; $btn-toolbar-margin: 8px; // Allows for customizing button radius independently from global border radius $btn-border-radius-lg: 2px; $input-btn-border-width: $border-width; // Navs $nav-item-margin: 24px; $nav-item-inline-spacer: 16px; $nav-link-padding: 8px 24px; $nav-link-hover-bg: $gray-lighter !default; $nav-disabled-link-color: $gray-light !default; // Navbar $navbar-padding-x: $spacer; $navbar-padding-y: $spacer; // Badges $badge-default-bg: $gray-light !default; $badge-primary-bg: $brand-primary !default; $badge-success-bg: $brand-success !default; $badge-info-bg: $brand-info !default; $badge-warning-bg: $brand-warning !default; $badge-danger-bg: $brand-danger !default; $badge-color: $white !default; $badge-link-hover-color: $white !default; $badge-font-size: 100%; $badge-font-weight: $font-weight-bold !default; $badge-padding-x: .4em !default; $badge-padding-y: .25em !default; $badge-pill-padding-x: .6em !default; // Use a higher than normal value to ensure completely rounded edges when // customizing padding or font-size on labels. $badge-pill-border-radius: 10rem !default;