forked from ManageIQ/patternfly-sass
-
Notifications
You must be signed in to change notification settings - Fork 0
/
_variables.scss
401 lines (396 loc) · 35.6 KB
/
_variables.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
$patternfly-sass-asset-helper: false !default;
//
// Variables
// --------------------------------------------------
// Bootstrap overrides and PatternFly-specific variables
// PatternFly-specific
// -------------------
@import "color-variables";
$bootstrap-switch-handle-default-bg-color: #fbfbfb !default;
$btn-default-bg-img-start: $color-pf-black-100 !default;
$btn-default-bg-img-stop: #ededed !default;
$btn-xs-font-weight: 400 !default;
$card-pf-accented-border-top-color: $color-pf-blue-300 !default;
$card-pf-aggregate-status-title-icon-color: #333 !default;
$card-pf-bg-color: #fff !default;
$card-pf-border-color: $color-pf-black-300 !default;
$card-pf-border-top-color: transparent !default;
$card-pf-container-bg-color: #f5f5f5 !default;
$card-pf-footer-bg-color: $color-pf-black-100 !default;
$donut-font-size-big: 30px !default;
$dropdown-divider-margin: 4px 1px !default;
$dropdown-link-active-border-color: #0076b7 !default;
$dropdown-link-hover-border-color: #b3d3e7 !default;
$dropdown-link-focus-color: #fff !default;
$flyout-transition-pf: all .2s cubic-bezier(.35,0,.25,1) !default;
$font-family-monospace: Menlo, Monaco, Consolas, monospace !default;
$font-path: if($patternfly-sass-asset-helper, "patternfly", "../fonts/patternfly") !default;
$footer-pf-bg-color: $color-pf-black !default;
$footer-pf-padding-left: 25px !default;
$footer-pf-padding-top: 10px !default;
$footer-pf-height: 37px !default;
$gray-light-pf: #aaa !default;
$gray-pf: $color-pf-black-700 !default;
$icon-font-name-fa: "FontAwesome" !default;
$icon-font-name-pf: "PatternFlyIcons-webfont" !default;
$icon-prefix: pficon !default;
$img-bg-login: "bg-login.jpg" !default;
$img-path: if($patternfly-sass-asset-helper, "patternfly", "../images/patternfly") !default;
$img-spinner: "spinner.gif" !default;
$img-spinner-inverse: "spinner-inverse.gif" !default;
$img-spinner-inverse-lg: "spinner-inverse-lg.gif" !default;
$img-spinner-inverse-sm: "spinner-inverse-sm.gif" !default;
$img-spinner-inverse-xs: "spinner-inverse-xs.gif" !default;
$img-spinner-lg: "spinner-lg.gif" !default;
$img-spinner-sm: "spinner-sm.gif" !default;
$img-spinner-xs: "spinner-xs.gif" !default;
$input-border-disabled: #d4d4d4 !default;
$input-border-hover: #7BB2DD !default;
$list-view-accented-border: $color-pf-blue-300 !default;
$list-view-active-bg: #def3ff !default;
$list-view-divider: $color-pf-black-300 !default;
$list-view-hover-bg: #ededed !default;
$list-group-top-border: #e9e8e8 !default;
$login-bg-color: #080808 !default;
$login-container-bg-color: #181818 !default;
$login-container-bg-color-rgba: rgba(255, 255, 255, 0.055) !default;
$modal-title-padding-horizontal: 18px !default;
$modal-title-padding-vertical: 10px !default;
$navbar-pf-active-color: #f1f1f1 !default;
$navbar-pf-alt-active-color: #fff !default;
$navbar-pf-alt-bg-color: $color-pf-black !default;
$navbar-pf-alt-bg-img: url("../img/bg-navbar-pf-alt.svg") !default;
$navbar-pf-bg-color: $color-pf-black !default;
$navbar-pf-border-color: #199dde !default;
$navbar-pf-color: #cfcfcf !default;
$navbar-pf-height: 60px !default;
$navbar-pf-icon-bar-bg-color: #fff !default;
$navbar-pf-navbar-navbar-brand-min-width: 270px !default;
$navbar-pf-navbar-navbar-brand-padding: 8px 0 7px !default;
$navbar-pf-navbar-navbar-persistent-bg-color: #f6f6f6 !default;
$navbar-pf-navbar-navbar-persistent-border-color: #cecdcd !default;
$navbar-pf-vertical-active-color: #fff !default;
$navbar-pf-vertical-bg-color: #1d1d1d !default;
$navbar-pf-vertical-bg-repeat: no-repeat !default;
$navbar-pf-vertical-bg-size: auto 100% !default;
$navbar-pf-vertical-border-color: #199dde !default;
$navbar-pf-vertical-border-style: solid !default;
$navbar-pf-vertical-border-width: 2px !default;
$navbar-pf-vertical-color: #cfcfcf !default;
$navbar-pf-vertical-height: 60px !default;
$navbar-pf-vertical-icon-bar-bg-color: #fff !default;
$navbar-pf-vertical-navbar-brand-color: #fff !default;
$navbar-pf-vertical-navbar-brand-icon-margin: 0 15px 0 0 !default;
$navbar-pf-vertical-navbar-brand-margin: 0 0 0 25px !default;
$navbar-pf-vertical-navbar-brand-min-height: 35px !default;
$navbar-pf-vertical-navbar-brand-name-breakpoint: 480px !default;
$navbar-pf-vertical-navbar-brand-name-margin: 0 15px 0 0 !default;
$navbar-pf-vertical-navbar-brand-padding: 11px 0 12px !default;
$navbar-pf-vertical-navbar-toggle-margin: 13px 15px !default;
$navbar-pf-vertical-navbar-toggle-icon-bar-hover-bg: #fff !default;
$navbar-pf-vertical-nav-item-iconic-padding: 21px 12px !default;
$nav-pf-vertical-active-color: #fff !default;
$nav-pf-vertical-active-before-color: #199dde !default;
$nav-pf-vertical-active-bg-color: $color-pf-black-800 !default;
$nav-pf-vertical-active-border-color: #303030 !default;
$nav-pf-vertical-active-font-weight: 600 !default;
$nav-pf-vertical-active-icon-color: #199dde !default;
$nav-pf-vertical-badge-color: #fff !default;
$nav-pf-vertical-bg-color: $color-pf-black-900 !default;
$nav-pf-vertical-border-color: #262626 !default;
$nav-pf-vertical-collapsed-width: 75px !default;
$nav-pf-vertical-color: #dbdada !default;
$nav-pf-vertical-font-weight: 400 !default;
$nav-pf-vertical-icon-color: $color-pf-black-600 !default;
$nav-pf-vertical-icon-width: 24px !default;
$nav-pf-vertical-item-border-color: #000000 !default;
$nav-pf-vertical-link-height: 63px !default;
$nav-pf-vertical-link-padding: 17px 20px 17px 25px !default;
$nav-pf-vertical-secondary-active-color: #fff !default;
$nav-pf-vertical-secondary-active-bg-color: $color-pf-black-700 !default;
$nav-pf-vertical-secondary-active-icon-color: #199dde !default;
$nav-pf-vertical-secondary-badge-color: #fff !default;
$nav-pf-vertical-secondary-badge-bg-color: $color-pf-black-900 !default;
$nav-pf-vertical-secondary-border-color: #199dde !default;
$nav-pf-vertical-secondary-color: #fff !default;
$nav-pf-vertical-secondary-header-margin: 18px 20px 10px 20px !default;
$nav-pf-vertical-secondary-indicator-color: $color-pf-black-600 !default;
$nav-pf-vertical-secondayr-indicator-padding: 17px 0 !default;
$nav-pf-vertical-secondary-item-color: #dbdada !default;
$nav-pf-vertical-secondary-item-padding: 0 0 5px 0 !default;
$nav-pf-vertical-secondary-link-height: 63px !default;
$nav-pf-vertical-secondary-link-padding: 0 15px 0 20px !default;
$nav-pf-vertical-secondary-list-header-margin: 30px 20px 10px 20px !default;
$nav-pf-vertical-secondary-width: 250px !default;
$nav-pf-vertical-width: 200px !default;
$pagination-padding-small-vertical: 0 !default;
$panel-default-border-color: #bebdbd !default;
$pficon-var-add-circle-o: "\e61b" !default;
$pficon-var-build: "\e902" !default;
$pficon-var-builder-image: "\e800" !default;
$pficon-var-close: "\e60b" !default;
$pficon-var-cloud-security: "\e903" !default;
$pficon-var-cloud-tenant: "\e904" !default;
$pficon-var-cluster: "\e620" !default;
$pficon-var-container-node: "\e621" !default;
$pficon-var-cpu: "\e905" !default;
$pficon-var-delete: "\e611" !default;
$pficon-var-edit: "\e60a" !default;
$pficon-var-enterprise: "\e906" !default;
$pficon-var-error-circle-o: "\e61d" !default;
$pficon-var-export: "\e616" !default;
$pficon-var-flag: "\e603" !default;
$pficon-var-flavor: "\e907" !default;
$pficon-var-folder-close: "\e607" !default;
$pficon-var-folder-open: "\e606" !default;
$pficon-var-help: "\e605" !default;
$pficon-var-history: "\e617" !default;
$pficon-var-home: "\e618" !default;
$pficon-var-image: "\e61f" !default;
$pficon-var-import: "\e615" !default;
$pficon-var-info: "\e604" !default;
$pficon-var-kubernetes: "\e627" !default;
$pficon-var-memory: "\e908" !default;
$pficon-var-network: "\e909" !default;
$pficon-var-ok: "\e602" !default;
$pficon-var-openshift: "\e626" !default;
$pficon-var-print: "\e612" !default;
$pficon-var-project: "\e622" !default;
$pficon-var-regions: "\e90a" !default;
$pficon-var-registry: "\e623" !default;
$pficon-var-replicator: "\e624" !default;
$pficon-var-repository: "\e90b" !default;
$pficon-var-resource-pool: "\e90c" !default;
$pficon-var-resources-almost-full: "\e912" !default;
$pficon-var-resources-full: "\e913" !default;
$pficon-var-restart: "\e613" !default;
$pficon-var-route: "\e625" !default;
$pficon-var-running: "\e614" !default;
$pficon-var-save: "\e601" !default;
$pficon-var-screen: "\e600" !default;
$pficon-var-server: "\e90d" !default;
$pficon-var-service: "\e61e" !default;
$pficon-var-settings: "\e610" !default;
$pficon-var-storage-domain: "\e90e" !default;
$pficon-var-thumb-tack-o: "\e609" !default;
$pficon-var-topology: "\e608" !default;
$pficon-var-trend-down: "\e900" !default;
$pficon-var-trend-up: "\e901" !default;
$pficon-var-user: "\e60e" !default;
$pficon-var-users: "\e60f" !default;
$pficon-var-virtual-machine: "\e90f" !default;
$pficon-var-volume: "\e910" !default;
$pficon-var-warning-triangle-o: "\e61c" !default;
$pficon-var-zone: "\e911" !default;
$progress-description-label-width: 85px !default;
$sidebar-pf-bg: $color-pf-black-100 !default;
$sidebar-pf-border-color: #d0d0d0 !default;
$table-border-hover: #a7cadf !default;
$table-cell-padding-bottom: 3px !default;
$table-cell-padding-top: 2px !default;
// Reference variables declared in block above
$bootstrap-switch-bg-color-start: $btn-default-bg-img-start !default;
$bootstrap-switch-bg-color-stop: $btn-default-bg-img-stop !default;
$navbar-pf-navbar-header-border-color: lighten($navbar-pf-bg-color, 15%) !default;
$navbar-pf-navbar-nav-active-active-bg-color: lighten($navbar-pf-bg-color, 8%) !default;
$navbar-pf-navbar-nav-active-active-open-bg-color: lighten($navbar-pf-bg-color, 11%) !default;
$navbar-pf-navbar-nav-active-bg-color: lighten($navbar-pf-bg-color, 12.5%) !default;
$navbar-pf-navbar-primary-bg-color-start: lighten($navbar-pf-bg-color, 10%); // #474C50 !default;
$navbar-pf-navbar-primary-bg-color-stop: $navbar-pf-bg-color; // #383F43 !default;
$navbar-pf-navbar-utility-border-color: lighten($navbar-pf-bg-color, 15.5%) !default;
$navbar-pf-navbar-utility-color: $navbar-pf-color !default;
$navbar-pf-navbar-utility-hover-bg-color: lighten($navbar-pf-bg-color, 12.5%) !default;
$nav-pf-vertical-hidden-icons-width: ($nav-pf-vertical-width - $nav-pf-vertical-icon-width) !default;
$nav-pf-vertical-secondary-bg-color: $nav-pf-vertical-active-bg-color !default;
$nav-tabs-color: $gray-pf !default;
// Reference variables declared in block above
$navbar-pf-navbar-primary-context-bg-color-start: lighten($navbar-pf-navbar-primary-bg-color-start, 8.5%) !default;
$navbar-pf-navbar-primary-context-bg-color-stop: lighten($navbar-pf-navbar-primary-bg-color-stop, 11%) !default;
$navbar-pf-navbar-primary-hover-bg-color-start: lighten($navbar-pf-navbar-primary-bg-color-start, 10%) !default;
$navbar-pf-navbar-primary-hover-bg-color-stop: lighten($navbar-pf-navbar-primary-bg-color-stop, 10%) !default;
$navbar-pf-navbar-primary-hover-border-color: lighten($navbar-pf-navbar-header-border-color, 20%) !default;
$navbar-pf-navbar-primary-context-border-color: lighten($navbar-pf-navbar-header-border-color, 8%) !default;
$navbar-pf-navbar-primary-context-border-top-color: lighten($navbar-pf-navbar-header-border-color, 7%) !default;
$navbar-pf-navbar-utility-hover-border-color: lighten($navbar-pf-navbar-utility-border-color, 5%) !default;
$navbar-pf-navbar-utility-open-bg-color: lighten($navbar-pf-navbar-utility-hover-bg-color, 7.5%) !default;
$navbar-pf-navbar-utility-open-border-color: lighten($navbar-pf-navbar-utility-hover-border-color, 5%) !default;
// Reference variables declared in block above
$navbar-pf-navbar-primary-active-bg-color-start: lighten($navbar-pf-navbar-primary-hover-bg-color-start, 5%) !default;
$navbar-pf-navbar-primary-active-bg-color-stop: lighten($navbar-pf-navbar-primary-hover-bg-color-stop, 7.5%) !default;
$navbar-pf-navbar-primary-active-border-color: lighten($navbar-pf-navbar-primary-hover-border-color, 5%) !default;
$navbar-pf-navbar-primary-context-hover-bg-color-start: lighten($navbar-pf-navbar-primary-context-bg-color-start, 5%) !default;
$navbar-pf-navbar-primary-context-hover-bg-color-stop: lighten($navbar-pf-navbar-primary-context-bg-color-stop, 7.5%) !default;
$navbar-pf-navbar-primary-context-hover-border-color: lighten($navbar-pf-navbar-primary-context-border-color, 5%) !default;
$navbar-pf-navbar-primary-context-hover-border-top-color: lighten($navbar-pf-navbar-primary-context-border-top-color, 6%) !default;
// Reference variables declared in block above
$navbar-pf-navbar-primary-context-active-bg-color-start: lighten($navbar-pf-navbar-primary-context-hover-bg-color-start, 5%) !default;
$navbar-pf-navbar-primary-context-active-bg-color-stop: lighten($navbar-pf-navbar-primary-context-hover-bg-color-stop, 7.5%) !default;
$navbar-pf-navbar-primary-context-active-border-color: lighten($navbar-pf-navbar-primary-context-hover-border-color, 5%) !default;
$navbar-pf-navbar-primary-context-active-border-top-color: lighten($navbar-pf-navbar-primary-context-hover-border-top-color, 6%) !default;
// References variable declared in block above
$navbar-pf-navbar-primary-context-active-border-right-color: $navbar-pf-navbar-primary-context-active-border-color !default;
// Alternate navigation layout - Kept for backwards compatibility
// --------------------------------------------------------------
$footer-pf-alt-bg-color: $footer-pf-bg-color !default;
$footer-pf-alt-padding-left: $footer-pf-padding-left !default;
$footer-pf-alt-padding-top: $footer-pf-padding-top !default;
$footer-pf-alt-height: $footer-pf-height !default;
$img-path-alt: $img-path !default;
$nav-pf-vertical-alt-active-color: $color-pf-blue-300 !default;
$nav-pf-vertical-alt-bg-color: #fff !default;
$nav-pf-vertical-alt-badge-color: #fff !default;
$nav-pf-vertical-alt-border-color: $sidebar-pf-border-color !default;
$nav-pf-vertical-alt-collapsed-width: 75px !default;
$nav-pf-vertical-alt-color: #464952 !default;
$nav-pf-vertical-alt-link-height: 63px !default;
$nav-pf-vertical-alt-link-padding: 17px 20px 17px 25px !default;
$nav-pf-vertical-alt-width: 250px !default;
$navbar-pf-alt-bg-repeat: $navbar-pf-vertical-bg-repeat !default;
$navbar-pf-alt-bg-size: $navbar-pf-vertical-bg-size !default;
$navbar-pf-alt-border-color: $navbar-pf-vertical-border-color !default;
$navbar-pf-alt-border-style: $navbar-pf-vertical-border-style !default;
$navbar-pf-alt-border-width: $navbar-pf-vertical-border-width !default;
$navbar-pf-alt-color: $navbar-pf-vertical-color !default;
$navbar-pf-alt-height: $navbar-pf-vertical-height !default;
$navbar-pf-alt-nav-item-iconic-padding: $navbar-pf-vertical-nav-item-iconic-padding !default;
$navbar-pf-alt-navbar-brand-color: $navbar-pf-vertical-navbar-brand-color !default;
$navbar-pf-alt-navbar-brand-icon-margin: $navbar-pf-vertical-navbar-brand-icon-margin !default;
$navbar-pf-alt-navbar-brand-margin: $navbar-pf-vertical-navbar-brand-margin !default;
$navbar-pf-alt-navbar-brand-min-height: $navbar-pf-vertical-navbar-brand-min-height !default;
$navbar-pf-alt-navbar-brand-name-breakpoint: $navbar-pf-vertical-navbar-brand-name-breakpoint !default;
$navbar-pf-alt-navbar-brand-name-margin: $navbar-pf-vertical-navbar-brand-name-margin !default;
$navbar-pf-alt-navbar-brand-padding: $navbar-pf-vertical-navbar-brand-padding !default;
$navbar-pf-alt-navbar-toggle-margin: $navbar-pf-vertical-navbar-toggle-margin !default;
$navbar-pf-alt-navbar-toggle-icon-bar-hover-bg: $navbar-pf-vertical-navbar-toggle-icon-bar-hover-bg !default;
// Bootstrap overrides
// -------------------
$alert-info-border: $color-pf-black-500 !default;
$alert-link-font-weight: 500 !default;
$alert-padding: 11px !default;
$body-bg: #ffffff !default;
$border-radius-base: 1px !default;
$brand-danger: $color-pf-red !default;
$brand-info: #006e9c !default;
$brand-primary: #00a8e1 !default;
$brand-success: $color-pf-green !default;
$brand-warning: $color-pf-orange !default;
$breadcrumb-bg: transparent !default;
$breadcrumb-separator: "\f105" !default;
$btn-danger-bg: $color-pf-red-200 !default;
$btn-danger-border: #781919 !default;
$btn-default-border: #b7b7b7 !default;
$btn-font-weight: 600 !default;
$btn-primary-bg: #0085cf !default;
$btn-primary-border: #006e9c !default;
$caret-width-base: 0 !default;
$dropdown-border: #b6b6b6 !default;
$dropdown-divider-bg: #e5e5e5 !default;
$dropdown-link-active-color: #fff !default;
$dropdown-link-hover-bg: #d4edfa !default;
$font-family-base: "Open Sans", Helvetica, Arial, sans-serif !default;
$font-size-base: 12px !default;
$gray-dark: lighten(#000, 20%) !default; // #333
$gray-darker: lighten(#000, 13.5%) !default; // #222
$gray-light: lighten(#000, 60%) !default; // #999
$gray-lighter: lighten(#000, 93.5%) !default; // #eee
$grid-gutter-width: 40px !default;
$input-bg-disabled: #F8F8F8 !default;
$input-border: #BABABA !default;
$line-height-base: 1.66666667 !default; // 20/12
$link-color: #0099d3 !default;
$list-group-border: #f2f2f2 !default;
$list-group-border-radius: 0 !default;
$list-group-hover-bg: #d4edfa !default;
$link-hover-color: #00618a !default;
$nav-tabs-border-color: #e9e8e8 !default;
$nav-tabs-link-hover-border-color: transparent !default;
$padding-large-horizontal: 10px !default;
$padding-base-horizontal: 6px !default;
$padding-base-vertical: 2px !default;
$padding-large-vertical: 6px !default;
$pager-border-radius: 0 !default;
$pager-disabled-color: #969696 !default;
$pagination-bg: #f5f5f5 !default;
$pagination-border: $color-pf-black-400 !default;
$pagination-hover-bg: #ededed !default;
$panel-inner-border: #cecdcd !default;
$popover-arrow-color: #fff !default;
$popover-arrow-outer-color: $color-pf-black-400 !default;
$popover-border-color: $color-pf-black-400 !default;
$popover-max-width: 220px !default;
$popover-title-bg: #f5f5f5 !default;
$pre-bg: #fcfcfc !default;
$progress-bg: #ededed !default;
$table-bg-accent: #f5f5f5 !default;
$table-bg-hover: #d5ecf9 !default;
$table-border-color: $color-pf-black-300 !default;
$table-cell-padding: 10px !default;
$tooltip-arrow-width: 8px !default;
$tooltip-bg: #434343 !default;
$tooltip-max-width: 220px !default;
// Reference variables declared in block above
$alert-danger-bg: #fbe7e7 !default;
$alert-danger-border: $brand-danger !default;
$alert-danger-text: $gray-dark !default;
$alert-info-bg: #f2f2f2 !default;
$alert-info-text: $gray-dark !default;
$alert-success-bg: #e8f9e7 !default;
$alert-success-border: $brand-success !default;
$alert-success-text: $gray-dark !default;
$alert-warning-bg: #fdf4ea !default;
$alert-warning-border: $brand-warning !default;
$alert-warning-text: $gray-dark !default;
$badge-border-radius: $border-radius-base !default;
$border-radius-large: $border-radius-base !default;
$border-radius-small: $border-radius-base !default;
$breadcrumb-active-color: $gray-pf !default;
$breadcrumb-color: $gray-pf !default;
$btn-default-bg: $gray-lighter !default;
$btn-default-color: $gray-pf !default;
$caret-width-large: $caret-width-base !default;
$dropdown-fallback-border: $dropdown-border !default;
$dropdown-link-active-bg: $link-color !default;
$dropdown-link-hover-color: $gray-pf !default;
$font-size-h1: ceil(($font-size-base * 2)) !default; // ~24px
$font-size-h2: ceil(($font-size-base * 1.8333)) !default; // ~22px
$font-size-h3: ceil(($font-size-base * 1.3333)) !default; // ~16px
$font-size-h5: ceil(($font-size-base * 1.0833)) !default; // ~13px
$font-size-large: ceil(($font-size-base * 1.1666)) !default; // ~14px
$font-size-small: ceil(($font-size-base * .9166)) !default; // ~11px
$input-color: $gray-dark !default;
$nav-tabs-active-link-hover-color: $link-color !default;
$nav-tabs-justified-link-border-color: $nav-tabs-border-color !default;
$padding-small-horizontal: $padding-base-horizontal !default;
$padding-small-vertical: $padding-base-vertical !default;
$panel-danger-border: $brand-danger !default;
$panel-danger-heading-bg: $brand-danger !default;
$panel-info-border: $brand-info !default;
$panel-info-heading-bg: $brand-info !default;
$panel-primary-text: $body-bg !default;
$panel-success-border: $brand-success !default;
$panel-success-heading-bg: $brand-success !default;
$panel-warning-border: $brand-warning !default;
$panel-warning-heading-bg: $brand-warning !default;
$state-warning-text: $brand-warning !default;
// Reference variable declared in block above
$panel-danger-text: $panel-primary-text !default;
$panel-info-text: $panel-primary-text !default;
$panel-success-text: $panel-primary-text !default;
$panel-warning-text: $panel-primary-text !default;
// PatternFly-specific variables based on Bootstrap overides
// ---------------------------------------------------------
$bootstrap-switch-bg-color: $btn-default-bg !default;
$btn-danger-bg-img-start: $brand-danger !default;
$btn-danger-bg-img-stop: $btn-danger-bg !default;
$btn-primary-bg-img-start: $brand-primary !default;
$btn-primary-bg-img-stop: $btn-primary-bg !default;
$dropdown-link-focus-bg: $link-color !default;
$line-height-computed: floor(($font-size-base * $line-height-base)) !default;
$notification-badge-color: $brand-danger !default;
$progress-sm: ($line-height-computed - 6) !default;
$progress-xs: ($line-height-computed - 14) !default;
$syntax-1: $btn-danger-bg !default;
$syntax-2: $gray-dark !default;
$syntax-3: $brand-success !default;
$syntax-4: $brand-info !default;
$tooltip-font-size: $font-size-base !default;