]>
Commit | Line | Data |
---|---|---|
b2051dd7 S |
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 | ||
97ed546d S |
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; | |
b2051dd7 | 30 | |
97ed546d S |
31 | // Spacing |
32 | ||
b6d1f3b7 | 33 | $spacer: 0.5rem; |
1e5bc9c9 S |
34 | $spacer-x: $spacer; |
35 | $spacer-y: $spacer; | |
97ed546d S |
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: ( | |
b6d1f3b7 S |
58 | x: ($spacer-x * 2), |
59 | y: ($spacer-y * 2) | |
1e5bc9c9 S |
60 | ), |
61 | 6: ( | |
b6d1f3b7 S |
62 | x: ($spacer-x * 6), |
63 | y: ($spacer-y * 6) | |
97ed546d | 64 | ) |
1e5bc9c9 | 65 | ); |
b2051dd7 | 66 | |
97ed546d S |
67 | $border-width: 2px; |
68 | ||
69 | // Links | |
70 | ||
1e5bc9c9 | 71 | $link-color: $red_900; |
97ed546d S |
72 | |
73 | // Grid | |
74 | ||
75 | $grid-gutter-width-base: 24px; | |
76 | ||
b2051dd7 | 77 | // Fonts |
b2051dd7 | 78 | |
b6d1f3b7 | 79 | @import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,700'); |
97ed546d S |
80 | $font-family-sans-serif: 'Ubuntu', sans-serif; |
81 | $font-family-base: $font-family-sans-serif; | |
82 | ||
83 | $font-size-lg: 1.25rem; | |
84 | ||
b6d1f3b7 S |
85 | $font-weight-normal: 300; |
86 | ||
1e5bc9c9 S |
87 | $font-size-h1: 2.25rem; |
88 | $font-size-h2: 2rem; | |
89 | $font-size-h3: 1.5rem; | |
90 | $font-size-h4: 1.25rem; | |
91 | $font-size-h5: 1rem; | |
92 | $font-size-h6: 0.75rem; | |
97ed546d | 93 | |
b6d1f3b7 S |
94 | $headings-font-weight: 400; |
95 | ||
97ed546d | 96 | $display1-size: 7.5rem; |
1e5bc9c9 S |
97 | $display2-size: 3rem; |
98 | $display3-size: 2.25rem; | |
97ed546d S |
99 | $display4-size: 1.5rem; |
100 | ||
1e5bc9c9 S |
101 | $lead-font-size: 1.5rem; |
102 | ||
b6d1f3b7 S |
103 | $small-font-size: .875rem; |
104 | ||
97ed546d S |
105 | |
106 | // Buttons | |
107 | ||
108 | $btn-padding-x: 1rem; | |
109 | $btn-padding-y: .5rem !default; | |
110 | $btn-line-height: 1.25 !default; | |
111 | $btn-font-weight: $font-weight-normal !default; | |
112 | $btn-box-shadow: inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default; | |
113 | $btn-focus-box-shadow: 0 0 0 2px rgba($brand-primary, .25) !default; | |
114 | $btn-active-box-shadow: inset 0 3px 5px rgba($black,.125) !default; | |
115 | ||
97ed546d S |
116 | $btn-primary-bg: $red_900; |
117 | $btn-primary-border: $red_900; | |
118 | ||
119 | $btn-secondary-color: $blue_grey_600; | |
120 | $btn-secondary-bg: $white !default; | |
121 | $btn-secondary-border: $blue_grey_600; | |
122 | ||
123 | $btn-info-color: $white !default; | |
124 | $btn-info-bg: $brand-info !default; | |
125 | $btn-info-border: $btn-info-bg !default; | |
126 | ||
127 | $btn-success-color: $white !default; | |
128 | $btn-success-bg: $brand-success !default; | |
129 | $btn-success-border: $btn-success-bg !default; | |
130 | ||
131 | $btn-warning-color: $white !default; | |
132 | $btn-warning-bg: $brand-warning !default; | |
133 | $btn-warning-border: $btn-warning-bg !default; | |
134 | ||
135 | $btn-danger-color: $white !default; | |
136 | $btn-danger-bg: $brand-danger !default; | |
137 | $btn-danger-border: $btn-danger-bg !default; | |
138 | ||
b6d1f3b7 S |
139 | $btn-red900-color: $white !important; |
140 | $btn-red900-bg: $red_900; | |
141 | $btn-red900-border: $btn-red900-bg; | |
142 | ||
97ed546d S |
143 | $btn-link-disabled-color: $gray-light !default; |
144 | ||
145 | $btn-padding-x-sm: .5rem !default; | |
146 | $btn-padding-y-sm: .25rem !default; | |
147 | ||
148 | $btn-padding-x-lg: 2rem; | |
149 | $btn-padding-y-lg: .75rem !default; | |
150 | ||
151 | $btn-block-spacing-y: .5rem !default; | |
152 | $btn-toolbar-margin: .5rem !default; | |
153 | ||
154 | // Allows for customizing button radius independently from global border radius | |
155 | $btn-border-radius-lg: .125rem; | |
156 | ||
157 | ||
158 | $input-btn-border-width: $border-width; | |
159 | ||
160 | // Navs | |
161 | ||
162 | $nav-item-margin: 1.5rem; | |
163 | $nav-item-inline-spacer: 1rem !default; | |
164 | $nav-link-padding: .5em 1.5em; | |
165 | $nav-link-hover-bg: $gray-lighter !default; | |
166 | $nav-disabled-link-color: $gray-light !default; | |
1e5bc9c9 S |
167 | |
168 | // Navbar | |
169 | ||
170 | $navbar-padding-x: $spacer; | |
171 | $navbar-padding-y: $spacer; |