@transferwise/neptune-css 0.0.0-experimental-6feacb5 → 0.0.0-experimental-a07a4fd

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/css/buttons.css +9 -9
  2. package/dist/css/neptune-social-media.css +18 -18
  3. package/dist/css/neptune.css +33 -33
  4. package/dist/css/panels.css +24 -24
  5. package/dist/less/legacy-variables.less +606 -575
  6. package/package.json +1 -1
  7. package/src/variables/legacy-variables.less +606 -575
package/dist/less/legacy-variables.less CHANGED
@@ -41,6 +41,7 @@
41
41
 
42
42
  @brand-white: #fff;
43
43
 
44
+
44
45
  @brand-pale-blue-minus-20: #77d9f7;
45
46
  @brand-pale-blue-minus-10: #a7e2f9;
46
47
  @brand-pale-blue: #dbf0fd;
@@ -83,37 +84,37 @@
83
84
  @brand-light-blue-minus-10: #00a4df;
84
85
  @brand-light-blue: #00b9ff;
85
86
 
86
- @brand-light-blue-wash: #d8f1fa;
87
+ @brand-light-blue-wash: #D8F1fA;
87
88
 
88
89
  //=== Reds
89
90
  //
90
91
  //
91
- @brand-red-minus-20: #b62a18;
92
- @brand-red-minus-10: #c22e2e;
93
- @brand-red: #f53636;
92
+ @brand-red-minus-20: #B62A18;
93
+ @brand-red-minus-10: #C22E2E;
94
+ @brand-red: #F53636;
94
95
 
95
- @brand-red-wash: #ffdfdf;
96
- @brand-red-alert: #c22e2e;
96
+ @brand-red-wash: #FFDFDF;
97
+ @brand-red-alert: #C22E2E;
97
98
 
98
99
  //=== Greens
99
100
  //
100
101
  //
101
- @brand-green-minus-20: #1b7940;
102
- @brand-green-minus-10: #28b862;
103
- @brand-green: #2ed06e;
102
+ @brand-green-minus-20: #1B7940;
103
+ @brand-green-minus-10: #28B862;
104
+ @brand-green: #2ED06E;
104
105
 
105
- @brand-green-wash: #d6f5e2;
106
- @brand-green-alert: #1b7940;
106
+ @brand-green-wash: #D6F5E2;
107
+ @brand-green-alert: #1B7940;
107
108
 
108
109
  //=== Oranges
109
110
  //
110
111
  //
111
- @brand-orange-minus-20: #9e5f00;
112
- @brand-orange-minus-10: #df8700;
113
- @brand-orange: #ffa600;
112
+ @brand-orange-minus-20: #9E5F00;
113
+ @brand-orange-minus-10: #DF8700;
114
+ @brand-orange: #FFA600;
114
115
 
115
- @brand-orange-wash: #fff3dd;
116
- @brand-orange-alert: #9e5f00;
116
+ @brand-orange-wash: #FFF3DD;
117
+ @brand-orange-alert: #9E5F00;
117
118
 
118
119
  //=== Yellows
119
120
  //
@@ -122,93 +123,94 @@
122
123
  @brand-yellow-minus-10: #dfc912;
123
124
  @brand-yellow: #ffe714;
124
125
 
126
+
125
127
  //== Bootstrap Color Mapping
126
128
  //
127
129
  //## Gray and brand colors for use across Bootstrap.
128
130
 
129
- @gray-base: @brand-smoke-plus-20;
130
- @gray-darker: @brand-grey-minus-20;
131
- @gray-dark: @brand-grey-minus-10;
132
- @gray: @brand-grey;
133
- @gray-light: @brand-grey-plus-20;
134
- @gray-lighter: @brand-smoke;
131
+ @gray-base: @brand-smoke-plus-20;
132
+ @gray-darker: @brand-grey-minus-20;
133
+ @gray-dark: @brand-grey-minus-10;
134
+ @gray: @brand-grey;
135
+ @gray-light: @brand-grey-plus-20;
136
+ @gray-lighter: @brand-smoke;
135
137
 
136
- @brand-primary: @brand-navy;
137
- @brand-success: @brand-green;
138
- @brand-info: @brand-light-blue;
139
- @brand-warning: @brand-orange;
140
- @brand-danger: @brand-red;
138
+ @brand-primary: @brand-navy;
139
+ @brand-success: @brand-green;
140
+ @brand-info: @brand-light-blue;
141
+ @brand-warning: @brand-orange;
142
+ @brand-danger: @brand-red;
141
143
 
142
144
  //== Scaffolding
143
145
  //
144
146
  //## Settings for some of the most global styles.
145
147
 
146
148
  //** Background color for `<body>`.
147
- @body-bg: @brand-white;
149
+ @body-bg: @brand-white;
148
150
  //** Global text color on `<body>`.
149
- @text-color: @brand-grey;
151
+ @text-color: @brand-grey;
150
152
  //** Bold text color on `<body>`.
151
- @text-bold-color: @brand-navy-minus-10;
153
+ @text-bold-color: @brand-navy-minus-10;
152
154
 
153
- @text-secondary-color: @brand-grey;
155
+ @text-secondary-color: @brand-grey;
154
156
 
155
157
  //== Typography
156
158
  //
157
159
  //## Font, line-height, and color for body text, headings, and more.
158
160
 
159
- @font-family-sans-serif: var(--font-family-regular);
160
- @font-family-serif: Georgia, "Times New Roman", Times, serif;
161
+ @font-family-sans-serif: var(--font-family-regular);
162
+ @font-family-serif: Georgia, "Times New Roman", Times, serif;
161
163
  //** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
162
- @font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
163
- @font-family-base: @font-family-sans-serif;
164
-
165
- @font-size-base: 16px;
166
- @font-size-large: 18px;
167
- @font-size-medium: 16px;
168
- @font-size-small: 14px;
169
- @font-size-xsmall: 12px;
170
-
171
- @font-size-h1: 42px;
172
- @font-size-h2: 28px;
173
- @font-size-h3: 22px;
174
- @font-size-h4: 18px;
175
- @font-size-h5: 16px;
176
- @font-size-h6: 14px;
177
-
178
- @line-height-h1: 48px;
179
- @line-height-h2: 32px;
180
- @line-height-h3: 30px;
181
- @line-height-h4: 24px;
182
- @line-height-h5: 24px;
183
- @line-height-h6: 24px;
184
-
185
- @font-spacing-base: 0.016em;
186
- @font-spacing-semi-bold: 0;
187
-
188
- @font-weight-normal: 500;
189
- @font-weight-semi-bold: 600;
190
- @font-weight-bold: 800;
164
+ @font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
165
+ @font-family-base: @font-family-sans-serif;
166
+
167
+ @font-size-base: 16px;
168
+ @font-size-large: 18px;
169
+ @font-size-medium: 16px;
170
+ @font-size-small: 14px;
171
+ @font-size-xsmall: 12px;
172
+
173
+ @font-size-h1: 42px;
174
+ @font-size-h2: 28px;
175
+ @font-size-h3: 22px;
176
+ @font-size-h4: 18px;
177
+ @font-size-h5: 16px;
178
+ @font-size-h6: 14px;
179
+
180
+ @line-height-h1: 48px;
181
+ @line-height-h2: 32px;
182
+ @line-height-h3: 30px;
183
+ @line-height-h4: 24px;
184
+ @line-height-h5: 24px;
185
+ @line-height-h6: 24px;
186
+
187
+ @font-spacing-base: 0.016em;
188
+ @font-spacing-semi-bold: 0;
189
+
190
+ @font-weight-normal: 500;
191
+ @font-weight-semi-bold: 600;
192
+ @font-weight-bold: 800;
191
193
 
192
194
  //** Unit-less `line-height` for use in components like buttons.
193
- @line-height-base: 24px; // 24/16
195
+ @line-height-base: 24px; // 24/16
194
196
  //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
195
- @line-height-computed: 24px; // ~24px
197
+ @line-height-computed: 24px; // ~24px
196
198
 
197
199
  //** By default, this inherits from the `<body>`.
198
- @headings-font-family: var(--font-family-regular);
199
- @headings-font-weight: @font-weight-semi-bold;
200
- @headings-line-height: 1.2; //1.1;
201
- @headings-color: @brand-navy-minus-10;
200
+ @headings-font-family: var(--font-family-regular);
201
+ @headings-font-weight: @font-weight-semi-bold;
202
+ @headings-line-height: 1.2; //1.1;
203
+ @headings-color: @brand-navy-minus-10;
202
204
 
203
- @display1-size: 104px;
204
- @display2-size: 88px;
205
- @display3-size: 72px;
206
- @display4-size: 56px;
205
+ @display1-size: 104px;
206
+ @display2-size: 88px;
207
+ @display3-size: 72px;
208
+ @display4-size: 56px;
207
209
 
208
- @display1-weight: @font-weight-bold;
209
- @display2-weight: @font-weight-bold;
210
- @display3-weight: @font-weight-bold;
211
- @display4-weight: @font-weight-bold;
210
+ @display1-weight: @font-weight-bold;
211
+ @display2-weight: @font-weight-bold;
212
+ @display3-weight: @font-weight-bold;
213
+ @display4-weight: @font-weight-bold;
212
214
 
213
215
  @display1-margin-bottom: 8px;
214
216
  @display2-margin-bottom: 16px;
@@ -220,75 +222,76 @@
220
222
  @display3-line-height: 88px;
221
223
  @display4-line-height: 72px;
222
224
 
223
- @buttons-font-family: var(--font-family-regular);
225
+ @buttons-font-family: var(--font-family-regular);
224
226
 
225
227
  //** Global textual link color.
226
- @link-color: @brand-light-blue;
228
+ @link-color: @brand-light-blue;
227
229
  //** Global textual link color.
228
- @link-decoration: underline;
230
+ @link-decoration: underline;
229
231
  //** Link hover color
230
- @link-hover-color: @brand-light-blue-minus-10;
232
+ @link-hover-color: @brand-light-blue-minus-10;
231
233
  //** Link hover decoration.
232
234
  @link-hover-decoration: underline;
233
235
  //** Link active color
234
- @link-active-color: @brand-light-blue-minus-20;
236
+ @link-active-color: @brand-light-blue-minus-20;
235
237
  //** Link disabled color
236
- @link-disabled-color: @brand-smoke-minus-10;
238
+ @link-disabled-color: @brand-smoke-minus-10;
237
239
  //** Link font weight
238
- @link-font-weight: @font-weight-semi-bold;
240
+ @link-font-weight: @font-weight-semi-bold;
239
241
 
240
- @link-secondary-color: @brand-navy;
241
- @link-secondary-hover-color: @link-color;
242
+ @link-secondary-color: @brand-navy;
243
+ @link-secondary-hover-color: @link-color;
242
244
  @link-secondary-active-color: @link-hover-color;
243
- @link-secondary-font-weight: @font-weight-normal;
245
+ @link-secondary-font-weight: @font-weight-normal;
244
246
 
245
247
  //== Iconography
246
248
  //
247
249
  //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
248
250
 
249
251
  //** Load fonts from this directory.
250
- @icon-font-path: "../fonts/";
252
+ @icon-font-path: "../fonts/";
251
253
  //** File name for all font files.
252
- @icon-font-name: "glyphicons-halflings-regular";
254
+ @icon-font-name: "glyphicons-halflings-regular";
253
255
  //** Element ID within SVG icon file.
254
- @icon-font-svg-id: "glyphicons_halflingsregular";
256
+ @icon-font-svg-id: "glyphicons_halflingsregular";
255
257
 
256
258
  //== Components
257
259
  //
258
260
  //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
259
261
 
260
- @padding-base-vertical: 8px;
261
- @padding-base-horizontal: 16px;
262
+ @padding-base-vertical: 8px;
263
+ @padding-base-horizontal: 16px;
262
264
 
263
- @padding-large-vertical: 12px;
264
- @padding-large-horizontal: 16px;
265
+ @padding-large-vertical: 12px;
266
+ @padding-large-horizontal: 16px;
265
267
 
266
- @padding-small-vertical: 4px;
267
- @padding-small-horizontal: 12px;
268
+ @padding-small-vertical: 4px;
269
+ @padding-small-horizontal: 12px;
268
270
 
269
- @padding-xs-vertical: 2px;
270
- @padding-xs-horizontal: 8px;
271
+ @padding-xs-vertical: 2px;
272
+ @padding-xs-horizontal: 8px;
271
273
 
272
- @line-height-large: 32px; // 18*1.555 = 28
273
- @line-height-small: 24px; // 12*1.5=18
274
+ @line-height-large: 32px; // 18*1.555 = 28
275
+ @line-height-small: 24px; // 12*1.5=18
274
276
 
275
- @border-radius-base: 3px;
276
- @border-radius-large: 3px;
277
- @border-radius-small: 2px;
277
+ @border-radius-base: 3px;
278
+ @border-radius-large: 3px;
279
+ @border-radius-small: 2px;
278
280
 
279
281
  @spacer: @padding-base-vertical;
280
282
  @spacer-y: @spacer;
281
283
  @spacer-x: @spacer;
282
284
 
283
285
  //** Global color for active items (e.g., navs or dropdowns).
284
- @component-active-color: #fff;
286
+ @component-active-color: #fff;
285
287
  //** Global background color for active items (e.g., navs or dropdowns).
286
- @component-active-bg: @brand-navy-minus-10;
288
+ @component-active-bg: @brand-navy-minus-10;
287
289
 
288
290
  //** Width of the `border` for generating carets that indicator dropdowns.
289
- @caret-width-base: 4px;
291
+ @caret-width-base: 4px;
290
292
  //** Carets increase slightly in size for larger components.
291
- @caret-width-large: 5px;
293
+ @caret-width-large: 5px;
294
+
292
295
 
293
296
  @spacing-1-mobile: 16px;
294
297
  @spacing-1-tablet: 24px;
@@ -310,288 +313,294 @@
310
313
  @spacing-7-tablet: 168px;
311
314
  @spacing-7-desktop: 224px;
312
315
 
316
+
317
+
313
318
  //== Tables
314
319
  //
315
320
  //## Customizes the `.table` component with basic values, each used across all table variations.
316
321
 
317
322
  //** Padding for `<th>`s and `<td>`s.
318
- @table-cell-padding: 16px;
323
+ @table-cell-padding: 16px;
319
324
  //** Padding for cells in `.table-condensed`.
320
- @table-condensed-cell-padding: 8px;
325
+ @table-condensed-cell-padding: 8px;
321
326
 
322
327
  //** Default background color used for all tables.
323
- @table-bg: @brand-white;
328
+ @table-bg: @brand-white;
324
329
  //** Background color used for `.table-striped`.
325
- @table-bg-accent: @gray-base; //#f9f9f9;
330
+ @table-bg-accent: @gray-base; //#f9f9f9;
326
331
  //** Background color used for `.table-hover`.
327
- @table-bg-hover: @state-info-bg;
328
- @table-bg-active: @table-bg-hover;
332
+ @table-bg-hover: @state-info-bg;
333
+ @table-bg-active: @table-bg-hover;
329
334
 
330
335
  //** Border color for table and cell borders.
331
- @table-border-color: @brand-smoke-plus-20;
336
+ @table-border-color: @brand-smoke-plus-20;
332
337
 
333
338
  //== Panels
334
339
  //
335
340
  //##
336
341
 
337
- @panel-border-radius: @border-radius-base;
338
- @panel-focus-transtion: @transition-duration;
342
+ @panel-border-radius: @border-radius-base;
343
+ @panel-focus-transtion: @transition-duration;
339
344
 
340
345
  //== Buttons
341
346
  //
342
347
  //## For each of Bootstrap's buttons, define text, background and border color.
343
348
 
344
- @btn-font-weight: @font-weight-semi-bold; //normal;
345
-
346
- @btn-height: @input-height-base;
347
- @btn-font-size: 16px;
348
- @btn-line-height: 24px;
349
- @btn-border-width: 1px;
350
- @btn-padding-horizontal: 24px;
351
- @btn-padding-vertical: @padding-large-vertical;
352
- @btn-padding: @btn-padding-vertical @btn-padding-horizontal;
353
-
354
- @btn-xs-height: 22px; // TODO 24?
355
- @btn-xs-font-size: 12px;
356
- @btn-xs-line-height: 18px;
357
- @btn-xs-padding-horizontal: 8px;
358
- @btn-xs-padding-vertical: @padding-xs-vertical;
359
- @btn-xs-padding: @btn-xs-padding-vertical @btn-xs-padding-horizontal;
360
-
361
- @btn-sm-height: @input-height-small;
362
- @btn-sm-font-size: 14px;
363
- @btn-sm-line-height: 24px;
364
- @btn-sm-padding-horizontal: 16px;
365
- @btn-sm-padding-vertical: @padding-small-vertical;
366
- @btn-sm-padding: @btn-sm-padding-vertical @btn-sm-padding-horizontal;
367
-
368
- @btn-lg-height: @input-height-large;
369
- @btn-lg-font-size: 20px;
370
- @btn-lg-line-height: 32px;
371
- @btn-lg-padding-horizontal: 24px;
372
- @btn-lg-padding-vertical: ((@input-height-large - @btn-lg-line-height) / 2);
373
- @btn-lg-padding: @btn-lg-padding-vertical @btn-lg-padding-horizontal @btn-lg-padding-vertical;
374
-
375
- @btn-disabled-bg: @brand-smoke-plus-10;
376
- @btn-disabled-color: @brand-smoke-minus-10;
349
+ @btn-font-weight: @font-weight-semi-bold; //normal;
350
+
351
+ @btn-height: @input-height-base;
352
+ @btn-font-size: 16px;
353
+ @btn-line-height: 24px;
354
+ @btn-border-width: 1px;
355
+ @btn-padding-horizontal: 24px;
356
+ @btn-padding-vertical: @padding-large-vertical;
357
+ @btn-padding: @btn-padding-vertical @btn-padding-horizontal;
358
+
359
+ @btn-xs-height: 22px; // TODO 24?
360
+ @btn-xs-font-size: 12px;
361
+ @btn-xs-line-height: 18px;
362
+ @btn-xs-padding-horizontal: 8px;
363
+ @btn-xs-padding-vertical: @padding-xs-vertical;
364
+ @btn-xs-padding: @btn-xs-padding-vertical @btn-xs-padding-horizontal;
365
+
366
+ @btn-sm-height: @input-height-small;
367
+ @btn-sm-font-size: 14px;
368
+ @btn-sm-line-height: 24px;
369
+ @btn-sm-padding-horizontal: 16px;
370
+ @btn-sm-padding-vertical: @padding-small-vertical;
371
+ @btn-sm-padding: @btn-sm-padding-vertical @btn-sm-padding-horizontal;
372
+
373
+ @btn-lg-height: @input-height-large;
374
+ @btn-lg-font-size: 20px;
375
+ @btn-lg-line-height: 32px;
376
+ @btn-lg-padding-horizontal: 24px;
377
+ @btn-lg-padding-vertical: ((@input-height-large - @btn-lg-line-height) / 2);
378
+ @btn-lg-padding: @btn-lg-padding-vertical @btn-lg-padding-horizontal @btn-lg-padding-vertical;
379
+
380
+ @btn-disabled-bg: @brand-smoke-plus-10;
381
+ @btn-disabled-color: @brand-smoke-minus-10;
382
+
377
383
 
378
384
  //=== Button Default
379
385
  //
380
386
  //
381
- @btn-default-color: @brand-light-blue;
382
- @btn-default-bg: transparent;
383
- @btn-default-border: @brand-light-blue;
384
- @btn-default-bg-hover: @brand-light-blue;
385
- @btn-default-border-hover: @brand-light-blue;
386
- @btn-default-bg-active: @brand-light-blue-minus-20;
387
- @btn-default-border-active: @brand-light-blue-minus-20;
387
+ @btn-default-color: @brand-light-blue;
388
+ @btn-default-bg: transparent;
389
+ @btn-default-border: @brand-light-blue;
390
+ @btn-default-bg-hover: @brand-light-blue;
391
+ @btn-default-border-hover: @brand-light-blue;
392
+ @btn-default-bg-active: @brand-light-blue-minus-20;
393
+ @btn-default-border-active: @brand-light-blue-minus-20;
388
394
 
389
395
  //=== Button Primary
390
396
  //
391
397
  //
392
- @btn-primary-color: #fff;
393
- @btn-primary-bg: @brand-light-blue;
394
- @btn-primary-border: @brand-light-blue;
395
- @btn-primary-bg-hover: @brand-light-blue-minus-10;
396
- @btn-primary-border-hover: @brand-light-blue-minus-10;
397
- @btn-primary-bg-active: @brand-light-blue-minus-20;
398
- @btn-primary-border-active: @brand-light-blue-minus-20;
398
+ @btn-primary-color: #fff;
399
+ @btn-primary-bg: @brand-light-blue;
400
+ @btn-primary-border: @brand-light-blue;
401
+ @btn-primary-bg-hover: @brand-light-blue-minus-10;
402
+ @btn-primary-border-hover: @brand-light-blue-minus-10;
403
+ @btn-primary-bg-active: @brand-light-blue-minus-20;
404
+ @btn-primary-border-active: @brand-light-blue-minus-20;
399
405
 
400
406
  //=== Button Success
401
407
  //
402
408
  //
403
- @btn-success-color: #fff;
404
- @btn-success-bg: @brand-green;
405
- @btn-success-border: @brand-green;
406
- @btn-success-bg-hover: @brand-green-minus-10;
407
- @btn-success-border-hover: @brand-green-minus-10;
408
- @btn-success-bg-active: @brand-green-minus-20;
409
- @btn-success-border-active: @brand-green-minus-20;
409
+ @btn-success-color: #fff;
410
+ @btn-success-bg: @brand-green;
411
+ @btn-success-border: @brand-green;
412
+ @btn-success-bg-hover: @brand-green-minus-10;
413
+ @btn-success-border-hover: @brand-green-minus-10;
414
+ @btn-success-bg-active: @brand-green-minus-20;
415
+ @btn-success-border-active: @brand-green-minus-20;
410
416
 
411
417
  //=== Button Info
412
418
  //
413
419
  //
414
- @btn-info-color: @brand-grey-plus-10;
415
- @btn-info-bg: transparent;
416
- @btn-info-border: @brand-grey-plus-10;
417
- @btn-info-bg-hover: @brand-light-blue;
418
- @btn-info-border-hover: @brand-light-blue;
419
- @btn-info-bg-active: @brand-light-blue-minus-20;
420
- @btn-info-border-active: @brand-light-blue-minus-20;
420
+ @btn-info-color: @brand-grey-plus-10;
421
+ @btn-info-bg: transparent;
422
+ @btn-info-border: @brand-grey-plus-10;
423
+ @btn-info-bg-hover: @brand-light-blue;
424
+ @btn-info-border-hover: @brand-light-blue;
425
+ @btn-info-bg-active: @brand-light-blue-minus-20;
426
+ @btn-info-border-active: @brand-light-blue-minus-20;
421
427
 
422
428
  //=== Button Warning
423
429
  //
424
430
  //
425
- @btn-warning-color: @brand-orange;
426
- @btn-warning-bg: transparent;
427
- @btn-warning-border: @brand-orange;
428
- @btn-warning-bg-hover: @brand-orange-minus-10;
429
- @btn-warning-border-hover: @brand-orange-minus-10;
430
- @btn-warning-bg-active: @brand-orange-minus-20;
431
- @btn-warning-border-active: @brand-orange-minus-20;
431
+ @btn-warning-color: @brand-orange;
432
+ @btn-warning-bg: transparent;
433
+ @btn-warning-border: @brand-orange;
434
+ @btn-warning-bg-hover: @brand-orange-minus-10;
435
+ @btn-warning-border-hover: @brand-orange-minus-10;
436
+ @btn-warning-bg-active: @brand-orange-minus-20;
437
+ @btn-warning-border-active: @brand-orange-minus-20;
432
438
 
433
439
  //=== Button Danger
434
440
  //
435
441
  //
436
- @btn-danger-color: @brand-grey-plus-10;
437
- @btn-danger-bg: transparent;
438
- @btn-danger-border: @brand-grey-plus-10;
439
- @btn-danger-bg-hover: @brand-red;
440
- @btn-danger-border-hover: @brand-red;
441
- @btn-danger-bg-active: @brand-red-minus-20;
442
- @btn-danger-border-active: @brand-red-minus-20;
442
+ @btn-danger-color: @brand-grey-plus-10;
443
+ @btn-danger-bg: transparent;
444
+ @btn-danger-border: @brand-grey-plus-10;
445
+ @btn-danger-bg-hover: @brand-red;
446
+ @btn-danger-border-hover: @brand-red;
447
+ @btn-danger-bg-active: @brand-red-minus-20;
448
+ @btn-danger-border-active: @brand-red-minus-20;
443
449
 
444
450
  //=== Button Download
445
451
  //
446
452
  //
447
- @btn-download-color: #fff;
448
- @btn-download-bg: #000;
449
- @btn-download-border: #bbb;
450
- @btn-download-bg-hover: #333;
451
- @btn-download-border-hover: #999;
452
- @btn-download-bg-active: #666;
453
- @btn-download-border-active: #666;
453
+ @btn-download-color: #fff;
454
+ @btn-download-bg: #000;
455
+ @btn-download-border: #bbb;
456
+ @btn-download-bg-hover: #333;
457
+ @btn-download-border-hover: #999;
458
+ @btn-download-bg-active: #666;
459
+ @btn-download-border-active: #666;
454
460
 
455
- @btn-facebook: #3b5998;
456
- @btn-facebook-active: #344f88;
457
- @btn-google: #4285f4;
458
- @btn-google-active: #3b77db;
461
+ @btn-facebook: #3B5998;
462
+ @btn-facebook-active: #344F88;
463
+ @btn-google: #4285F4;
464
+ @btn-google-active: #3B77DB;
459
465
 
460
466
  //== Forms
461
467
  //
462
468
  //##
463
469
 
464
470
  //** `<input>` background color
465
- @input-bg: #fff;
471
+ @input-bg: #fff;
466
472
  //** `<input disabled>` background color
467
- @input-bg-disabled: @brand-smoke-plus-20;
473
+ @input-bg-disabled: @brand-smoke-plus-20;
468
474
  //** Text color for `<input>`s
469
- @input-color: @brand-navy-minus-10;
475
+ @input-color: @brand-navy-minus-10;
470
476
  //** `<input disabled>` color
471
- @input-color-disabled: @brand-smoke;
477
+ @input-color-disabled: @brand-smoke;
472
478
 
473
479
  //** `<input>` border color
474
- @input-border: @brand-smoke;
480
+ @input-border: @brand-smoke;
475
481
  //** `<input>` border hover
476
- @input-border-hover: @brand-grey-plus-20;
482
+ @input-border-hover: @brand-grey-plus-20;
477
483
  //** `<input disabled>` border color
478
- @input-border-disabled: @brand-smoke-plus-10;
484
+ @input-border-disabled: @brand-smoke-plus-10;
479
485
 
480
- @input-font-size: 16px;
481
- @input-line-height: @btn-line-height;
482
- @input-padding: @padding-large-vertical @padding-base-horizontal;
486
+ @input-font-size: 16px;
487
+ @input-line-height: @btn-line-height;
488
+ @input-padding: @padding-large-vertical @padding-base-horizontal;
483
489
 
484
- @input-font-size-small: 14px;
485
- @input-line-height-small: @btn-sm-line-height;
486
- @input-padding-small: @padding-small-vertical @padding-small-horizontal;
490
+ @input-font-size-small: 14px;
491
+ @input-line-height-small: @btn-sm-line-height;
492
+ @input-padding-small: @padding-small-vertical @padding-small-horizontal;
487
493
 
488
- @input-font-size-large: 22px;
489
- @input-line-height-large: @btn-lg-line-height;
490
- @input-padding-large: @padding-large-vertical @padding-large-horizontal;
494
+ @input-font-size-large: 22px;
495
+ @input-line-height-large: @btn-lg-line-height;
496
+ @input-padding-large: @padding-large-vertical @padding-large-horizontal;
491
497
 
492
498
  // TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4
493
499
  //** Default `.form-control` border radius
494
500
  // This has no effect on `<select>`s in some browsers, due to the limited stylability of `<select>`s in CSS.
495
- @input-border-radius: @border-radius-base; //@border-radius-base;
501
+ @input-border-radius: @border-radius-base; //@border-radius-base;
496
502
  //** Large `.form-control` border radius
497
- @input-border-radius-large: @border-radius-base; //@border-radius-large;
503
+ @input-border-radius-large: @border-radius-base; //@border-radius-large;
498
504
  //** Small `.form-control` border radius
499
- @input-border-radius-small: @border-radius-base;
505
+ @input-border-radius-small: @border-radius-base;
500
506
 
501
507
  //** Border color for inputs on focus
502
- @input-border-focus: @brand-light-blue;
508
+ @input-border-focus: @brand-light-blue;
503
509
 
504
510
  //** Placeholder text color
505
- @input-color-placeholder: @brand-smoke-minus-10;
511
+ @input-color-placeholder: @brand-smoke-minus-10;
506
512
 
507
513
  //** Default `.form-control` height
508
- @input-height-base: 48px; //(@line-height-computed + (@padding-base-vertical * 2) + 2);
514
+ @input-height-base: 48px; //(@line-height-computed + (@padding-base-vertical * 2) + 2);
509
515
  //** Large `.form-control` height
510
- @input-height-large: 72px; //(ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
516
+ @input-height-large: 72px; //(ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
511
517
  //** Small `.form-control` height
512
- @input-height-small: 32px; //(floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
518
+ @input-height-small: 32px; //(floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
513
519
 
514
520
  //** `.form-group` margin
515
- @form-group-margin-bottom: 24px; // Visible space is 24px but line height(20) is 6px bigger than font size(14)
521
+ @form-group-margin-bottom: 24px; // Visible space is 24px but line height(20) is 6px bigger than font size(14)
516
522
 
517
- @legend-color: @headings-color;
518
- @legend-border-color: @input-border;
523
+ @legend-color: @headings-color;
524
+ @legend-border-color: @input-border;
519
525
 
520
- @control-label-color: @text-color;
521
- @control-label-focus: @brand-light-blue-minus-20;
522
- @control-label-font-size: @font-size-small;
526
+ @control-label-color: @text-color;
527
+ @control-label-focus: @brand-light-blue-minus-20;
528
+ @control-label-font-size: @font-size-small;
523
529
 
524
530
  //** Color for textual input addons
525
- @input-group-color: @brand-smoke-minus-10;
526
- @input-group-addon-font-size: @input-font-size;
527
- @input-group-addon-bg: @input-bg;
531
+ @input-group-color: @brand-smoke-minus-10;
532
+ @input-group-addon-font-size: @input-font-size;
533
+ @input-group-addon-bg: @input-bg;
528
534
  @input-group-addon-border-color: @input-border;
529
- @input-group-addon-padding: @padding-large-vertical @padding-base-horizontal;
535
+ @input-group-addon-padding: @padding-large-vertical @padding-base-horizontal;
530
536
 
531
- @input-group-addon-sm-padding: @padding-small-vertical @padding-small-horizontal;
532
- @input-group-addon-lg-padding: @padding-large-vertical @padding-large-horizontal;
537
+ @input-group-addon-sm-padding: @padding-small-vertical @padding-small-horizontal;
538
+ @input-group-addon-lg-padding: @padding-large-vertical @padding-large-horizontal;
533
539
 
534
540
  //** Disabled cursor for form controls and buttons.
535
- @cursor-disabled: not-allowed;
536
- @cursor-default: default;
541
+ @cursor-disabled: not-allowed;
542
+ @cursor-default: default;
537
543
 
538
544
  //=== Button Download
539
545
  //
540
546
  //
541
- @btn-download-color: #fff;
542
- @btn-download-bg: #000;
543
- @btn-download-border: #bbb;
544
- @btn-download-bg-hover: #333;
545
- @btn-download-border-hover: #999;
546
- @btn-download-bg-active: #666;
547
- @btn-download-border-active: #666;
547
+ @btn-download-color: #fff;
548
+ @btn-download-bg: #000;
549
+ @btn-download-border: #bbb;
550
+ @btn-download-bg-hover: #333;
551
+ @btn-download-border-hover: #999;
552
+ @btn-download-bg-active: #666;
553
+ @btn-download-border-active: #666;
554
+
555
+ @btn-facebook: #3B5998;
556
+ @btn-facebook-active: #344F88;
557
+ @btn-google: #4285F4;
558
+ @btn-google-active: #3B77DB;
559
+
548
560
 
549
- @btn-facebook: #3b5998;
550
- @btn-facebook-active: #344f88;
551
- @btn-google: #4285f4;
552
- @btn-google-active: #3b77db;
553
561
 
554
562
  //== Dropdowns
555
563
  //
556
564
  //## Dropdown menu container and contents.
557
565
 
558
566
  //** Background for the dropdown menu.
559
- @dropdown-bg: #fff;
567
+ @dropdown-bg: #fff;
560
568
  //** Dropdown menu `border-color`.
561
- @dropdown-border: @brand-smoke-plus-10;
569
+ @dropdown-border: @brand-smoke-plus-10;
562
570
  //** Dropdown menu `border-color` **for IE8**.
563
- @dropdown-fallback-border: @brand-white;
571
+ @dropdown-fallback-border: @brand-white;
564
572
  //** Divider color for between dropdown items.
565
- @dropdown-divider-bg: @brand-smoke-plus-20;
573
+ @dropdown-divider-bg: @brand-smoke-plus-20;
566
574
 
567
575
  //** Dropdown link text color.
568
- @dropdown-link-color: @brand-navy-minus-10;
576
+ @dropdown-link-color: @brand-navy-minus-10;
569
577
  //** Dropdown link padding.
570
- @dropdown-link-padding: @padding-large-vertical @padding-large-horizontal;
578
+ @dropdown-link-padding: @padding-large-vertical @padding-large-horizontal;
571
579
 
572
580
  //** Hover color for dropdown links.
573
- @dropdown-link-hover-color: @brand-navy-minus-10;
581
+ @dropdown-link-hover-color: @brand-navy-minus-10;
574
582
  //** Hover background for dropdown links.
575
- @dropdown-link-hover-bg: @brand-smoke-plus-20;
583
+ @dropdown-link-hover-bg: @brand-smoke-plus-20;
576
584
 
577
585
  //** Active dropdown menu item text color.
578
- @dropdown-link-active-color: @component-active-color;
586
+ @dropdown-link-active-color: @component-active-color;
579
587
  //** Active dropdown menu item background color.
580
- @dropdown-link-active-bg: @component-active-bg;
588
+ @dropdown-link-active-bg: @component-active-bg;
581
589
 
582
590
  //** Disabled dropdown menu item background color.
583
- @dropdown-link-disabled-color: @link-disabled-color;
591
+ @dropdown-link-disabled-color: @link-disabled-color;
584
592
 
585
593
  //** Text color for headers within dropdown menus.
586
- @dropdown-header-color: @control-label-color;
594
+ @dropdown-header-color: @control-label-color;
587
595
 
588
596
  //** Deprecated `@dropdown-caret-color` as of v3.1.0
589
- @dropdown-caret-color: #000;
597
+ @dropdown-caret-color: #000;
590
598
 
591
- @transition-duration: 0.15s;
599
+ @transition-duration: 0.15s;
592
600
 
593
601
  @dropdown-arrow-width: 8px;
594
602
 
603
+
595
604
  //-- Z-index master list
596
605
  //
597
606
  // Warning: Avoid customizing these values. They're used for a bird's eye view
@@ -599,598 +608,619 @@
599
608
  //
600
609
  // Note: These variables are not generated into the Customizer.
601
610
 
602
- @zindex-navbar: 1000;
603
- @zindex-dropdown: 1000;
604
- @zindex-popover: 1060;
605
- @zindex-tooltip: 1070;
606
- @zindex-navbar-fixed: 1030;
607
- @zindex-modal-background: 1040;
608
- @zindex-modal: 1050;
611
+ @zindex-navbar: 1000;
612
+ @zindex-dropdown: 1000;
613
+ @zindex-popover: 1060;
614
+ @zindex-tooltip: 1070;
615
+ @zindex-navbar-fixed: 1030;
616
+ @zindex-modal-background: 1040;
617
+ @zindex-modal: 1050;
618
+
609
619
 
610
620
  @zindex-mobile-nav-background: 1055;
611
621
  @zindex-mobile-nav: 1060;
612
622
 
623
+
613
624
  //== Grid system
614
625
  //
615
626
  //## Define your custom responsive grid.
616
627
 
617
628
  //** Number of columns in the grid.
618
- @grid-columns: 12;
629
+ @grid-columns: 12;
619
630
  //** Padding between columns. Gets divided in half for the left and right.
620
- @grid-gutter-width: 24px;
631
+ @grid-gutter-width: 24px;
621
632
  // Navbar collapse
622
633
  //** Point at which the navbar becomes uncollapsed.
623
- @grid-float-breakpoint: @screen-md-min;
634
+ @grid-float-breakpoint: @screen-md-min;
624
635
  //** Point at which the navbar begins collapsing.
625
636
  @grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
626
637
 
638
+
627
639
  //== Container sizes
628
640
  //
629
641
  //## Define the maximum width of `.container` for different screen sizes.
630
642
 
631
643
  // Small screen / tablet
632
- @container-tablet: (544px + @grid-gutter-width);
644
+ @container-tablet: (544px + @grid-gutter-width);
633
645
  //** For `@screen-sm-min` and up.
634
- @container-sm: @container-tablet;
646
+ @container-sm: @container-tablet;
635
647
 
636
648
  // Medium screen / desktop
637
- @container-desktop: (720px + @grid-gutter-width);
649
+ @container-desktop: (720px + @grid-gutter-width);
638
650
  //** For `@screen-md-min` and up.
639
- @container-md: @container-desktop;
651
+ @container-md: @container-desktop;
640
652
 
641
653
  // Large screen / wide desktop
642
- @container-large-desktop: (940px + @grid-gutter-width);
654
+ @container-large-desktop: (940px + @grid-gutter-width);
643
655
  //** For `@screen-lg-min` and up.
644
- @container-lg: @container-large-desktop;
656
+ @container-lg: @container-large-desktop;
645
657
 
646
658
  // Large screen / wide desktop
647
- @container-xlarge-desktop: (1140px + @grid-gutter-width);
659
+ @container-xlarge-desktop: (1140px + @grid-gutter-width);
648
660
  //** For `@screen-xl-min` and up.
649
- @container-xl: @container-xlarge-desktop;
661
+ @container-xl: @container-xlarge-desktop;
650
662
 
651
- @nav-link-color: @link-secondary-color;
652
- @nav-link-hover-color: @link-secondary-hover-color;
653
- @nav-link-active-color: @link-secondary-active-color;
663
+ @nav-link-color: @link-secondary-color;
664
+ @nav-link-hover-color: @link-secondary-hover-color;
665
+ @nav-link-active-color: @link-secondary-active-color;
654
666
 
655
- @nav-active-link-color: @link-color;
656
- @nav-active-link-hover-color: @link-hover-color;
657
- @nav-active-link-active-color: @link-active-color;
667
+ @nav-active-link-color: @link-color;
668
+ @nav-active-link-hover-color: @link-hover-color;
669
+ @nav-active-link-active-color: @link-active-color;
658
670
 
659
- @nav-inverse-link-color: @brand-pale-blue;
660
- @nav-inverse-link-hover-color: @brand-light-blue;
661
- @nav-inverse-link-active-color: @brand-light-blue-minus-10;
662
- @nav-inverse-link-active-bg: @brand-navy-minus-10;
671
+ @nav-inverse-link-color: @brand-pale-blue;
672
+ @nav-inverse-link-hover-color: @brand-light-blue;
673
+ @nav-inverse-link-active-color: @brand-light-blue-minus-10;
674
+ @nav-inverse-link-active-bg: @brand-navy-minus-10;
663
675
 
664
676
  //== Navbar
665
677
  //
666
678
  //##
667
679
 
668
680
  // Basics of a navbar
669
- @navbar-font-size: 14px;
670
- @navbar-font-size-mobile: 16px;
671
- @navbar-line-height: 40px;
672
- @navbar-height: 56px;
673
- @navbar-margin-bottom: 40px;
674
- @navbar-border-radius: 0;
675
- @navbar-padding-horizontal: 16px;
676
- @navbar-padding-vertical: 8px;
677
- @navbar-padding: (@navbar-padding-vertical + 1px) @navbar-padding-horizontal
678
- (@navbar-padding-vertical - 1px);
681
+ @navbar-font-size: 14px;
682
+ @navbar-font-size-mobile: 16px;
683
+ @navbar-line-height: 40px;
684
+ @navbar-height: 56px;
685
+ @navbar-margin-bottom: 40px;
686
+ @navbar-border-radius: 0;
687
+ @navbar-padding-horizontal: 16px;
688
+ @navbar-padding-vertical: 8px;
689
+ @navbar-padding: (@navbar-padding-vertical + 1px) @navbar-padding-horizontal (@navbar-padding-vertical - 1px);
679
690
  @navbar-padding-horizontal-mobile: (@spacer * 2);
680
- @navbar-padding-mobile: (@navbar-padding-vertical + 1px) @navbar-padding-horizontal-mobile
681
- (@navbar-padding-vertical - 1px);
691
+ @navbar-padding-mobile: (@navbar-padding-vertical + 1px) @navbar-padding-horizontal-mobile (@navbar-padding-vertical - 1px);
692
+
682
693
 
683
- @navbar-collapse-max-height: 340px;
684
- @navbar-collapse-max-width: (320px - 56px);
685
- @navbar-collapse-bg: @brand-navy;
694
+ @navbar-collapse-max-height: 340px;
695
+ @navbar-collapse-max-width: (320px - 56px);
696
+ @navbar-collapse-bg: @brand-navy;
686
697
 
687
698
  //=== Standard navbar
688
699
  // Navbar basics
689
- @navbar-default-color: @brand-navy-minus-10;
690
- @navbar-default-bg: transparent;
691
- @navbar-default-border: @brand-grey-minus-10;
700
+ @navbar-default-color: @brand-navy-minus-10;
701
+ @navbar-default-bg: transparent;
702
+ @navbar-default-border: @brand-grey-minus-10;
692
703
 
693
704
  // Navbar links
694
- @navbar-default-link-color: @nav-link-color;
695
- @navbar-default-link-hover-color: @nav-link-hover-color;
696
- @navbar-default-link-hover-bg: transparent;
697
- @navbar-default-link-active-color: @nav-active-link-color;
698
- @navbar-default-link-active-bg: transparent;
699
- @navbar-default-link-disabled-color: @brand-smoke;
700
- @navbar-default-link-disabled-bg: transparent;
705
+ @navbar-default-link-color: @nav-link-color;
706
+ @navbar-default-link-hover-color: @nav-link-hover-color;
707
+ @navbar-default-link-hover-bg: transparent;
708
+ @navbar-default-link-active-color: @nav-active-link-color;
709
+ @navbar-default-link-active-bg: transparent;
710
+ @navbar-default-link-disabled-color: @brand-smoke;
711
+ @navbar-default-link-disabled-bg: transparent;
701
712
 
702
713
  // Navbar brand label
703
- @navbar-default-brand-color: @navbar-inverse-link-color;
704
- @navbar-default-brand-hover-color: #fff;
705
- @navbar-default-brand-hover-bg: transparent;
714
+ @navbar-default-brand-color: @navbar-inverse-link-color;
715
+ @navbar-default-brand-hover-color: #fff;
716
+ @navbar-default-brand-hover-bg: transparent;
706
717
 
707
718
  // Navbar toggle
708
- @navbar-default-toggle-hover-bg: transparent;
709
- @navbar-default-toggle-icon-bar-bg: @brand-light-blue;
710
- @navbar-default-toggle-border-color: transparent;
711
- @navbar-default-toggle-hover-border-color: @brand-light-blue;
719
+ @navbar-default-toggle-hover-bg: transparent;
720
+ @navbar-default-toggle-icon-bar-bg: @brand-light-blue;
721
+ @navbar-default-toggle-border-color: transparent;
722
+ @navbar-default-toggle-hover-border-color: @brand-light-blue;
712
723
 
713
724
  // Navbar sercondary
714
- @navbar-secondary-bg: transparent;
715
- @navbar-secondary-height: 64px;
716
- @navbar-secondary-padding-vertical: 12px;
725
+ @navbar-secondary-bg: transparent;
726
+ @navbar-secondary-height: 64px;
727
+ @navbar-secondary-padding-vertical: 12px;
728
+
717
729
 
718
730
  //=== Inverted navbar
719
731
  // Reset inverted navbar basics
720
- @navbar-inverse-color: #fff;
721
- @navbar-inverse-bg: transparent;
722
- @navbar-inverse-border: @brand-grey-minus-10;
732
+ @navbar-inverse-color: #FFF;
733
+ @navbar-inverse-bg: transparent;
734
+ @navbar-inverse-border: @brand-grey-minus-10;
723
735
 
724
736
  // Inverted navbar links
725
- @navbar-inverse-link-color: #fff; // @nav-inverse-link-color;
726
- @navbar-inverse-link-hover-color: @nav-inverse-link-hover-color;
727
- @navbar-inverse-link-hover-bg: transparent;
728
- @navbar-inverse-link-active-color: @nav-active-link-color;
729
- @navbar-inverse-link-active-bg: transparent;
730
- @navbar-inverse-link-disabled-color: #444;
731
- @navbar-inverse-link-disabled-bg: transparent;
737
+ @navbar-inverse-link-color: #FFF; // @nav-inverse-link-color;
738
+ @navbar-inverse-link-hover-color: @nav-inverse-link-hover-color;
739
+ @navbar-inverse-link-hover-bg: transparent;
740
+ @navbar-inverse-link-active-color: @nav-active-link-color;
741
+ @navbar-inverse-link-active-bg: transparent;
742
+ @navbar-inverse-link-disabled-color: #444;
743
+ @navbar-inverse-link-disabled-bg: transparent;
732
744
 
733
745
  // Inverted navbar brand label
734
- @navbar-inverse-brand-color: @navbar-default-link-color;
735
- @navbar-inverse-brand-hover-color: darken(@navbar-default-brand-color, 10%);
736
- @navbar-inverse-brand-hover-bg: transparent;
746
+ @navbar-inverse-brand-color: @navbar-default-link-color;
747
+ @navbar-inverse-brand-hover-color: darken(@navbar-default-brand-color, 10%);
748
+ @navbar-inverse-brand-hover-bg: transparent;
737
749
 
738
750
  // Inverted navbar toggle
739
- @navbar-inverse-toggle-hover-bg: transparent;
740
- @navbar-inverse-toggle-icon-bar-bg: @brand-light-blue;
741
- @navbar-inverse-toggle-border-color: transparent;
742
- @navbar-inverse-toggle-hover-border-color: @brand-light-blue;
751
+ @navbar-inverse-toggle-hover-bg: transparent;
752
+ @navbar-inverse-toggle-icon-bar-bg: @brand-light-blue;
753
+ @navbar-inverse-toggle-border-color: transparent;
754
+ @navbar-inverse-toggle-hover-border-color: @brand-light-blue;
743
755
 
744
756
  // Navbar sercondary
745
- @navbar-inverse-secondary-bg: @brand-navy-minus-10;
757
+ @navbar-inverse-secondary-bg: @brand-navy-minus-10;
746
758
 
747
759
  //== Navs
748
760
  //
749
761
  //##
750
762
 
751
763
  //=== Shared nav styles
752
- @nav-link-padding: 9px 24px 7px;
753
- @nav-link-hover-bg: @brand-smoke-plus-20;
764
+ @nav-link-padding: 9px 24px 7px;
765
+ @nav-link-hover-bg: @brand-smoke-plus-20;
754
766
 
755
- @nav-disabled-link-color: @link-disabled-color;
756
- @nav-disabled-link-hover-color: @link-disabled-color;
767
+ @nav-disabled-link-color: @link-disabled-color;
768
+ @nav-disabled-link-hover-color: @link-disabled-color;
757
769
 
758
770
  //== Tabs
759
- @nav-tabs-border-color: @brand-smoke;
760
- @nav-tabs-font-size: @font-size-base;
761
- @nav-tabs-active-hover-border-color: @brand-light-blue;
771
+ @nav-tabs-border-color: @brand-smoke;
772
+ @nav-tabs-font-size: @font-size-base;
773
+ @nav-tabs-active-hover-border-color: @brand-light-blue;
762
774
 
763
- @nav-tabs-justified-link-border-color: @brand-smoke;
764
- @nav-tabs-justified-active-link-border-color: @body-bg;
775
+ @nav-tabs-justified-link-border-color: @brand-smoke;
776
+ @nav-tabs-justified-active-link-border-color: @body-bg;
765
777
 
766
778
  //== Pills
767
- @nav-pills-font-size: @font-size-small;
779
+ @nav-pills-font-size: @font-size-small;
768
780
 
769
781
  //== Pagination
770
782
  //
771
783
  //##
772
784
 
773
- @pagination-color: @brand-navy;
774
- @pagination-font-weight: @font-weight-normal;
775
- @pagination-bg: transparent;
785
+ @pagination-color: @brand-navy;
786
+ @pagination-font-weight: @font-weight-normal;
787
+ @pagination-bg: transparent;
776
788
 
777
- @pagination-hover-color: @brand-navy;
778
- @pagination-hover-bg: @brand-smoke-plus-20;
789
+ @pagination-hover-color: @brand-navy;
790
+ @pagination-hover-bg: @brand-smoke-plus-20;
779
791
 
780
- @pagination-active-color: @brand-navy;
781
- @pagination-active-bg: @brand-smoke-plus-20;
792
+ @pagination-active-color: @brand-navy;
793
+ @pagination-active-bg: @brand-smoke-plus-20;
782
794
 
783
- @pagination-disabled-color: @link-disabled-color;
784
- @pagination-disabled-bg: #fff;
785
- @pagination-disabled-border: @brand-smoke;
795
+ @pagination-disabled-color: @link-disabled-color;
796
+ @pagination-disabled-bg: #fff;
797
+ @pagination-disabled-border: @brand-smoke;
786
798
 
787
- @pagination-inverse-hover-bg: @brand-white;
788
- @pagination-inverse-active-bg: @brand-white;
799
+ @pagination-inverse-hover-bg: @brand-white;
800
+ @pagination-inverse-active-bg: @brand-white;
789
801
 
790
802
  //== Pager
791
803
  //
792
804
  //##
793
805
 
794
- @pager-bg: @pagination-bg;
795
- @pager-border-radius: @border-radius-base;
806
+ @pager-bg: @pagination-bg;
807
+ @pager-border-radius: @border-radius-base;
808
+
809
+ @pager-hover-color: #fff;
810
+ @pager-hover-bg: @pagination-hover-bg;
796
811
 
797
- @pager-hover-color: #fff;
798
- @pager-hover-bg: @pagination-hover-bg;
812
+ @pager-active-bg: @pagination-active-bg;
813
+ @pager-active-color: @pagination-active-color;
799
814
 
800
- @pager-active-bg: @pagination-active-bg;
801
- @pager-active-color: @pagination-active-color;
815
+ @pager-disabled-color: @pagination-disabled-color;
802
816
 
803
- @pager-disabled-color: @pagination-disabled-color;
804
817
 
805
818
  //== Jumbotron
806
819
  //
807
820
  //##
808
821
 
809
- @jumbotron-padding: 32px;
810
- @jumbotron-color: #fff; //inherit;
811
- @jumbotron-bg: @brand-navy;
812
- @jumbotron-heading-color: #fff; //inherit;
813
- @jumbotron-font-size: 22px;
814
- @jumbotron-heading-font-size: 42px;
815
- @jumbotron-heading-line-height: 56px;
822
+ @jumbotron-padding: 32px;
823
+ @jumbotron-color: #FFF; //inherit;
824
+ @jumbotron-bg: @brand-navy;
825
+ @jumbotron-heading-color: #FFF; //inherit;
826
+ @jumbotron-font-size: 22px;
827
+ @jumbotron-heading-font-size: 42px;
828
+ @jumbotron-heading-line-height: 56px;
816
829
 
817
830
  //== Form states and alerts
818
831
  //
819
832
  //## Define colors for form feedback states and, by default, alerts.
820
833
 
821
- @state-success-text: @brand-green-minus-20;
822
- @state-success-text-large: @brand-green;
823
- @state-success-text-hover: @brand-green-minus-20;
824
- @state-success-bg: @brand-green-wash;
825
- @state-success-border: @brand-green;
826
- @state-success-border-hover: @brand-green-minus-20;
827
-
828
- @state-info-text: @brand-light-blue-minus-10;
829
- @state-info-text-large: @brand-light-blue;
830
- @state-info-text-hover: @brand-light-blue-minus-10;
831
- @state-info-bg: @brand-light-blue-wash;
832
- @state-info-border: @brand-light-blue;
833
- @state-info-border-hover: @brand-light-blue-minus-20;
834
-
835
- @state-warning-text: @brand-orange-minus-20;
836
- @state-warning-text-large: @brand-orange;
837
- @state-warning-text-hover: @brand-orange-minus-20;
838
- @state-warning-bg: @brand-orange-wash;
839
- @state-warning-border: @brand-orange;
840
- @state-warning-border-hover: @brand-orange-minus-20;
841
-
842
- @state-danger-text: @brand-red-minus-10;
843
- @state-danger-text-large: @brand-red;
844
- @state-danger-text-hover: @brand-red-minus-10;
845
- @state-danger-bg: @brand-red-wash;
846
- @state-danger-border: @brand-red;
847
- @state-danger-border-hover: @brand-red-minus-20;
834
+ @state-success-text: @brand-green-minus-20;
835
+ @state-success-text-large: @brand-green;
836
+ @state-success-text-hover: @brand-green-minus-20;
837
+ @state-success-bg: @brand-green-wash;
838
+ @state-success-border: @brand-green;
839
+ @state-success-border-hover: @brand-green-minus-20;
840
+
841
+ @state-info-text: @brand-light-blue-minus-10;
842
+ @state-info-text-large: @brand-light-blue;
843
+ @state-info-text-hover: @brand-light-blue-minus-10;
844
+ @state-info-bg: @brand-light-blue-wash;
845
+ @state-info-border: @brand-light-blue;
846
+ @state-info-border-hover: @brand-light-blue-minus-20;
847
+
848
+ @state-warning-text: @brand-orange-minus-20;
849
+ @state-warning-text-large: @brand-orange;
850
+ @state-warning-text-hover: @brand-orange-minus-20;
851
+ @state-warning-bg: @brand-orange-wash;
852
+ @state-warning-border: @brand-orange;
853
+ @state-warning-border-hover: @brand-orange-minus-20;
854
+
855
+ @state-danger-text: @brand-red-minus-10;
856
+ @state-danger-text-large: @brand-red;
857
+ @state-danger-text-hover: @brand-red-minus-10;
858
+ @state-danger-bg: @brand-red-wash;
859
+ @state-danger-border: @brand-red;
860
+ @state-danger-border-hover: @brand-red-minus-20;
861
+
848
862
 
849
863
  //== Tooltips
850
864
  //
851
865
  //##
852
866
 
853
867
  //** Tooltip max width
854
- @tooltip-max-width: 200px;
868
+ @tooltip-max-width: 200px;
855
869
  //** Tooltip text color
856
- @tooltip-color: @brand-navy;
870
+ @tooltip-color: @brand-navy;
857
871
  //** Tooltip background color
858
- @tooltip-bg: @brand-white;
859
- @tooltip-opacity: 1;
872
+ @tooltip-bg: @brand-white;
873
+ @tooltip-opacity: 1;
860
874
 
861
875
  //** Tooltip arrow width
862
- @tooltip-arrow-width: 5px;
876
+ @tooltip-arrow-width: 5px;
863
877
  //** Tooltip arrow color
864
- @tooltip-arrow-color: @tooltip-bg;
878
+ @tooltip-arrow-color: @tooltip-bg;
865
879
 
866
880
  //== Popovers
867
881
  //
868
882
  //##
869
883
 
870
884
  //** Popover body background color
871
- @popover-bg: @brand-white;
885
+ @popover-bg: @brand-white;
872
886
  //** Popover maximum width
873
- @popover-max-width: 276px;
887
+ @popover-max-width: 276px;
874
888
  //** Popover border color
875
- @popover-border-color: @brand-white;
889
+ @popover-border-color: @brand-white;
876
890
  //** Popover fallback border color
877
- @popover-fallback-border-color: @brand-white;
891
+ @popover-fallback-border-color: @brand-white;
878
892
 
879
893
  //** Popover title background color
880
- @popover-title-bg: @brand-white;
894
+ @popover-title-bg: @brand-white;
881
895
 
882
896
  //** Popover arrow width
883
- @popover-arrow-width: 14px;
897
+ @popover-arrow-width: 14px;
884
898
  //** Popover arrow color
885
- @popover-arrow-color: @popover-bg;
899
+ @popover-arrow-color: @popover-bg;
886
900
 
887
901
  //** Popover outer arrow width
888
- @popover-arrow-outer-width: (@popover-arrow-width + 1);
902
+ @popover-arrow-outer-width: (@popover-arrow-width + 1);
889
903
  //** Popover outer arrow color
890
- @popover-arrow-outer-color: @brand-white;
904
+ @popover-arrow-outer-color: @brand-white;
891
905
  //** Popover outer arrow fallback color
892
- @popover-arrow-outer-fallback-color: @brand-white;
906
+ @popover-arrow-outer-fallback-color: @brand-white;
907
+
893
908
 
894
909
  //== Labels
895
910
  //
896
911
  //##
897
912
 
898
913
  //** Default label background color
899
- @label-default-bg: @brand-smoke;
900
- @label-default-bg-hover: @brand-smoke-minus-10;
914
+ @label-default-bg: @brand-smoke;
915
+ @label-default-bg-hover: @brand-smoke-minus-10;
901
916
  //** Primary label background color
902
- @label-primary-bg: @brand-navy;
903
- @label-primary-bg-hover: @brand-navy-minus-10;
917
+ @label-primary-bg: @brand-navy;
918
+ @label-primary-bg-hover: @brand-navy-minus-10;
904
919
  //** Success label background color
905
- @label-success-bg: @brand-green;
906
- @label-success-bg-hover: @brand-green-minus-10;
920
+ @label-success-bg: @brand-green;
921
+ @label-success-bg-hover: @brand-green-minus-10;
907
922
  //** Info label background color
908
- @label-info-bg: @brand-light-blue;
909
- @label-info-bg-hover: @brand-light-blue-minus-10;
923
+ @label-info-bg: @brand-light-blue;
924
+ @label-info-bg-hover: @brand-light-blue-minus-10;
910
925
  //** Warning label background color
911
- @label-warning-bg: @brand-orange;
912
- @label-warning-bg-hover: @brand-orange-minus-10;
926
+ @label-warning-bg: @brand-orange;
927
+ @label-warning-bg-hover: @brand-orange-minus-10;
913
928
  //** Danger label background color
914
- @label-danger-bg: @brand-red;
915
- @label-danger-bg-hover: @brand-red-minus-10;
929
+ @label-danger-bg: @brand-red;
930
+ @label-danger-bg-hover: @brand-red-minus-10;
916
931
 
917
932
  //** Default label text color
918
- @label-color: #fff;
933
+ @label-color: #fff;
919
934
  //** Default text color of a linked label
920
- @label-link-hover-color: #fff;
935
+ @label-link-hover-color: #fff;
936
+
921
937
 
922
938
  //== Modals
923
939
  //
924
940
  //##
925
941
 
926
942
  //** Padding applied to the modal body
927
- @modal-inner-padding: @spacing-1-desktop;
943
+ @modal-inner-padding: @spacing-1-desktop;
928
944
  @modal-inner-padding-collapse: @spacing-1-tablet;
929
945
 
930
946
  //** Padding applied to the modal title
931
- @modal-title-padding: @spacing-1-desktop;
932
- @modal-title-vertical-padding: 28px; // 2*28 + 24 = 80
947
+ @modal-title-padding: @spacing-1-desktop;
948
+ @modal-title-vertical-padding: 28px; // 2*28 + 24 = 80
933
949
  //** Modal title line-height
934
- @modal-title-line-height: @line-height-computed;
950
+ @modal-title-line-height: @line-height-computed;
935
951
 
936
952
  //** Background color of modal content area
937
- @modal-content-bg: #fff;
953
+ @modal-content-bg: #fff;
938
954
  //** Modal content border color
939
- @modal-content-border-color: @brand-smoke-plus-10;
955
+ @modal-content-border-color: @brand-smoke-plus-10;
940
956
  //** Modal content border color **for IE8**
941
- @modal-content-fallback-border-color: #999;
957
+ @modal-content-fallback-border-color: #999;
942
958
 
943
959
  //** Modal backdrop background color
944
- @modal-backdrop-bg: @brand-navy;
960
+ @modal-backdrop-bg: @brand-navy;
945
961
 
946
962
  //** Modal backdrop opacity
947
- @modal-backdrop-opacity: 0.8;
963
+ @modal-backdrop-opacity: .8;
948
964
  //** Modal header border color
949
- @modal-header-border-color: @brand-smoke-plus-10;
965
+ @modal-header-border-color: @brand-smoke-plus-10;
950
966
  //** Modal footer border color
951
- @modal-footer-border-color: @modal-header-border-color;
967
+ @modal-footer-border-color: @modal-header-border-color;
968
+
969
+ @modal-lg: 720px;
970
+ @modal-md: 540px;
971
+ @modal-sm: 300px;
952
972
 
953
- @modal-lg: 720px;
954
- @modal-md: 540px;
955
- @modal-sm: 300px;
956
973
 
957
974
  //== Alerts
958
975
  //
959
976
  //## Define alert colors, border radius, and padding.
960
977
 
961
- @alert-padding: 24px;
962
- @alert-border-radius: @border-radius-base;
963
- @alert-bar-width: 8px;
964
- @alert-link-font-weight: bold;
978
+ @alert-padding: 24px;
979
+ @alert-border-radius: @border-radius-base;
980
+ @alert-bar-width: 8px;
981
+ @alert-link-font-weight: bold;
965
982
 
966
- @alert-success-bg: @state-success-bg;
967
- @alert-success-text: @state-success-text;
968
- @alert-success-text-hover: @state-success-text-hover;
969
- @alert-success-border: @state-success-border;
983
+ @alert-success-bg: @state-success-bg;
984
+ @alert-success-text: @state-success-text;
985
+ @alert-success-text-hover: @state-success-text-hover;
986
+ @alert-success-border: @state-success-border;
970
987
 
971
- @alert-info-bg: @brand-smoke-plus-20;
972
- @alert-info-text: @brand-grey-minus-10;
973
- @alert-info-text-hover: @brand-grey-minus-10;
974
- @alert-info-border: @brand-light-blue;
988
+ @alert-info-bg: @brand-smoke-plus-20;
989
+ @alert-info-text: @brand-grey-minus-10;
990
+ @alert-info-text-hover: @brand-grey-minus-10;
991
+ @alert-info-border: @brand-light-blue;
975
992
 
976
- @alert-warning-bg: @state-warning-bg;
977
- @alert-warning-text: @state-warning-text;
978
- @alert-warning-text-hover: @state-warning-text-hover;
979
- @alert-warning-border: @state-warning-border;
993
+ @alert-warning-bg: @state-warning-bg;
994
+ @alert-warning-text: @state-warning-text;
995
+ @alert-warning-text-hover: @state-warning-text-hover;
996
+ @alert-warning-border: @state-warning-border;
980
997
 
981
- @alert-danger-bg: @state-danger-bg;
982
- @alert-danger-text: @state-danger-text;
983
- @alert-danger-text-hover: @state-danger-text-hover;
984
- @alert-danger-border: @state-danger-border;
998
+ @alert-danger-bg: @state-danger-bg;
999
+ @alert-danger-text: @state-danger-text;
1000
+ @alert-danger-text-hover: @state-danger-text-hover;
1001
+ @alert-danger-border: @state-danger-border;
985
1002
 
986
- @alert-arrow-width: 10px;
1003
+ @alert-arrow-width: 10px;
987
1004
 
988
1005
  //== Progress bars
989
1006
  //
990
1007
  //##
991
1008
 
992
1009
  //** Progress bar height
993
- @progress-height: 2px;
1010
+ @progress-height: 2px;
994
1011
  //** Large progress bar height
995
- @progress-height-lg: 32px;
1012
+ @progress-height-lg: 32px;
996
1013
  //** Background color of the whole progress component
997
- @progress-bg: @brand-smoke-plus-10;
1014
+ @progress-bg: @brand-smoke-plus-10;
998
1015
  //** Progress bar text color
999
- @progress-bar-color: #fff;
1016
+ @progress-bar-color: #fff;
1000
1017
 
1001
1018
  //** Default progress bar color
1002
- @progress-bar-bg: @brand-light-blue;
1019
+ @progress-bar-bg: @brand-light-blue;
1003
1020
  //** Primary progress bar color
1004
- @progress-bar-primary-bg: @brand-navy;
1021
+ @progress-bar-primary-bg: @brand-navy;
1005
1022
  //** Success progress bar color
1006
- @progress-bar-success-bg: @brand-green;
1023
+ @progress-bar-success-bg: @brand-green;
1007
1024
  //** Warning progress bar color
1008
- @progress-bar-warning-bg: @brand-orange;
1025
+ @progress-bar-warning-bg: @brand-orange;
1009
1026
  //** Danger progress bar color
1010
- @progress-bar-danger-bg: @brand-red;
1027
+ @progress-bar-danger-bg: @brand-red;
1011
1028
  //** Info progress bar color
1012
- @progress-bar-info-bg: @brand-light-blue;
1029
+ @progress-bar-info-bg: @brand-light-blue;
1013
1030
 
1014
- @progress-pip-size: 8px;
1031
+ @progress-pip-size: 8px;
1015
1032
 
1016
1033
  //== List group
1017
1034
  //
1018
1035
  //##
1019
1036
 
1020
1037
  //** Background color on `.list-group-item`
1021
- @list-group-bg: #fff;
1038
+ @list-group-bg: #fff;
1022
1039
  //** `.list-group-item` border color
1023
- @list-group-border: @brand-smoke-plus-10;
1040
+ @list-group-border: @brand-smoke-plus-10;
1024
1041
  //** List group border radius
1025
- @list-group-border-radius: @border-radius-base;
1042
+ @list-group-border-radius: @border-radius-base;
1026
1043
 
1027
1044
  //** Background color of single list items on hover
1028
- @list-group-hover-bg: @brand-smoke-plus-20;
1045
+ @list-group-hover-bg: @brand-smoke-plus-20;
1029
1046
  //** Text color of active list items
1030
- @list-group-active-color: @component-active-color;
1047
+ @list-group-active-color: @component-active-color;
1031
1048
  //** Background color of active list items
1032
- @list-group-active-bg: #fff;
1049
+ @list-group-active-bg: #fff;
1033
1050
  //** Border color of active list elements
1034
- @list-group-active-border: @list-group-active-bg;
1051
+ @list-group-active-border: @list-group-active-bg;
1035
1052
  //** Text color for content within active list items
1036
- @list-group-active-text-color: #fff; // lighten(@list-group-active-bg, 40%);
1053
+ @list-group-active-text-color: #FFF; // lighten(@list-group-active-bg, 40%);
1037
1054
 
1038
1055
  //** Text color of disabled list items
1039
- @list-group-disabled-color: @link-disabled-color;
1056
+ @list-group-disabled-color: @link-disabled-color;
1040
1057
  //** Background color of disabled list items
1041
- @list-group-disabled-bg: #fff;
1058
+ @list-group-disabled-bg: #FFF;
1042
1059
  //** Text color for content within disabled list items
1043
1060
  @list-group-disabled-text-color: @list-group-disabled-color;
1044
1061
 
1045
- @list-group-link-color: @link-color;
1046
- @list-group-link-hover-color: @link-hover-color;
1062
+ @list-group-link-color: @link-color;
1063
+ @list-group-link-hover-color: @link-hover-color;
1047
1064
  @list-group-link-heading-color: @link-color;
1048
1065
 
1066
+
1049
1067
  //== Panels
1050
1068
  //
1051
1069
  //##
1052
1070
 
1053
- @panel-bg: transparent;
1054
- @panel-heading-color: @brand-navy-minus-10;
1055
- @panel-border-radius: @border-radius-base;
1056
- @panel-focus-transtion: @transition-duration;
1071
+ @panel-bg: transparent;
1072
+ @panel-heading-color: @brand-navy-minus-10;
1073
+ @panel-border-radius: @border-radius-base;
1074
+ @panel-focus-transtion: @transition-duration;
1057
1075
 
1058
1076
  //** Border color for elements within panels
1059
- @panel-inner-border: #fff;
1060
- @panel-footer-bg: #fff;
1077
+ @panel-inner-border: #FFF;
1078
+ @panel-footer-bg: #fff;
1079
+
1080
+ @panel-default-text: @gray-dark;
1081
+ @panel-default-border: @brand-smoke-plus-10;
1082
+ @panel-default-heading-bg: #fff;
1061
1083
 
1062
- @panel-default-text: @gray-dark;
1063
- @panel-default-border: @brand-smoke-plus-10;
1064
- @panel-default-heading-bg: #fff;
1084
+ @panel-primary-text: #fff;
1085
+ @panel-primary-border: @brand-navy;
1086
+ @panel-primary-heading-bg: #fff;
1065
1087
 
1066
- @panel-primary-text: #fff;
1067
- @panel-primary-border: @brand-navy;
1068
- @panel-primary-heading-bg: #fff;
1088
+ @panel-success-text: @state-success-text;
1089
+ @panel-success-border: @state-success-border;
1090
+ @panel-success-heading-bg: #FFF;
1069
1091
 
1070
- @panel-success-text: @state-success-text;
1071
- @panel-success-border: @state-success-border;
1072
- @panel-success-heading-bg: #fff;
1092
+ @panel-info-text: @state-info-text;
1093
+ @panel-info-border: @state-info-border;
1094
+ @panel-info-heading-bg: #FFF;
1073
1095
 
1074
- @panel-info-text: @state-info-text;
1075
- @panel-info-border: @state-info-border;
1076
- @panel-info-heading-bg: #fff;
1096
+ @panel-warning-text: @state-warning-text;
1097
+ @panel-warning-border: @state-warning-border;
1098
+ @panel-warning-heading-bg: #FFF;
1099
+
1100
+ @panel-danger-text: @state-danger-text;
1101
+ @panel-danger-border: @state-danger-border;
1102
+ @panel-danger-heading-bg: #FFF;
1077
1103
 
1078
- @panel-warning-text: @state-warning-text;
1079
- @panel-warning-border: @state-warning-border;
1080
- @panel-warning-heading-bg: #fff;
1081
1104
 
1082
- @panel-danger-text: @state-danger-text;
1083
- @panel-danger-border: @state-danger-border;
1084
- @panel-danger-heading-bg: #fff;
1085
1105
 
1086
1106
  //== Thumbnails
1087
1107
  //
1088
1108
  //##
1089
1109
 
1090
1110
  //** Padding around the thumbnail image
1091
- @thumbnail-padding: 0;
1111
+ @thumbnail-padding: 0;
1092
1112
  //** Thumbnail background color
1093
- @thumbnail-bg: @body-bg;
1113
+ @thumbnail-bg: @body-bg;
1094
1114
  //** Thumbnail border color
1095
- @thumbnail-border: @brand-smoke-plus-10;
1115
+ @thumbnail-border: @brand-smoke-plus-10;
1096
1116
  //** Thumbnail border radius
1097
- @thumbnail-border-radius: @border-radius-base;
1117
+ @thumbnail-border-radius: @border-radius-base;
1098
1118
 
1099
1119
  //** Custom text color for thumbnail captions
1100
- @thumbnail-caption-color: @text-color;
1120
+ @thumbnail-caption-color: @text-color;
1101
1121
  //** Padding around the thumbnail caption
1102
- @thumbnail-caption-padding: 24px;
1122
+ @thumbnail-caption-padding: 24px;
1123
+
1103
1124
 
1104
1125
  //== Tiles
1105
1126
  //
1106
1127
  //##
1107
1128
 
1108
1129
  //** Padding around the tile
1109
- @tile-font-size: @font-size-small;
1130
+ @tile-font-size: @font-size-small;
1131
+
1132
+
1110
1133
 
1111
1134
  //== Media objects
1112
1135
  //
1113
1136
  //##
1114
- @media-object-padding-horizontal: (@spacer * 3);
1137
+ @media-object-padding-horizontal: (@spacer * 3);
1138
+
1115
1139
 
1116
1140
  //== Wells
1117
1141
  //
1118
1142
  //##
1119
1143
 
1120
- @well-bg: @gray-base;
1121
- @well-border: @gray-lighter;
1144
+ @well-bg: @gray-base;
1145
+ @well-border: @gray-lighter;
1146
+
1147
+
1122
1148
 
1123
1149
  //== Badges
1124
1150
  //
1125
1151
  //##
1126
1152
 
1127
- @badge-color: #fff;
1153
+ @badge-color: #fff;
1128
1154
  //** Linked badge text color on hover
1129
- @badge-link-hover-color: #fff;
1130
- @badge-bg: @brand-red;
1155
+ @badge-link-hover-color: #fff;
1156
+ @badge-bg: @brand-red;
1131
1157
 
1132
1158
  //** Badge text color in active nav link
1133
- @badge-active-color: @link-color;
1159
+ @badge-active-color: @link-color;
1134
1160
  //** Badge background color in active nav link
1135
- @badge-active-bg: #fff;
1161
+ @badge-active-bg: #fff;
1136
1162
 
1137
- @badge-font-size: 10px;
1138
- @badge-font-weight: bold;
1139
- @badge-line-height: 1;
1140
- @badge-border-radius: 10px;
1163
+ @badge-font-size: 10px;
1164
+ @badge-font-weight: bold;
1165
+ @badge-line-height: 1;
1166
+ @badge-border-radius: 10px;
1141
1167
 
1142
1168
  //== Breadcrumbs
1143
1169
  //
1144
1170
  //##
1145
1171
 
1146
- @breadcrumb-padding-vertical: 8px;
1172
+ @breadcrumb-padding-vertical: 8px;
1147
1173
  @breadcrumb-padding-horizontal: 0;
1148
1174
 
1149
- @breadcrumb-bg: none;
1150
- @breadcrumb-color: #ccc;
1151
- @breadcrumb-active-color: @gray-light;
1152
- @breadcrumb-separator: "❯";
1175
+
1176
+ @breadcrumb-bg: none;
1177
+ @breadcrumb-color: #ccc;
1178
+ @breadcrumb-active-color: @gray-light;
1179
+ @breadcrumb-separator: "❯";
1153
1180
 
1154
1181
  //== Carousel
1155
1182
  //
1156
1183
  //##
1157
1184
 
1158
- @carousel-text-shadow: 0 1px 7px rgba(0, 0, 0, 0.8);
1185
+ @carousel-text-shadow: 0 1px 7px rgba(0,0,0,.8);
1159
1186
 
1160
- @carousel-control-color: @brand-light-blue;
1161
- @carousel-control-width: 15%;
1162
- @carousel-control-opacity: 1;
1163
- @carousel-control-font-size: 20px;
1187
+ @carousel-control-color: @brand-light-blue;
1188
+ @carousel-control-width: 15%;
1189
+ @carousel-control-opacity: 1;
1190
+ @carousel-control-font-size: 20px;
1164
1191
 
1165
- @carousel-indicator-active-bg: @brand-light-blue;
1166
- @carousel-indicator-border-color: @brand-light-blue;
1192
+ @carousel-indicator-active-bg: @brand-light-blue;
1193
+ @carousel-indicator-border-color: @brand-light-blue;
1194
+
1195
+ @carousel-caption-color: #fff;
1167
1196
 
1168
- @carousel-caption-color: #fff;
1169
1197
 
1170
1198
  //== Close
1171
1199
  //
1172
1200
  //##
1173
1201
 
1174
- @close-font-size: 32px;
1175
- @close-font-weight: bold;
1176
- @close-color: @brand-light-blue;
1177
- @close-color-hover: @brand-light-blue-minus-10;
1178
- @close-color-active: @brand-light-blue-minus-20;
1202
+ @close-font-size: 32px;
1203
+ @close-font-weight: bold;
1204
+ @close-color: @brand-light-blue;
1205
+ @close-color-hover: @brand-light-blue-minus-10;
1206
+ @close-color-active: @brand-light-blue-minus-20;
1207
+
1179
1208
 
1180
1209
  //== Code
1181
1210
  //
1182
1211
  //##
1183
1212
 
1184
- @code-color: @brand-grey-minus-10;
1185
- @code-bg: @brand-smoke-plus-20;
1213
+ @code-color: @brand-grey-minus-10;
1214
+ @code-bg: @brand-smoke-plus-20;
1186
1215
 
1187
- @kbd-color: #fff;
1188
- @kbd-bg: #333;
1216
+ @kbd-color: #fff;
1217
+ @kbd-bg: #333;
1218
+
1219
+ @pre-bg: @brand-smoke-plus-20;
1220
+ @pre-color: @gray-dark;
1221
+ @pre-border-color: #ccc;
1222
+ @pre-scrollable-max-height: 340px;
1189
1223
 
1190
- @pre-bg: @brand-smoke-plus-20;
1191
- @pre-color: @gray-dark;
1192
- @pre-border-color: #ccc;
1193
- @pre-scrollable-max-height: 340px;
1194
1224
 
1195
1225
  //== Type
1196
1226
  //
@@ -1199,23 +1229,23 @@
1199
1229
  //** Horizontal offset for forms and lists.
1200
1230
  @component-offset-horizontal: 180px;
1201
1231
  //** Text muted color
1202
- @text-muted: @brand-smoke-minus-10;
1232
+ @text-muted: @brand-smoke-minus-10;
1203
1233
  //** Abbreviations and acronyms border color
1204
- @abbr-border-color: @link-color;
1234
+ @abbr-border-color: @link-color;
1205
1235
  //** Headings small color
1206
- @headings-small-color: @gray-light;
1236
+ @headings-small-color: @gray-light;
1207
1237
  //** Blockquote small color
1208
- @blockquote-small-color: @gray-light;
1238
+ @blockquote-small-color: @gray-light;
1209
1239
  //** Blockquote font size
1210
- @blockquote-font-size: @font-size-large;
1240
+ @blockquote-font-size: @font-size-large;
1211
1241
  //** Blockquote border color
1212
- @blockquote-border-color: @brand-light-blue;
1242
+ @blockquote-border-color: @brand-light-blue;
1213
1243
  //** Page header border color
1214
- @page-header-border-color: @brand-smoke-plus-10;
1244
+ @page-header-border-color: @brand-smoke-plus-10;
1215
1245
  //** Width of horizontal description list titles
1216
- @dl-horizontal-offset: @component-offset-horizontal;
1246
+ @dl-horizontal-offset: @component-offset-horizontal;
1217
1247
  //** Horizontal line color.
1218
- @hr-border: @brand-smoke-plus-10;
1248
+ @hr-border: @brand-smoke-plus-10;
1219
1249
 
1220
1250
  //== Sequence
1221
1251
  //
@@ -1230,11 +1260,12 @@
1230
1260
  @sequence-line-width: 2px;
1231
1261
 
1232
1262
  @sequence-border: #d3d5d8;
1233
- @sequence-bg: #fff;
1263
+ @sequence-bg: #FFF;
1234
1264
 
1235
1265
  @sequence-inverse-border: @brand-navy-minus-20;
1236
1266
  @sequence-inverse-bg: @brand-navy;
1237
1267
 
1268
+
1238
1269
  @sequence-spacing-horizontal: 24px;
1239
1270
  @sequence-spacing-horizontal-lg: 48px;
1240
1271