| | 1 | // Bootstrap overrides |
| | 2 | // |
| | 3 | // Copy variables from `_variables.scss` to this file to override default values |
| | 4 | // without modifying source files. |
| | 5 | |
| | 6 | // Colors added for IPFire branding |
| | 7 | $red_900: #b71c1c; |
| | 8 | $red_600: #e53935; |
| | 9 | $amber_800: #ff8f00; |
| | 10 | $yellow_700: #fbc02d; |
| | 11 | $blue_700: #1976d2; |
| | 12 | $blue_400: #42a5f5; |
| | 13 | $green_600: #43a047; |
| | 14 | $green_400: #66bb6a; |
| | 15 | $blue_grey_900: #263238; |
| | 16 | $blue_grey_700: #455a64; |
| | 17 | $blue_grey_600: #546e7a; |
| | 18 | $blue_grey_300: #90a4ae; |
| | 19 | $blue_grey_50: #eceff1; |
| | 20 | $deep_orange_a400: #ff3d00; |
| | 21 | $cyan: #00bcd4; |
| | 22 | |
| | 23 | // Reassign color vars to semantic color scheme |
| | 24 | $brand-primary: $blue !default; |
| | 25 | $brand-success: $green !default; |
| | 26 | $brand-info: $teal !default; |
| | 27 | $brand-warning: $orange !default; |
| | 28 | $brand-danger: $red !default; |
| | 29 | $brand-inverse: $gray-dark !default; |
| | 30 | |
| | 31 | // Spacing |
| | 32 | |
| | 33 | $spacer: 0.5rem; |
| | 34 | $spacer-x: $spacer; |
| | 35 | $spacer-y: $spacer; |
| | 36 | $spacers: ( |
| | 37 | 0: ( |
| | 38 | x: 0, |
| | 39 | y: 0 |
| | 40 | ), |
| | 41 | 1: ( |
| | 42 | x: ($spacer-x * .25), |
| | 43 | y: ($spacer-y * .25) |
| | 44 | ), |
| | 45 | 2: ( |
| | 46 | x: ($spacer-x * .5), |
| | 47 | y: ($spacer-y * .5) |
| | 48 | ), |
| | 49 | 3: ( |
| | 50 | x: $spacer-x, |
| | 51 | y: $spacer-y |
| | 52 | ), |
| | 53 | 4: ( |
| | 54 | x: ($spacer-x * 1.5), |
| | 55 | y: ($spacer-y * 1.5) |
| | 56 | ), |
| | 57 | 5: ( |
| | 58 | x: ($spacer-x * 2), |
| | 59 | y: ($spacer-y * 2) |
| | 60 | ), |
| | 61 | 6: ( |
| | 62 | x: ($spacer-x * 6), |
| | 63 | y: ($spacer-y * 6) |
| | 64 | ) |
| | 65 | ); |
| | 66 | |
| | 67 | $border-width: 2px; |
| | 68 | |
| | 69 | // Body |
| | 70 | // |
| | 71 | // Settings for the `<body>` element. |
| | 72 | |
| | 73 | $body-bg: $blue_grey_50; |
| | 74 | $body-color: $blue_grey_900; |
| | 75 | $inverse-bg: $gray-dark !default; |
| | 76 | $inverse-color: $gray-lighter !default; |
| | 77 | |
| | 78 | // Links |
| | 79 | |
| | 80 | $link-color: $red_900; |
| | 81 | $link-hover-color: darken($link-color, 15%); |
| | 82 | $link-hover-decoration: none; |
| | 83 | |
| | 84 | // Grid |
| | 85 | |
| | 86 | |
| | 87 | $grid-columns: 12 !default; |
| | 88 | $grid-gutter-width-base: 24px; |
| | 89 | $grid-gutter-widths: ( |
| | 90 | xs: $grid-gutter-width-base, |
| | 91 | sm: $grid-gutter-width-base, |
| | 92 | md: $grid-gutter-width-base, |
| | 93 | lg: $grid-gutter-width-base, |
| | 94 | xl: $grid-gutter-width-base |
| | 95 | ); |
| | 96 | |
| | 97 | // Fonts |
| | 98 | |
| | 99 | @import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500'); |
| | 100 | $font-family-sans-serif: 'Ubuntu', sans-serif; |
| | 101 | $font-family-base: $font-family-sans-serif; |
| | 102 | |
| | 103 | $font-size-lg: 1.25rem; |
| | 104 | |
| | 105 | $font-weight-normal: 300; |
| | 106 | $font-weight-bold: 900; |
| | 107 | |
| | 108 | $font-size-h1: 2.25rem; |
| | 109 | $font-size-h2: 2rem; |
| | 110 | $font-size-h3: 1.5rem; |
| | 111 | $font-size-h4: 1.25rem; |
| | 112 | $font-size-h5: 1rem; |
| | 113 | $font-size-h6: 0.75rem; |
| | 114 | |
| | 115 | $headings-font-weight: 400; |
| | 116 | |
| | 117 | $display1-size: 7.5rem; |
| | 118 | $display2-size: 3rem; |
| | 119 | $display3-size: 2.25rem; |
| | 120 | $display4-size: 1.5rem; |
| | 121 | |
| | 122 | $lead-font-size: 1.5rem; |
| | 123 | |
| | 124 | $small-font-size: .875rem; |
| | 125 | |
| | 126 | |
| | 127 | // Buttons |
| | 128 | |
| | 129 | $btn-padding-x: 1rem; |
| | 130 | $btn-padding-y: .5rem !default; |
| | 131 | $btn-line-height: .95; |
| | 132 | $btn-font-weight: 600; |
| | 133 | $btn-box-shadow: none; |
| | 134 | $btn-focus-box-shadow: none; |
| | 135 | $btn-active-box-shadow: none; |
| | 136 | |
| | 137 | $btn-primary-bg: $red_900; |
| | 138 | $btn-primary-border: $red_900; |
| | 139 | |
| | 140 | $btn-secondary-color: $blue_grey_600; |
| | 141 | $btn-secondary-bg: $white !default; |
| | 142 | $btn-secondary-border: $blue_grey_600; |
| | 143 | |
| | 144 | $btn-info-color: $white !default; |
| | 145 | $btn-info-bg: $brand-info !default; |
| | 146 | $btn-info-border: $btn-info-bg !default; |
| | 147 | |
| | 148 | $btn-success-color: $white !default; |
| | 149 | $btn-success-bg: $brand-success !default; |
| | 150 | $btn-success-border: $btn-success-bg !default; |
| | 151 | |
| | 152 | $btn-warning-color: $white !default; |
| | 153 | $btn-warning-bg: $brand-warning !default; |
| | 154 | $btn-warning-border: $btn-warning-bg !default; |
| | 155 | |
| | 156 | $btn-danger-color: $white !default; |
| | 157 | $btn-danger-bg: $brand-danger !default; |
| | 158 | $btn-danger-border: $btn-danger-bg !default; |
| | 159 | |
| | 160 | $btn-red900-color: $white !important; |
| | 161 | $btn-red900-bg: $red_900; |
| | 162 | $btn-red900-border: $btn-red900-bg; |
| | 163 | |
| | 164 | $btn-white-color: $red_900; |
| | 165 | $btn-white-bg: $white; |
| | 166 | $btn-white-border: $btn-white-bg; |
| | 167 | |
| | 168 | $btn-bluegrey900-color: $white; |
| | 169 | $btn-bluegrey900-bg: $blue_grey_900; |
| | 170 | $btn-bluegrey900-border: $btn-bluegrey900-bg; |
| | 171 | |
| | 172 | $btn-link-disabled-color: $gray-light !default; |
| | 173 | |
| | 174 | $btn-padding-x-sm: .5rem !default; |
| | 175 | $btn-padding-y-sm: .25rem !default; |
| | 176 | |
| | 177 | $btn-padding-x-lg: 2rem; |
| | 178 | $btn-padding-y-lg: .75rem !default; |
| | 179 | |
| | 180 | $btn-block-spacing-y: .5rem !default; |
| | 181 | $btn-toolbar-margin: .5rem !default; |
| | 182 | |
| | 183 | // Allows for customizing button radius independently from global border radius |
| | 184 | $btn-border-radius-lg: .125rem; |
| | 185 | |
| | 186 | |
| | 187 | $input-btn-border-width: $border-width; |
| | 188 | |
| | 189 | // Navs |
| | 190 | |
| | 191 | $nav-item-margin: 1.5rem; |
| | 192 | $nav-item-inline-spacer: 1rem !default; |
| | 193 | $nav-link-padding: .5em 1.5em; |
| | 194 | $nav-link-hover-bg: $gray-lighter !default; |
| | 195 | $nav-disabled-link-color: $gray-light !default; |
| | 196 | |
| | 197 | // Navbar |
| | 198 | |
| | 199 | $navbar-padding-x: $spacer; |
| | 200 | $navbar-padding-y: $spacer; |
projects / people / shoehn / ipfire.org.git / blame_incremental