@gmfe/react 2.14.17 → 2.14.19-beta.0

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 (376) hide show
  1. package/package.json +3 -3
  2. package/src/common/hooks/index.js +3 -3
  3. package/src/common/hooks/use_mutation_observer.js +25 -25
  4. package/src/common/util.js +52 -52
  5. package/src/component/affix/affix.stories.js +13 -13
  6. package/src/component/affix/index.js +21 -21
  7. package/src/component/box/box.js +31 -31
  8. package/src/component/box/box.stories.js +94 -94
  9. package/src/component/box/box_form.js +77 -77
  10. package/src/component/box/box_panel.js +91 -91
  11. package/src/component/box/box_table.js +51 -51
  12. package/src/component/box/index.js +6 -6
  13. package/src/component/box/style.less +39 -39
  14. package/src/component/button/button.stories.js +91 -91
  15. package/src/component/button/index.js +92 -92
  16. package/src/component/button/style.less +114 -114
  17. package/src/component/calendar/calendar.js +52 -52
  18. package/src/component/calendar/calendar.stories.js +57 -57
  19. package/src/component/calendar/content.js +89 -89
  20. package/src/component/calendar/day.js +109 -109
  21. package/src/component/calendar/head.js +243 -243
  22. package/src/component/calendar/index.js +4 -4
  23. package/src/component/calendar/range_calendar.js +150 -150
  24. package/src/component/calendar/style.less +140 -140
  25. package/src/component/calendar/week.js +27 -27
  26. package/src/component/carousel/carousel.js +178 -178
  27. package/src/component/carousel/stories.js +50 -50
  28. package/src/component/carousel/style.less +48 -48
  29. package/src/component/cascader/cascader.js +443 -443
  30. package/src/component/cascader/cascader.select.js +195 -195
  31. package/src/component/cascader/stories.js +240 -240
  32. package/src/component/cascader/style.less +122 -122
  33. package/src/component/checkbox/checkbox.js +86 -86
  34. package/src/component/checkbox/checkbox_group.js +66 -66
  35. package/src/component/checkbox/index.js +4 -4
  36. package/src/component/checkbox/stories.js +103 -103
  37. package/src/component/checkbox/style.less +88 -88
  38. package/src/component/collapse/collapse.stories.js +18 -18
  39. package/src/component/collapse/index.js +36 -36
  40. package/src/component/color_picker/index.js +190 -190
  41. package/src/component/color_picker/stories.js +17 -17
  42. package/src/component/color_picker/style.less +41 -41
  43. package/src/component/date_picker/date_picker.stories.js +102 -102
  44. package/src/component/date_picker/index.js +217 -217
  45. package/src/component/date_picker/overlay.js +119 -119
  46. package/src/component/date_picker/style.less +22 -22
  47. package/src/component/date_picker/time_select.js +62 -62
  48. package/src/component/date_range_picker/date_range_picker.stories.js +196 -196
  49. package/src/component/date_range_picker/index.js +206 -206
  50. package/src/component/date_range_picker/left.js +127 -127
  51. package/src/component/date_range_picker/overlay.js +202 -202
  52. package/src/component/date_range_picker/style.less +46 -46
  53. package/src/component/date_range_picker/time_range_select.js +150 -150
  54. package/src/component/date_range_picker/two.js +129 -129
  55. package/src/component/date_range_picker/util.js +42 -42
  56. package/src/component/dialog/index.js +240 -240
  57. package/src/component/dialog/stories.js +125 -125
  58. package/src/component/divider/index.js +28 -28
  59. package/src/component/divider/stories.js +5 -5
  60. package/src/component/divider/style.less +15 -15
  61. package/src/component/drawer/index.js +107 -107
  62. package/src/component/drawer/style.less +43 -43
  63. package/src/component/drop_down/drop_down.js +84 -84
  64. package/src/component/drop_down/drop_down_item.js +43 -43
  65. package/src/component/drop_down/drop_down_items.js +22 -22
  66. package/src/component/drop_down/index.js +5 -5
  67. package/src/component/drop_down/stories.js +38 -38
  68. package/src/component/drop_down/style.less +21 -21
  69. package/src/component/drop_select/index.js +208 -208
  70. package/src/component/drop_select/style.less +69 -69
  71. package/src/component/dropper/index.js +62 -62
  72. package/src/component/dropper/style.less +18 -18
  73. package/src/component/editable_text/editable_text.stories.js +47 -47
  74. package/src/component/editable_text/index.js +106 -106
  75. package/src/component/editable_text/style.less +29 -29
  76. package/src/component/filter_select/filter.select.js +416 -416
  77. package/src/component/filter_select/multiple.filter.select.js +425 -425
  78. package/src/component/filter_select/style.less +117 -117
  79. package/src/component/flex/index.js +132 -132
  80. package/src/component/flex/stories.js +13 -13
  81. package/src/component/flex/style.less +101 -101
  82. package/src/component/flip_number/index.js +196 -196
  83. package/src/component/flip_number/stories.js +25 -25
  84. package/src/component/flip_number/utils.js +50 -50
  85. package/src/component/form/form.js +153 -153
  86. package/src/component/form/form.stories.js +553 -553
  87. package/src/component/form/form_block.js +59 -59
  88. package/src/component/form/form_button.js +29 -29
  89. package/src/component/form/form_group.js +173 -173
  90. package/src/component/form/form_item.js +163 -163
  91. package/src/component/form/form_panel.js +71 -71
  92. package/src/component/form/index.js +8 -8
  93. package/src/component/form/style.less +130 -130
  94. package/src/component/form/util.js +13 -13
  95. package/src/component/function_set/function_set.stories.js +91 -91
  96. package/src/component/function_set/index.js +98 -98
  97. package/src/component/function_set/overlay.js +56 -56
  98. package/src/component/grid/col.js +72 -72
  99. package/src/component/grid/grid.stories.js +123 -123
  100. package/src/component/grid/index.js +4 -4
  101. package/src/component/grid/mixin.less +48 -48
  102. package/src/component/grid/row.js +44 -44
  103. package/src/component/grid/style.less +26 -26
  104. package/src/component/grid/util.js +11 -11
  105. package/src/component/icon_down_up/index.js +28 -28
  106. package/src/component/icon_down_up/stories.js +18 -18
  107. package/src/component/icon_down_up/style.less +8 -8
  108. package/src/component/image_preview/index.js +20 -20
  109. package/src/component/image_preview/preview_modal.js +193 -193
  110. package/src/component/image_preview/style.less +119 -119
  111. package/src/component/img_uploader/index.js +149 -149
  112. package/src/component/img_uploader/index.stories.js +51 -51
  113. package/src/component/img_uploader/style.less +22 -22
  114. package/src/component/input/index.js +19 -19
  115. package/src/component/input_number/index.js +73 -73
  116. package/src/component/input_number/number.js +158 -158
  117. package/src/component/input_number/stories.js +21 -21
  118. package/src/component/input_number/style.less +10 -10
  119. package/src/component/layout_root/index.js +165 -165
  120. package/src/component/lazy_img/index.js +68 -68
  121. package/src/component/level_list/index.js +120 -120
  122. package/src/component/level_list/level_item.js +64 -64
  123. package/src/component/level_list/level_list.stories.js +139 -139
  124. package/src/component/level_list/style.less +47 -47
  125. package/src/component/level_list/util.js +22 -22
  126. package/src/component/level_select/index.js +240 -240
  127. package/src/component/level_select/level_select.stories.js +67 -67
  128. package/src/component/list/base.js +155 -155
  129. package/src/component/list/index.js +93 -93
  130. package/src/component/list/list.stories.js +99 -99
  131. package/src/component/list/style.less +58 -58
  132. package/src/component/loading/index.js +45 -45
  133. package/src/component/loading/loading_chunk.js +59 -59
  134. package/src/component/loading/loading_full_screen.js +62 -62
  135. package/src/component/loading/stories.js +46 -46
  136. package/src/component/loading/style.less +92 -92
  137. package/src/component/mask/index.js +34 -34
  138. package/src/component/mask/style.less +10 -10
  139. package/src/component/modal/clean_modal.js +36 -36
  140. package/src/component/modal/index.js +293 -293
  141. package/src/component/modal/right_side_modal.js +37 -37
  142. package/src/component/modal/stories.js +96 -96
  143. package/src/component/modal/style.less +145 -145
  144. package/src/component/more_select/base.js +517 -517
  145. package/src/component/more_select/index.js +91 -91
  146. package/src/component/more_select/stories.js +261 -261
  147. package/src/component/more_select/style.less +130 -130
  148. package/src/component/nav/index.js +269 -269
  149. package/src/component/nav/nav.stories.js +133 -133
  150. package/src/component/nav/style.less +156 -156
  151. package/src/component/nprogress/index.js +34 -34
  152. package/src/component/nprogress/stories.js +22 -22
  153. package/src/component/nprogress/style.less +39 -39
  154. package/src/component/pagination/base.js +67 -67
  155. package/src/component/pagination/left.js +65 -65
  156. package/src/component/pagination/page.js +120 -120
  157. package/src/component/pagination/page_peek.js +96 -96
  158. package/src/component/pagination/pagination.js +54 -54
  159. package/src/component/pagination/pagination.stories.js +104 -104
  160. package/src/component/pagination/pagination_text.js +71 -71
  161. package/src/component/pagination/pagination_v2.js +30 -30
  162. package/src/component/pagination/right.js +67 -67
  163. package/src/component/pagination/style.less +52 -52
  164. package/src/component/pagination/util.js +5 -5
  165. package/src/component/picture_preview/index.js +21 -21
  166. package/src/component/popover/index.js +373 -373
  167. package/src/component/popover/stories.js +101 -101
  168. package/src/component/popup/index.js +4 -4
  169. package/src/component/popup/popup.js +172 -172
  170. package/src/component/popup/popup_content_confirm.js +67 -67
  171. package/src/component/popup/style.less +105 -105
  172. package/src/component/price/index.js +147 -147
  173. package/src/component/price/stories.js +34 -34
  174. package/src/component/progress/index.js +101 -101
  175. package/src/component/progress/stories.js +60 -60
  176. package/src/component/progress/style.less +88 -88
  177. package/src/component/progress_circle/index.js +116 -116
  178. package/src/component/progress_circle/stories.js +54 -54
  179. package/src/component/progress_circle/style.less +17 -17
  180. package/src/component/radio/index.js +4 -4
  181. package/src/component/radio/radio.js +76 -76
  182. package/src/component/radio/radio_group.js +51 -51
  183. package/src/component/radio/stories.js +80 -80
  184. package/src/component/radio/style.less +63 -63
  185. package/src/component/recommend_input/index.js +118 -118
  186. package/src/component/recommend_input/recommend_input.stories.js +56 -56
  187. package/src/component/recommend_input/style.less +25 -25
  188. package/src/component/select/index.js +4 -4
  189. package/src/component/select/option.js +22 -22
  190. package/src/component/select/select.js +186 -186
  191. package/src/component/select/select.stories.js +79 -79
  192. package/src/component/select/style.less +4 -4
  193. package/src/component/selection/index.js +132 -132
  194. package/src/component/selection/selection.stories.js +41 -41
  195. package/src/component/selection/style.less +67 -67
  196. package/src/component/sheet/index.js +7 -7
  197. package/src/component/sheet/sheet.js +348 -348
  198. package/src/component/sheet/sheet_action.js +16 -16
  199. package/src/component/sheet/sheet_batch_action.js +16 -16
  200. package/src/component/sheet/sheet_column.js +21 -21
  201. package/src/component/sheet/sheet_select.js +31 -31
  202. package/src/component/sheet/stories.js +210 -210
  203. package/src/component/sheet/style.less +95 -95
  204. package/src/component/steps/index.js +66 -66
  205. package/src/component/steps/steps.stories.js +15 -15
  206. package/src/component/steps/style.less +39 -39
  207. package/src/component/storage/index.js +54 -54
  208. package/src/component/storage/stories.js +38 -38
  209. package/src/component/switch/index.js +118 -118
  210. package/src/component/switch/stories.js +7 -7
  211. package/src/component/switch/style.less +70 -70
  212. package/src/component/table_select/index.js +152 -152
  213. package/src/component/table_select/style.less +12 -12
  214. package/src/component/table_select/table_select.stories.js +91 -91
  215. package/src/component/table_select/util.js +21 -21
  216. package/src/component/tabs/style.less +33 -33
  217. package/src/component/tabs/tabs.js +97 -97
  218. package/src/component/tabs/tabs.stories.js +48 -48
  219. package/src/component/time_span/style.less +45 -45
  220. package/src/component/time_span/time_span.js +183 -183
  221. package/src/component/time_span/time_span.stories.js +66 -66
  222. package/src/component/time_span/time_span_picker.js +112 -112
  223. package/src/component/time_span/time_span_picker.stories.js +71 -71
  224. package/src/component/tip/index.js +168 -168
  225. package/src/component/tip/stories.js +54 -54
  226. package/src/component/tip/style.less +41 -41
  227. package/src/component/tool_tip/index.js +58 -58
  228. package/src/component/tool_tip/stories.js +36 -36
  229. package/src/component/transfer/box.js +186 -141
  230. package/src/component/transfer/index.js +4 -4
  231. package/src/component/transfer/stories.js +108 -118
  232. package/src/component/transfer/style.less +34 -34
  233. package/src/component/transfer/transfer.js +181 -173
  234. package/src/component/transfer/transfer_group.js +178 -178
  235. package/src/component/transfer_v2/index.js +171 -171
  236. package/src/component/transfer_v2/transfer_v2.stories.js +226 -226
  237. package/src/component/tree/bottom.js +41 -41
  238. package/src/component/tree/index.js +205 -205
  239. package/src/component/tree/item.js +154 -154
  240. package/src/component/tree/list.js +151 -151
  241. package/src/component/tree/style.less +147 -147
  242. package/src/component/tree/tree.stories.js +241 -241
  243. package/src/component/tree/util.js +24 -24
  244. package/src/component/tree_v2/bottom.js +40 -40
  245. package/src/component/tree_v2/index.js +260 -260
  246. package/src/component/tree_v2/list.js +230 -230
  247. package/src/component/tree_v2/style.less +38 -38
  248. package/src/component/tree_v2/tree.stories.js +419 -419
  249. package/src/component/tree_v2/util.js +185 -185
  250. package/src/component/uploader/index.js +108 -108
  251. package/src/component/uploader/style.less +24 -24
  252. package/src/component/uploader/uploader.stories.js +51 -51
  253. package/src/css/arrow.less +56 -56
  254. package/src/css/bg.less +52 -52
  255. package/src/css/border.less +40 -40
  256. package/src/css/cover.less +236 -236
  257. package/src/css/cursor.less +19 -19
  258. package/src/css/display.less +16 -16
  259. package/src/css/distance.less +324 -324
  260. package/src/css/error.less +10 -10
  261. package/src/css/other.less +16 -16
  262. package/src/css/overflow.less +23 -23
  263. package/src/css/position.less +11 -11
  264. package/src/css/rotate.less +28 -28
  265. package/src/css/shadow.less +11 -11
  266. package/src/css/stories.js +104 -104
  267. package/src/css/svg.less +51 -51
  268. package/src/css/text.less +120 -120
  269. package/src/css/variables.less +62 -62
  270. package/src/event_type.js +16 -16
  271. package/src/fonts/glyphicons-halflings-regular.svg +542 -542
  272. package/src/index.js +237 -237
  273. package/src/index.less +108 -108
  274. package/src/less/.csscomb.json +304 -304
  275. package/src/less/.csslintrc +19 -19
  276. package/src/less/alerts.less +72 -72
  277. package/src/less/badges.less +65 -65
  278. package/src/less/bootstrap.less +51 -51
  279. package/src/less/breadcrumbs.less +25 -25
  280. package/src/less/button-groups.less +253 -253
  281. package/src/less/buttons.less +186 -186
  282. package/src/less/carousel.less +269 -269
  283. package/src/less/close.less +33 -33
  284. package/src/less/code.less +68 -68
  285. package/src/less/component-animations.less +39 -39
  286. package/src/less/custom.less +37 -37
  287. package/src/less/dropdowns.less +215 -215
  288. package/src/less/forms.less +612 -612
  289. package/src/less/glyphicons.less +1614 -1614
  290. package/src/less/grid.less +76 -76
  291. package/src/less/input-groups.less +175 -175
  292. package/src/less/jumbotron.less +53 -53
  293. package/src/less/labels.less +64 -64
  294. package/src/less/list-group.less +126 -126
  295. package/src/less/media.less +66 -66
  296. package/src/less/mixins/alerts.less +14 -14
  297. package/src/less/mixins/background-variant.less +9 -9
  298. package/src/less/mixins/border-radius.less +21 -21
  299. package/src/less/mixins/buttons.less +65 -65
  300. package/src/less/mixins/center-block.less +7 -7
  301. package/src/less/mixins/clearfix.less +22 -22
  302. package/src/less/mixins/forms.less +84 -84
  303. package/src/less/mixins/gradients.less +59 -59
  304. package/src/less/mixins/grid-framework.less +96 -96
  305. package/src/less/mixins/grid.less +134 -134
  306. package/src/less/mixins/hide-text.less +21 -21
  307. package/src/less/mixins/image.less +25 -25
  308. package/src/less/mixins/labels.less +12 -12
  309. package/src/less/mixins/list-group.less +30 -30
  310. package/src/less/mixins/nav-divider.less +10 -10
  311. package/src/less/mixins/nav-vertical-align.less +9 -9
  312. package/src/less/mixins/opacity.less +8 -8
  313. package/src/less/mixins/pagination.less +24 -24
  314. package/src/less/mixins/panels.less +24 -24
  315. package/src/less/mixins/progress-bar.less +10 -10
  316. package/src/less/mixins/reset-filter.less +8 -8
  317. package/src/less/mixins/reset-text.less +18 -18
  318. package/src/less/mixins/resize.less +6 -6
  319. package/src/less/mixins/responsive-visibility.less +21 -21
  320. package/src/less/mixins/size.less +10 -10
  321. package/src/less/mixins/tab-focus.less +9 -9
  322. package/src/less/mixins/table-row.less +28 -28
  323. package/src/less/mixins/text-emphasis.less +9 -9
  324. package/src/less/mixins/text-overflow.less +8 -8
  325. package/src/less/mixins/vendor-prefixes.less +254 -254
  326. package/src/less/mixins.less +36 -36
  327. package/src/less/modals.less +163 -163
  328. package/src/less/navbar.less +651 -651
  329. package/src/less/navs.less +236 -236
  330. package/src/less/normalize.less +424 -424
  331. package/src/less/pager.less +54 -54
  332. package/src/less/pagination.less +90 -90
  333. package/src/less/panels.less +274 -274
  334. package/src/less/popovers.less +140 -140
  335. package/src/less/print.less +103 -103
  336. package/src/less/progress-bars.less +92 -92
  337. package/src/less/responsive-embed.less +35 -35
  338. package/src/less/responsive-utilities.less +209 -209
  339. package/src/less/scaffolding.less +154 -154
  340. package/src/less/tables.less +228 -228
  341. package/src/less/theme.less +344 -344
  342. package/src/less/thumbnails.less +35 -35
  343. package/src/less/tooltip.less +115 -115
  344. package/src/less/type.less +352 -352
  345. package/src/less/utilities.less +57 -57
  346. package/src/less/variables.less +833 -833
  347. package/src/less/wells.less +29 -29
  348. package/src/sotries.js +4 -4
  349. package/src/validator/index.js +10 -10
  350. package/src/validator/rules.js +66 -66
  351. package/src/validator/type.js +10 -10
  352. package/src/validator/validator.js +86 -86
  353. package/src/var.less +4 -4
  354. package/svg/calendar-month.svg +8 -8
  355. package/svg/calendar-year.svg +13 -13
  356. package/svg/calendar.svg +17 -17
  357. package/svg/check-detail.svg +18 -18
  358. package/svg/close-circle.svg +13 -13
  359. package/svg/closeup.svg +20 -20
  360. package/svg/delete.svg +10 -10
  361. package/svg/down-small.svg +1 -1
  362. package/svg/down.svg +1 -1
  363. package/svg/edit-box.svg +17 -17
  364. package/svg/edit-pen.svg +17 -17
  365. package/svg/empty.svg +27 -27
  366. package/svg/expand.svg +21 -21
  367. package/svg/left-small.svg +1 -1
  368. package/svg/more.svg +10 -10
  369. package/svg/next.svg +40 -40
  370. package/svg/pen.svg +12 -12
  371. package/svg/remove.svg +1 -1
  372. package/svg/right-small.svg +1 -1
  373. package/svg/search.svg +8 -8
  374. package/svg/setting.svg +17 -17
  375. package/svg/up-small.svg +1 -1
  376. package/svg/up.svg +1 -1
package/src/less/variables.less CHANGED
@@ -1,833 +1,833 @@
1
- //
2
- // Variables
3
- // --------------------------------------------------
4
-
5
- //== Colors
6
- //
7
- //## Gray and brand colors for use across Bootstrap.
8
-
9
- @gray-base: #000;
10
- @gray-darker: lighten(@gray-base, 13.5%); // #222
11
- @gray-dark: lighten(@gray-base, 20%); // #333
12
- @gray: lighten(@gray-base, 33.5%); // #555
13
- @gray-light: lighten(@gray-base, 46.7%); // #777
14
- @gray-lighter: lighten(@gray-base, 93.5%); // #eee
15
-
16
- @brand-primary: darken(#428bca, 6.5%); // #337ab7
17
- @brand-success: #3caa41;
18
- @brand-info: #5bc0de;
19
- @brand-warning: #f0ad4e;
20
- @brand-danger: #d9534f;
21
-
22
- //== Scaffolding
23
- //
24
- //## Settings for some of the most global styles.
25
-
26
- //** Background color for `<body>`.
27
- @body-bg: #fff;
28
- //** Global text color on `<body>`.
29
- @text-color: @gray-dark;
30
-
31
- //** Global textual link color.
32
- @link-color: @brand-primary;
33
- //** Link hover color set via `darken()` function.
34
- @link-hover-color: darken(@link-color, 15%);
35
- //** Link hover decoration.
36
- @link-hover-decoration: underline;
37
-
38
- //== Typography
39
- //
40
- //## Font, line-height, and color for body text, headings, and more.
41
-
42
- @font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
43
- @font-family-serif: Georgia, "Times New Roman", Times, serif;
44
- //** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
45
- @font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
46
- @font-family-base: @font-family-sans-serif;
47
-
48
- @font-size-base: 14px;
49
- @font-size-large: ceil((@font-size-base * 1.25)); // ~18px
50
- @font-size-small: ceil((@font-size-base * 0.85)); // ~12px
51
-
52
- @font-size-h1: floor((@font-size-base * 2.6)); // ~36px
53
- @font-size-h2: floor((@font-size-base * 2.15)); // ~30px
54
- @font-size-h3: ceil((@font-size-base * 1.7)); // ~24px
55
- @font-size-h4: ceil((@font-size-base * 1.25)); // ~18px
56
- @font-size-h5: @font-size-base;
57
- @font-size-h6: ceil((@font-size-base * 0.85)); // ~12px
58
-
59
- //** Unit-less `line-height` for use in components like buttons.
60
- @line-height-base: 1.428571429; // 20/14
61
- //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
62
- @line-height-computed: floor((@font-size-base * @line-height-base)); // ~20px
63
-
64
- //** By default, this inherits from the `<body>`.
65
- @headings-font-family: inherit;
66
- @headings-font-weight: 500;
67
- @headings-line-height: 1.1;
68
- @headings-color: inherit;
69
-
70
- //== Iconography
71
- //
72
- //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
73
-
74
- //** Load fonts from this directory.
75
- @icon-font-path: "../fonts/";
76
- //** File name for all font files.
77
- @icon-font-name: "glyphicons-halflings-regular";
78
- //** Element ID within SVG icon file.
79
- @icon-font-svg-id: "glyphicons_halflingsregular";
80
-
81
- //== Components
82
- //
83
- //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
84
-
85
- @padding-base-vertical: 6px;
86
- @padding-base-horizontal: 12px;
87
-
88
- @padding-large-vertical: 10px;
89
- @padding-large-horizontal: 16px;
90
-
91
- @padding-small-vertical: 5px;
92
- @padding-small-horizontal: 10px;
93
-
94
- @padding-xs-vertical: 1px;
95
- @padding-xs-horizontal: 5px;
96
-
97
- @line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome
98
- @line-height-small: 1.5;
99
-
100
- @border-radius-base: 4px;
101
- @border-radius-large: 6px;
102
- @border-radius-small: 3px;
103
-
104
- //** Global color for active items (e.g., navs or dropdowns).
105
- @component-active-color: #fff;
106
- //** Global background color for active items (e.g., navs or dropdowns).
107
- @component-active-bg: @brand-primary;
108
-
109
- //** Width of the `border` for generating carets that indicate dropdowns.
110
- @caret-width-base: 4px;
111
- //** Carets increase slightly in size for larger components.
112
- @caret-width-large: 5px;
113
-
114
- //== Tables
115
- //
116
- //## Customizes the `.table` component with basic values, each used across all table variations.
117
-
118
- //** Padding for `<th>`s and `<td>`s.
119
- @table-cell-padding: 8px;
120
- //** Padding for cells in `.table-condensed`.
121
- @table-condensed-cell-padding: 5px;
122
-
123
- //** Default background color used for all tables.
124
- @table-bg: transparent;
125
- //** Background color used for `.table-striped`.
126
- @table-bg-accent: #f9f9f9;
127
- //** Background color used for `.table-hover`.
128
- @table-bg-hover: #EDF3F9;
129
- @table-bg-active: @table-bg-hover;
130
-
131
- //** Border color for table and cell borders.
132
- @table-border-color: #ddd;
133
-
134
- //== Buttons
135
- //
136
- //## For each of Bootstrap's buttons, define text, background and border color.
137
-
138
- @btn-font-weight: normal;
139
-
140
- @btn-default-color: #333;
141
- @btn-default-bg: #fff;
142
- @btn-default-border: #ccc;
143
-
144
- @btn-primary-color: #fff;
145
- @btn-primary-bg: @brand-primary;
146
- @btn-primary-border: darken(@btn-primary-bg, 5%);
147
-
148
- @btn-success-color: #fff;
149
- @btn-success-bg: @brand-success;
150
- @btn-success-border: darken(@btn-success-bg, 5%);
151
-
152
- @btn-info-color: #fff;
153
- @btn-info-bg: @brand-info;
154
- @btn-info-border: darken(@btn-info-bg, 5%);
155
-
156
- @btn-warning-color: #fff;
157
- @btn-warning-bg: @brand-warning;
158
- @btn-warning-border: darken(@btn-warning-bg, 5%);
159
-
160
- @btn-danger-color: #fff;
161
- @btn-danger-bg: @brand-danger;
162
- @btn-danger-border: darken(@btn-danger-bg, 5%);
163
-
164
- @btn-link-disabled-color: @gray-light;
165
-
166
- // Allows for customizing button radius independently from global border radius
167
- @btn-border-radius-base: @border-radius-base;
168
- @btn-border-radius-large: @border-radius-large;
169
- @btn-border-radius-small: @border-radius-small;
170
-
171
- //== Forms
172
- //
173
- //##
174
-
175
- //** `<input>` background color
176
- @input-bg: #fff;
177
- //** `<input disabled>` background color
178
- @input-bg-disabled: @gray-lighter;
179
-
180
- //** Text color for `<input>`s
181
- @input-color: @gray;
182
- //** `<input>` border color
183
- @input-border: #ccc;
184
-
185
- // TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4
186
- //** Default `.form-control` border radius
187
- // This has no effect on `<select>`s in some browsers, due to the limited stylability of `<select>`s in CSS.
188
- @input-border-radius: @border-radius-base;
189
- //** Large `.form-control` border radius
190
- @input-border-radius-large: @border-radius-large;
191
- //** Small `.form-control` border radius
192
- @input-border-radius-small: @border-radius-small;
193
-
194
- //** Border color for inputs on focus
195
- @input-border-focus: #66afe9;
196
-
197
- //** Placeholder text color
198
- @input-color-placeholder: #999;
199
-
200
- //** Default `.form-control` height
201
- @input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2);
202
- //** Large `.form-control` height
203
- @input-height-large: (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
204
- //** Small `.form-control` height
205
- @input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
206
-
207
- //** `.form-group` margin
208
- @form-group-margin-bottom: 15px;
209
-
210
- @legend-color: @gray-dark;
211
- @legend-border-color: #e5e5e5;
212
-
213
- //** Background color for textual input addons
214
- @input-group-addon-bg: @gray-lighter;
215
- //** Border color for textual input addons
216
- @input-group-addon-border-color: @input-border;
217
-
218
- //** Disabled cursor for form controls and buttons.
219
- @cursor-disabled: not-allowed;
220
-
221
- //== Dropdowns
222
- //
223
- //## Dropdown menu container and contents.
224
-
225
- //** Background for the dropdown menu.
226
- @dropdown-bg: #fff;
227
- //** Dropdown menu `border-color`.
228
- @dropdown-border: rgba(0, 0, 0, .15);
229
- //** Dropdown menu `border-color` **for IE8**.
230
- @dropdown-fallback-border: #ccc;
231
- //** Divider color for between dropdown items.
232
- @dropdown-divider-bg: #e5e5e5;
233
-
234
- //** Dropdown link text color.
235
- @dropdown-link-color: @gray-dark;
236
- //** Hover color for dropdown links.
237
- @dropdown-link-hover-color: darken(@gray-dark, 5%);
238
- //** Hover background for dropdown links.
239
- @dropdown-link-hover-bg: #f5f5f5;
240
-
241
- //** Active dropdown menu item text color.
242
- @dropdown-link-active-color: @component-active-color;
243
- //** Active dropdown menu item background color.
244
- @dropdown-link-active-bg: @component-active-bg;
245
-
246
- //** Disabled dropdown menu item background color.
247
- @dropdown-link-disabled-color: @gray-light;
248
-
249
- //** Text color for headers within dropdown menus.
250
- @dropdown-header-color: @gray-light;
251
-
252
- //** Deprecated `@dropdown-caret-color` as of v3.1.0
253
- @dropdown-caret-color: #000;
254
-
255
- //-- Z-index master list
256
- //
257
- // Warning: Avoid customizing these values. They're used for a bird's eye view
258
- // of components dependent on the z-axis and are designed to all work together.
259
- //
260
- // Note: These variables are not generated into the Customizer.
261
-
262
- @zindex-navbar: 1000;
263
- @zindex-dropdown: 1000;
264
- @zindex-popover: 1060;
265
- @zindex-tooltip: 1070;
266
- @zindex-navbar-fixed: 1030;
267
- @zindex-modal-background: 1040;
268
- @zindex-modal: 1050;
269
-
270
- //== Media queries breakpoints
271
- //
272
- //## Define the breakpoints at which your layout will change, adapting to different screen sizes.
273
-
274
- // Extra small screen / phone
275
- //** Deprecated `@screen-xs` as of v3.0.1
276
- @screen-xs: 480px;
277
- //** Deprecated `@screen-xs-min` as of v3.2.0
278
- @screen-xs-min: @screen-xs;
279
- //** Deprecated `@screen-phone` as of v3.0.1
280
- @screen-phone: @screen-xs-min;
281
-
282
- // Small screen / tablet
283
- //** Deprecated `@screen-sm` as of v3.0.1
284
- @screen-sm: 768px;
285
- @screen-sm-min: @screen-sm;
286
- //** Deprecated `@screen-tablet` as of v3.0.1
287
- @screen-tablet: @screen-sm-min;
288
-
289
- // Medium screen / desktop
290
- //** Deprecated `@screen-md` as of v3.0.1
291
- @screen-md: 992px;
292
- @screen-md-min: @screen-md;
293
- //** Deprecated `@screen-desktop` as of v3.0.1
294
- @screen-desktop: @screen-md-min;
295
-
296
- // Large screen / wide desktop
297
- //** Deprecated `@screen-lg` as of v3.0.1
298
- @screen-lg: 1200px;
299
- @screen-lg-min: @screen-lg;
300
- //** Deprecated `@screen-lg-desktop` as of v3.0.1
301
- @screen-lg-desktop: @screen-lg-min;
302
-
303
- // So media queries don't overlap when required, provide a maximum
304
- @screen-xs-max: (@screen-sm-min - 1);
305
- @screen-sm-max: (@screen-md-min - 1);
306
- @screen-md-max: (@screen-lg-min - 1);
307
-
308
- //== Grid system
309
- //
310
- //## Define your custom responsive grid.
311
-
312
- //** Number of columns in the grid.
313
- @grid-columns: 12;
314
- //** Padding between columns. Gets divided in half for the left and right.
315
- @grid-gutter-width: 30px;
316
- // Navbar collapse
317
- //** Point at which the navbar becomes uncollapsed.
318
- @grid-float-breakpoint: @screen-sm-min;
319
- //** Point at which the navbar begins collapsing.
320
- @grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
321
-
322
- //== Container sizes
323
- //
324
- //## Define the maximum width of `.container` for different screen sizes.
325
-
326
- // Small screen / tablet
327
- @container-tablet: (720px + @grid-gutter-width);
328
- //** For `@screen-sm-min` and up.
329
- @container-sm: @container-tablet;
330
-
331
- // Medium screen / desktop
332
- @container-desktop: (940px + @grid-gutter-width);
333
- //** For `@screen-md-min` and up.
334
- @container-md: @container-desktop;
335
-
336
- // Large screen / wide desktop
337
- @container-large-desktop: (1140px + @grid-gutter-width);
338
- //** For `@screen-lg-min` and up.
339
- @container-lg: @container-large-desktop;
340
-
341
- //== Navbar
342
- //
343
- //##
344
-
345
- // Basics of a navbar
346
- @navbar-height: 50px;
347
- @navbar-margin-bottom: @line-height-computed;
348
- @navbar-border-radius: @border-radius-base;
349
- @navbar-padding-horizontal: floor((@grid-gutter-width / 2));
350
- @navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);
351
- @navbar-collapse-max-height: 340px;
352
-
353
- @navbar-default-color: #777;
354
- @navbar-default-bg: #f8f8f8;
355
- @navbar-default-border: darken(@navbar-default-bg, 6.5%);
356
-
357
- // Navbar links
358
- @navbar-default-link-color: #777;
359
- @navbar-default-link-hover-color: #333;
360
- @navbar-default-link-hover-bg: transparent;
361
- @navbar-default-link-active-color: #555;
362
- @navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%);
363
- @navbar-default-link-disabled-color: #ccc;
364
- @navbar-default-link-disabled-bg: transparent;
365
-
366
- // Navbar brand label
367
- @navbar-default-brand-color: @navbar-default-link-color;
368
- @navbar-default-brand-hover-color: darken(@navbar-default-brand-color, 10%);
369
- @navbar-default-brand-hover-bg: transparent;
370
-
371
- // Navbar toggle
372
- @navbar-default-toggle-hover-bg: #ddd;
373
- @navbar-default-toggle-icon-bar-bg: #888;
374
- @navbar-default-toggle-border-color: #ddd;
375
-
376
- //=== Inverted navbar
377
- // Reset inverted navbar basics
378
- @navbar-inverse-color: lighten(@gray-light, 15%);
379
- @navbar-inverse-bg: #222;
380
- @navbar-inverse-border: darken(@navbar-inverse-bg, 10%);
381
-
382
- // Inverted navbar links
383
- @navbar-inverse-link-color: lighten(@gray-light, 15%);
384
- @navbar-inverse-link-hover-color: #fff;
385
- @navbar-inverse-link-hover-bg: transparent;
386
- @navbar-inverse-link-active-color: @navbar-inverse-link-hover-color;
387
- @navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%);
388
- @navbar-inverse-link-disabled-color: #444;
389
- @navbar-inverse-link-disabled-bg: transparent;
390
-
391
- // Inverted navbar brand label
392
- @navbar-inverse-brand-color: @navbar-inverse-link-color;
393
- @navbar-inverse-brand-hover-color: #fff;
394
- @navbar-inverse-brand-hover-bg: transparent;
395
-
396
- // Inverted navbar toggle
397
- @navbar-inverse-toggle-hover-bg: #333;
398
- @navbar-inverse-toggle-icon-bar-bg: #fff;
399
- @navbar-inverse-toggle-border-color: #333;
400
-
401
- //== Navs
402
- //
403
- //##
404
-
405
- //=== Shared nav styles
406
- @nav-link-padding: 10px 15px;
407
- @nav-link-hover-bg: @gray-lighter;
408
-
409
- @nav-disabled-link-color: @gray-light;
410
- @nav-disabled-link-hover-color: @gray-light;
411
-
412
- //== Tabs
413
- @nav-tabs-border-color: #ddd;
414
-
415
- @nav-tabs-link-hover-border-color: @gray-lighter;
416
-
417
- @nav-tabs-active-link-hover-bg: @body-bg;
418
- @nav-tabs-active-link-hover-color: @gray;
419
- @nav-tabs-active-link-hover-border-color: #ddd;
420
-
421
- @nav-tabs-justified-link-border-color: #ddd;
422
- @nav-tabs-justified-active-link-border-color: @body-bg;
423
-
424
- //== Pills
425
- @nav-pills-border-radius: @border-radius-base;
426
- @nav-pills-active-link-hover-bg: @component-active-bg;
427
- @nav-pills-active-link-hover-color: @component-active-color;
428
-
429
- //== Pagination
430
- //
431
- //##
432
-
433
- @pagination-color: @link-color;
434
- @pagination-bg: #fff;
435
- @pagination-border: #ddd;
436
-
437
- @pagination-hover-color: @link-hover-color;
438
- @pagination-hover-bg: @gray-lighter;
439
- @pagination-hover-border: #ddd;
440
-
441
- @pagination-active-color: #fff;
442
- @pagination-active-bg: @brand-primary;
443
- @pagination-active-border: @brand-primary;
444
-
445
- @pagination-disabled-color: @gray-light;
446
- @pagination-disabled-bg: #fff;
447
- @pagination-disabled-border: #ddd;
448
-
449
- //== Pager
450
- //
451
- //##
452
-
453
- @pager-bg: @pagination-bg;
454
- @pager-border: @pagination-border;
455
- @pager-border-radius: 15px;
456
-
457
- @pager-hover-bg: @pagination-hover-bg;
458
-
459
- @pager-active-bg: @pagination-active-bg;
460
- @pager-active-color: @pagination-active-color;
461
-
462
- @pager-disabled-color: @pagination-disabled-color;
463
-
464
- //== Jumbotron
465
- //
466
- //##
467
-
468
- @jumbotron-padding: 30px;
469
- @jumbotron-color: inherit;
470
- @jumbotron-bg: @gray-lighter;
471
- @jumbotron-heading-color: inherit;
472
- @jumbotron-font-size: ceil((@font-size-base * 1.5));
473
- @jumbotron-heading-font-size: ceil((@font-size-base * 4.5));
474
-
475
- //== Form states and alerts
476
- //
477
- //## Define colors for form feedback states and, by default, alerts.
478
-
479
- @state-success-text: #3c763d;
480
- @state-success-bg: #dff0d8;
481
- @state-success-border: darken(spin(@state-success-bg, -10), 5%);
482
-
483
- @state-info-text: #31708f;
484
- @state-info-bg: #d9edf7;
485
- @state-info-border: darken(spin(@state-info-bg, -10), 7%);
486
-
487
- @state-warning-text: #8a6d3b;
488
- @state-warning-bg: #fcf8e3;
489
- @state-warning-border: darken(spin(@state-warning-bg, -10), 5%);
490
-
491
- @state-danger-text: #a94442;
492
- @state-danger-bg: #f2dede;
493
- @state-danger-border: darken(spin(@state-danger-bg, -10), 5%);
494
-
495
- //== Tooltips
496
- //
497
- //##
498
-
499
- //** Tooltip max width
500
- @tooltip-max-width: 200px;
501
- //** Tooltip text color
502
- @tooltip-color: #fff;
503
- //** Tooltip background color
504
- @tooltip-bg: #000;
505
- @tooltip-opacity: .9;
506
-
507
- //** Tooltip arrow width
508
- @tooltip-arrow-width: 5px;
509
- //** Tooltip arrow color
510
- @tooltip-arrow-color: @tooltip-bg;
511
-
512
- //== Popovers
513
- //
514
- //##
515
-
516
- //** Popover body background color
517
- @popover-bg: #fff;
518
- //** Popover maximum width
519
- @popover-max-width: 276px;
520
- //** Popover border color
521
- @popover-border-color: rgba(0, 0, 0, .2);
522
- //** Popover fallback border color
523
- @popover-fallback-border-color: #ccc;
524
-
525
- //** Popover title background color
526
- @popover-title-bg: darken(@popover-bg, 3%);
527
-
528
- //** Popover arrow width
529
- @popover-arrow-width: 10px;
530
- //** Popover arrow color
531
- @popover-arrow-color: @popover-bg;
532
-
533
- //** Popover outer arrow width
534
- @popover-arrow-outer-width: (@popover-arrow-width + 1);
535
- //** Popover outer arrow color
536
- @popover-arrow-outer-color: fadein(@popover-border-color, 5%);
537
- //** Popover outer arrow fallback color
538
- @popover-arrow-outer-fallback-color: darken(@popover-fallback-border-color, 20%);
539
-
540
- //== Labels
541
- //
542
- //##
543
-
544
- //** Default label background color
545
- @label-default-bg: @gray-light;
546
- //** Primary label background color
547
- @label-primary-bg: @brand-primary;
548
- //** Success label background color
549
- @label-success-bg: @brand-success;
550
- //** Info label background color
551
- @label-info-bg: @brand-info;
552
- //** Warning label background color
553
- @label-warning-bg: @brand-warning;
554
- //** Danger label background color
555
- @label-danger-bg: @brand-danger;
556
-
557
- //** Default label text color
558
- @label-color: #fff;
559
- //** Default text color of a linked label
560
- @label-link-hover-color: #fff;
561
-
562
- //== Modals
563
- //
564
- //##
565
-
566
- //** Padding applied to the modal body
567
- @modal-inner-padding: 15px;
568
-
569
- //** Padding applied to the modal title
570
- @modal-title-padding: 15px;
571
- //** Modal title line-height
572
- @modal-title-line-height: @line-height-base;
573
-
574
- //** Background color of modal content area
575
- @modal-content-bg: #fff;
576
- //** Modal content border color
577
- @modal-content-border-color: rgba(0, 0, 0, .2);
578
- //** Modal content border color **for IE8**
579
- @modal-content-fallback-border-color: #999;
580
-
581
- //** Modal backdrop background color
582
- @modal-backdrop-bg: #000;
583
- //** Modal backdrop opacity
584
- @modal-backdrop-opacity: .5;
585
- //** Modal header border color
586
- @modal-header-border-color: #e5e5e5;
587
- //** Modal footer border color
588
- @modal-footer-border-color: @modal-header-border-color;
589
-
590
- @modal-lg: 900px;
591
- @modal-md: 600px;
592
- @modal-sm: 300px;
593
-
594
- //== Alerts
595
- //
596
- //## Define alert colors, border radius, and padding.
597
-
598
- @alert-padding: 15px;
599
- @alert-border-radius: @border-radius-base;
600
- @alert-link-font-weight: bold;
601
-
602
- @alert-success-bg: @state-success-bg;
603
- @alert-success-text: @state-success-text;
604
- @alert-success-border: @state-success-border;
605
-
606
- @alert-info-bg: @state-info-bg;
607
- @alert-info-text: @state-info-text;
608
- @alert-info-border: @state-info-border;
609
-
610
- @alert-warning-bg: @state-warning-bg;
611
- @alert-warning-text: @state-warning-text;
612
- @alert-warning-border: @state-warning-border;
613
-
614
- @alert-danger-bg: @state-danger-bg;
615
- @alert-danger-text: @state-danger-text;
616
- @alert-danger-border: @state-danger-border;
617
-
618
- //== Progress bars
619
- //
620
- //##
621
-
622
- //** Background color of the whole progress component
623
- @progress-bg: #f5f5f5;
624
- //** Progress bar text color
625
- @progress-bar-color: #fff;
626
- //** Variable for setting rounded corners on progress bar.
627
- @progress-border-radius: @border-radius-base;
628
-
629
- //** Default progress bar color
630
- @progress-bar-bg: @brand-primary;
631
- //** Success progress bar color
632
- @progress-bar-success-bg: @brand-success;
633
- //** Warning progress bar color
634
- @progress-bar-warning-bg: @brand-warning;
635
- //** Danger progress bar color
636
- @progress-bar-danger-bg: @brand-danger;
637
- //** Info progress bar color
638
- @progress-bar-info-bg: @brand-info;
639
-
640
- //== List group
641
- //
642
- //##
643
-
644
- //** Background color on `.list-group-item`
645
- @list-group-bg: #fff;
646
- //** `.list-group-item` border color
647
- @list-group-border: #ddd;
648
- //** List group border radius
649
- @list-group-border-radius: @border-radius-base;
650
-
651
- //** Background color of single list items on hover
652
- @list-group-hover-bg: #EDF3F9;
653
- //** Text color of active list items
654
- @list-group-active-color: @component-active-color;
655
- //** Background color of active list items
656
- @list-group-active-bg: @component-active-bg;
657
- //** Border color of active list elements
658
- @list-group-active-border: @list-group-active-bg;
659
- //** Text color for content within active list items
660
- @list-group-active-text-color: lighten(@list-group-active-bg, 40%);
661
-
662
- //** Text color of disabled list items
663
- @list-group-disabled-color: @gray-light;
664
- //** Background color of disabled list items
665
- @list-group-disabled-bg: @gray-lighter;
666
- //** Text color for content within disabled list items
667
- @list-group-disabled-text-color: @list-group-disabled-color;
668
-
669
- @list-group-link-color: #555;
670
- @list-group-link-hover-color: @list-group-link-color;
671
- @list-group-link-heading-color: #333;
672
-
673
- //== Panels
674
- //
675
- //##
676
-
677
- @panel-bg: #fff;
678
- @panel-body-padding: 15px;
679
- @panel-heading-padding: 10px 15px;
680
- @panel-footer-padding: @panel-heading-padding;
681
- @panel-border-radius: @border-radius-base;
682
-
683
- //** Border color for elements within panels
684
- @panel-inner-border: #ddd;
685
- @panel-footer-bg: #f5f5f5;
686
-
687
- @panel-default-text: @gray-dark;
688
- @panel-default-border: #ddd;
689
- @panel-default-heading-bg: #f5f5f5;
690
-
691
- @panel-primary-text: #fff;
692
- @panel-primary-border: @brand-primary;
693
- @panel-primary-heading-bg: @brand-primary;
694
-
695
- @panel-success-text: @state-success-text;
696
- @panel-success-border: @state-success-border;
697
- @panel-success-heading-bg: @state-success-bg;
698
-
699
- @panel-info-text: @state-info-text;
700
- @panel-info-border: @state-info-border;
701
- @panel-info-heading-bg: @state-info-bg;
702
-
703
- @panel-warning-text: @state-warning-text;
704
- @panel-warning-border: @state-warning-border;
705
- @panel-warning-heading-bg: @state-warning-bg;
706
-
707
- @panel-danger-text: @state-danger-text;
708
- @panel-danger-border: @state-danger-border;
709
- @panel-danger-heading-bg: @state-danger-bg;
710
-
711
- //== Thumbnails
712
- //
713
- //##
714
-
715
- //** Padding around the thumbnail image
716
- @thumbnail-padding: 4px;
717
- //** Thumbnail background color
718
- @thumbnail-bg: @body-bg;
719
- //** Thumbnail border color
720
- @thumbnail-border: #ddd;
721
- //** Thumbnail border radius
722
- @thumbnail-border-radius: @border-radius-base;
723
-
724
- //** Custom text color for thumbnail captions
725
- @thumbnail-caption-color: @text-color;
726
- //** Padding around the thumbnail caption
727
- @thumbnail-caption-padding: 9px;
728
-
729
- //== Wells
730
- //
731
- //##
732
-
733
- @well-bg: #f5f5f5;
734
- @well-border: darken(@well-bg, 7%);
735
-
736
- //== Badges
737
- //
738
- //##
739
-
740
- @badge-color: #fff;
741
- //** Linked badge text color on hover
742
- @badge-link-hover-color: #fff;
743
- @badge-bg: @gray-light;
744
-
745
- //** Badge text color in active nav link
746
- @badge-active-color: @link-color;
747
- //** Badge background color in active nav link
748
- @badge-active-bg: #fff;
749
-
750
- @badge-font-weight: bold;
751
- @badge-line-height: 1;
752
- @badge-border-radius: 10px;
753
-
754
- //== Breadcrumbs
755
- //
756
- //##
757
-
758
- @breadcrumb-padding-vertical: 8px;
759
- @breadcrumb-padding-horizontal: 15px;
760
- //** Breadcrumb background color
761
- @breadcrumb-bg: #f5f5f5;
762
- //** Breadcrumb text color
763
- @breadcrumb-color: #ccc;
764
- //** Text color of current page in the breadcrumb
765
- @breadcrumb-active-color: @gray-light;
766
- //** Textual separator for between breadcrumb elements
767
- @breadcrumb-separator: "/";
768
-
769
- //== Carousel
770
- //
771
- //##
772
-
773
- @carousel-text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
774
-
775
- @carousel-control-color: #fff;
776
- @carousel-control-width: 15%;
777
- @carousel-control-opacity: .5;
778
- @carousel-control-font-size: 20px;
779
-
780
- @carousel-indicator-active-bg: #fff;
781
- @carousel-indicator-border-color: #fff;
782
-
783
- @carousel-caption-color: #fff;
784
-
785
- //== Close
786
- //
787
- //##
788
-
789
- @close-font-weight: bold;
790
- @close-color: #000;
791
- @close-text-shadow: 0 1px 0 #fff;
792
-
793
- //== Code
794
- //
795
- //##
796
-
797
- @code-color: #c7254e;
798
- @code-bg: #f9f2f4;
799
-
800
- @kbd-color: #fff;
801
- @kbd-bg: #333;
802
-
803
- @pre-bg: #f5f5f5;
804
- @pre-color: @gray-dark;
805
- @pre-border-color: #ccc;
806
- @pre-scrollable-max-height: 340px;
807
-
808
- //== Type
809
- //
810
- //##
811
-
812
- //** Horizontal offset for forms and lists.
813
- @component-offset-horizontal: 180px;
814
- //** Text muted color
815
- @text-muted: @gray-light;
816
- //** Abbreviations and acronyms border color
817
- @abbr-border-color: @gray-light;
818
- //** Headings small color
819
- @headings-small-color: @gray-light;
820
- //** Blockquote small color
821
- @blockquote-small-color: @gray-light;
822
- //** Blockquote font size
823
- @blockquote-font-size: (@font-size-base * 1.25);
824
- //** Blockquote border color
825
- @blockquote-border-color: @gray-lighter;
826
- //** Page header border color
827
- @page-header-border-color: @gray-lighter;
828
- //** Width of horizontal description list titles
829
- @dl-horizontal-offset: @component-offset-horizontal;
830
- //** Point at which .dl-horizontal becomes horizontal
831
- @dl-horizontal-breakpoint: @grid-float-breakpoint;
832
- //** Horizontal line color.
833
- @hr-border: @gray-lighter;
1
+ //
2
+ // Variables
3
+ // --------------------------------------------------
4
+
5
+ //== Colors
6
+ //
7
+ //## Gray and brand colors for use across Bootstrap.
8
+
9
+ @gray-base: #000;
10
+ @gray-darker: lighten(@gray-base, 13.5%); // #222
11
+ @gray-dark: lighten(@gray-base, 20%); // #333
12
+ @gray: lighten(@gray-base, 33.5%); // #555
13
+ @gray-light: lighten(@gray-base, 46.7%); // #777
14
+ @gray-lighter: lighten(@gray-base, 93.5%); // #eee
15
+
16
+ @brand-primary: darken(#428bca, 6.5%); // #337ab7
17
+ @brand-success: #3caa41;
18
+ @brand-info: #5bc0de;
19
+ @brand-warning: #f0ad4e;
20
+ @brand-danger: #d9534f;
21
+
22
+ //== Scaffolding
23
+ //
24
+ //## Settings for some of the most global styles.
25
+
26
+ //** Background color for `<body>`.
27
+ @body-bg: #fff;
28
+ //** Global text color on `<body>`.
29
+ @text-color: @gray-dark;
30
+
31
+ //** Global textual link color.
32
+ @link-color: @brand-primary;
33
+ //** Link hover color set via `darken()` function.
34
+ @link-hover-color: darken(@link-color, 15%);
35
+ //** Link hover decoration.
36
+ @link-hover-decoration: underline;
37
+
38
+ //== Typography
39
+ //
40
+ //## Font, line-height, and color for body text, headings, and more.
41
+
42
+ @font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
43
+ @font-family-serif: Georgia, "Times New Roman", Times, serif;
44
+ //** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
45
+ @font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
46
+ @font-family-base: @font-family-sans-serif;
47
+
48
+ @font-size-base: 14px;
49
+ @font-size-large: ceil((@font-size-base * 1.25)); // ~18px
50
+ @font-size-small: ceil((@font-size-base * 0.85)); // ~12px
51
+
52
+ @font-size-h1: floor((@font-size-base * 2.6)); // ~36px
53
+ @font-size-h2: floor((@font-size-base * 2.15)); // ~30px
54
+ @font-size-h3: ceil((@font-size-base * 1.7)); // ~24px
55
+ @font-size-h4: ceil((@font-size-base * 1.25)); // ~18px
56
+ @font-size-h5: @font-size-base;
57
+ @font-size-h6: ceil((@font-size-base * 0.85)); // ~12px
58
+
59
+ //** Unit-less `line-height` for use in components like buttons.
60
+ @line-height-base: 1.428571429; // 20/14
61
+ //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
62
+ @line-height-computed: floor((@font-size-base * @line-height-base)); // ~20px
63
+
64
+ //** By default, this inherits from the `<body>`.
65
+ @headings-font-family: inherit;
66
+ @headings-font-weight: 500;
67
+ @headings-line-height: 1.1;
68
+ @headings-color: inherit;
69
+
70
+ //== Iconography
71
+ //
72
+ //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
73
+
74
+ //** Load fonts from this directory.
75
+ @icon-font-path: "../fonts/";
76
+ //** File name for all font files.
77
+ @icon-font-name: "glyphicons-halflings-regular";
78
+ //** Element ID within SVG icon file.
79
+ @icon-font-svg-id: "glyphicons_halflingsregular";
80
+
81
+ //== Components
82
+ //
83
+ //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
84
+
85
+ @padding-base-vertical: 6px;
86
+ @padding-base-horizontal: 12px;
87
+
88
+ @padding-large-vertical: 10px;
89
+ @padding-large-horizontal: 16px;
90
+
91
+ @padding-small-vertical: 5px;
92
+ @padding-small-horizontal: 10px;
93
+
94
+ @padding-xs-vertical: 1px;
95
+ @padding-xs-horizontal: 5px;
96
+
97
+ @line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome
98
+ @line-height-small: 1.5;
99
+
100
+ @border-radius-base: 4px;
101
+ @border-radius-large: 6px;
102
+ @border-radius-small: 3px;
103
+
104
+ //** Global color for active items (e.g., navs or dropdowns).
105
+ @component-active-color: #fff;
106
+ //** Global background color for active items (e.g., navs or dropdowns).
107
+ @component-active-bg: @brand-primary;
108
+
109
+ //** Width of the `border` for generating carets that indicate dropdowns.
110
+ @caret-width-base: 4px;
111
+ //** Carets increase slightly in size for larger components.
112
+ @caret-width-large: 5px;
113
+
114
+ //== Tables
115
+ //
116
+ //## Customizes the `.table` component with basic values, each used across all table variations.
117
+
118
+ //** Padding for `<th>`s and `<td>`s.
119
+ @table-cell-padding: 8px;
120
+ //** Padding for cells in `.table-condensed`.
121
+ @table-condensed-cell-padding: 5px;
122
+
123
+ //** Default background color used for all tables.
124
+ @table-bg: transparent;
125
+ //** Background color used for `.table-striped`.
126
+ @table-bg-accent: #f9f9f9;
127
+ //** Background color used for `.table-hover`.
128
+ @table-bg-hover: #EDF3F9;
129
+ @table-bg-active: @table-bg-hover;
130
+
131
+ //** Border color for table and cell borders.
132
+ @table-border-color: #ddd;
133
+
134
+ //== Buttons
135
+ //
136
+ //## For each of Bootstrap's buttons, define text, background and border color.
137
+
138
+ @btn-font-weight: normal;
139
+
140
+ @btn-default-color: #333;
141
+ @btn-default-bg: #fff;
142
+ @btn-default-border: #ccc;
143
+
144
+ @btn-primary-color: #fff;
145
+ @btn-primary-bg: @brand-primary;
146
+ @btn-primary-border: darken(@btn-primary-bg, 5%);
147
+
148
+ @btn-success-color: #fff;
149
+ @btn-success-bg: @brand-success;
150
+ @btn-success-border: darken(@btn-success-bg, 5%);
151
+
152
+ @btn-info-color: #fff;
153
+ @btn-info-bg: @brand-info;
154
+ @btn-info-border: darken(@btn-info-bg, 5%);
155
+
156
+ @btn-warning-color: #fff;
157
+ @btn-warning-bg: @brand-warning;
158
+ @btn-warning-border: darken(@btn-warning-bg, 5%);
159
+
160
+ @btn-danger-color: #fff;
161
+ @btn-danger-bg: @brand-danger;
162
+ @btn-danger-border: darken(@btn-danger-bg, 5%);
163
+
164
+ @btn-link-disabled-color: @gray-light;
165
+
166
+ // Allows for customizing button radius independently from global border radius
167
+ @btn-border-radius-base: @border-radius-base;
168
+ @btn-border-radius-large: @border-radius-large;
169
+ @btn-border-radius-small: @border-radius-small;
170
+
171
+ //== Forms
172
+ //
173
+ //##
174
+
175
+ //** `<input>` background color
176
+ @input-bg: #fff;
177
+ //** `<input disabled>` background color
178
+ @input-bg-disabled: @gray-lighter;
179
+
180
+ //** Text color for `<input>`s
181
+ @input-color: @gray;
182
+ //** `<input>` border color
183
+ @input-border: #ccc;
184
+
185
+ // TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4
186
+ //** Default `.form-control` border radius
187
+ // This has no effect on `<select>`s in some browsers, due to the limited stylability of `<select>`s in CSS.
188
+ @input-border-radius: @border-radius-base;
189
+ //** Large `.form-control` border radius
190
+ @input-border-radius-large: @border-radius-large;
191
+ //** Small `.form-control` border radius
192
+ @input-border-radius-small: @border-radius-small;
193
+
194
+ //** Border color for inputs on focus
195
+ @input-border-focus: #66afe9;
196
+
197
+ //** Placeholder text color
198
+ @input-color-placeholder: #999;
199
+
200
+ //** Default `.form-control` height
201
+ @input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2);
202
+ //** Large `.form-control` height
203
+ @input-height-large: (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
204
+ //** Small `.form-control` height
205
+ @input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
206
+
207
+ //** `.form-group` margin
208
+ @form-group-margin-bottom: 15px;
209
+
210
+ @legend-color: @gray-dark;
211
+ @legend-border-color: #e5e5e5;
212
+
213
+ //** Background color for textual input addons
214
+ @input-group-addon-bg: @gray-lighter;
215
+ //** Border color for textual input addons
216
+ @input-group-addon-border-color: @input-border;
217
+
218
+ //** Disabled cursor for form controls and buttons.
219
+ @cursor-disabled: not-allowed;
220
+
221
+ //== Dropdowns
222
+ //
223
+ //## Dropdown menu container and contents.
224
+
225
+ //** Background for the dropdown menu.
226
+ @dropdown-bg: #fff;
227
+ //** Dropdown menu `border-color`.
228
+ @dropdown-border: rgba(0, 0, 0, .15);
229
+ //** Dropdown menu `border-color` **for IE8**.
230
+ @dropdown-fallback-border: #ccc;
231
+ //** Divider color for between dropdown items.
232
+ @dropdown-divider-bg: #e5e5e5;
233
+
234
+ //** Dropdown link text color.
235
+ @dropdown-link-color: @gray-dark;
236
+ //** Hover color for dropdown links.
237
+ @dropdown-link-hover-color: darken(@gray-dark, 5%);
238
+ //** Hover background for dropdown links.
239
+ @dropdown-link-hover-bg: #f5f5f5;
240
+
241
+ //** Active dropdown menu item text color.
242
+ @dropdown-link-active-color: @component-active-color;
243
+ //** Active dropdown menu item background color.
244
+ @dropdown-link-active-bg: @component-active-bg;
245
+
246
+ //** Disabled dropdown menu item background color.
247
+ @dropdown-link-disabled-color: @gray-light;
248
+
249
+ //** Text color for headers within dropdown menus.
250
+ @dropdown-header-color: @gray-light;
251
+
252
+ //** Deprecated `@dropdown-caret-color` as of v3.1.0
253
+ @dropdown-caret-color: #000;
254
+
255
+ //-- Z-index master list
256
+ //
257
+ // Warning: Avoid customizing these values. They're used for a bird's eye view
258
+ // of components dependent on the z-axis and are designed to all work together.
259
+ //
260
+ // Note: These variables are not generated into the Customizer.
261
+
262
+ @zindex-navbar: 1000;
263
+ @zindex-dropdown: 1000;
264
+ @zindex-popover: 1060;
265
+ @zindex-tooltip: 1070;
266
+ @zindex-navbar-fixed: 1030;
267
+ @zindex-modal-background: 1040;
268
+ @zindex-modal: 1050;
269
+
270
+ //== Media queries breakpoints
271
+ //
272
+ //## Define the breakpoints at which your layout will change, adapting to different screen sizes.
273
+
274
+ // Extra small screen / phone
275
+ //** Deprecated `@screen-xs` as of v3.0.1
276
+ @screen-xs: 480px;
277
+ //** Deprecated `@screen-xs-min` as of v3.2.0
278
+ @screen-xs-min: @screen-xs;
279
+ //** Deprecated `@screen-phone` as of v3.0.1
280
+ @screen-phone: @screen-xs-min;
281
+
282
+ // Small screen / tablet
283
+ //** Deprecated `@screen-sm` as of v3.0.1
284
+ @screen-sm: 768px;
285
+ @screen-sm-min: @screen-sm;
286
+ //** Deprecated `@screen-tablet` as of v3.0.1
287
+ @screen-tablet: @screen-sm-min;
288
+
289
+ // Medium screen / desktop
290
+ //** Deprecated `@screen-md` as of v3.0.1
291
+ @screen-md: 992px;
292
+ @screen-md-min: @screen-md;
293
+ //** Deprecated `@screen-desktop` as of v3.0.1
294
+ @screen-desktop: @screen-md-min;
295
+
296
+ // Large screen / wide desktop
297
+ //** Deprecated `@screen-lg` as of v3.0.1
298
+ @screen-lg: 1200px;
299
+ @screen-lg-min: @screen-lg;
300
+ //** Deprecated `@screen-lg-desktop` as of v3.0.1
301
+ @screen-lg-desktop: @screen-lg-min;
302
+
303
+ // So media queries don't overlap when required, provide a maximum
304
+ @screen-xs-max: (@screen-sm-min - 1);
305
+ @screen-sm-max: (@screen-md-min - 1);
306
+ @screen-md-max: (@screen-lg-min - 1);
307
+
308
+ //== Grid system
309
+ //
310
+ //## Define your custom responsive grid.
311
+
312
+ //** Number of columns in the grid.
313
+ @grid-columns: 12;
314
+ //** Padding between columns. Gets divided in half for the left and right.
315
+ @grid-gutter-width: 30px;
316
+ // Navbar collapse
317
+ //** Point at which the navbar becomes uncollapsed.
318
+ @grid-float-breakpoint: @screen-sm-min;
319
+ //** Point at which the navbar begins collapsing.
320
+ @grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
321
+
322
+ //== Container sizes
323
+ //
324
+ //## Define the maximum width of `.container` for different screen sizes.
325
+
326
+ // Small screen / tablet
327
+ @container-tablet: (720px + @grid-gutter-width);
328
+ //** For `@screen-sm-min` and up.
329
+ @container-sm: @container-tablet;
330
+
331
+ // Medium screen / desktop
332
+ @container-desktop: (940px + @grid-gutter-width);
333
+ //** For `@screen-md-min` and up.
334
+ @container-md: @container-desktop;
335
+
336
+ // Large screen / wide desktop
337
+ @container-large-desktop: (1140px + @grid-gutter-width);
338
+ //** For `@screen-lg-min` and up.
339
+ @container-lg: @container-large-desktop;
340
+
341
+ //== Navbar
342
+ //
343
+ //##
344
+
345
+ // Basics of a navbar
346
+ @navbar-height: 50px;
347
+ @navbar-margin-bottom: @line-height-computed;
348
+ @navbar-border-radius: @border-radius-base;
349
+ @navbar-padding-horizontal: floor((@grid-gutter-width / 2));
350
+ @navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);
351
+ @navbar-collapse-max-height: 340px;
352
+
353
+ @navbar-default-color: #777;
354
+ @navbar-default-bg: #f8f8f8;
355
+ @navbar-default-border: darken(@navbar-default-bg, 6.5%);
356
+
357
+ // Navbar links
358
+ @navbar-default-link-color: #777;
359
+ @navbar-default-link-hover-color: #333;
360
+ @navbar-default-link-hover-bg: transparent;
361
+ @navbar-default-link-active-color: #555;
362
+ @navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%);
363
+ @navbar-default-link-disabled-color: #ccc;
364
+ @navbar-default-link-disabled-bg: transparent;
365
+
366
+ // Navbar brand label
367
+ @navbar-default-brand-color: @navbar-default-link-color;
368
+ @navbar-default-brand-hover-color: darken(@navbar-default-brand-color, 10%);
369
+ @navbar-default-brand-hover-bg: transparent;
370
+
371
+ // Navbar toggle
372
+ @navbar-default-toggle-hover-bg: #ddd;
373
+ @navbar-default-toggle-icon-bar-bg: #888;
374
+ @navbar-default-toggle-border-color: #ddd;
375
+
376
+ //=== Inverted navbar
377
+ // Reset inverted navbar basics
378
+ @navbar-inverse-color: lighten(@gray-light, 15%);
379
+ @navbar-inverse-bg: #222;
380
+ @navbar-inverse-border: darken(@navbar-inverse-bg, 10%);
381
+
382
+ // Inverted navbar links
383
+ @navbar-inverse-link-color: lighten(@gray-light, 15%);
384
+ @navbar-inverse-link-hover-color: #fff;
385
+ @navbar-inverse-link-hover-bg: transparent;
386
+ @navbar-inverse-link-active-color: @navbar-inverse-link-hover-color;
387
+ @navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%);
388
+ @navbar-inverse-link-disabled-color: #444;
389
+ @navbar-inverse-link-disabled-bg: transparent;
390
+
391
+ // Inverted navbar brand label
392
+ @navbar-inverse-brand-color: @navbar-inverse-link-color;
393
+ @navbar-inverse-brand-hover-color: #fff;
394
+ @navbar-inverse-brand-hover-bg: transparent;
395
+
396
+ // Inverted navbar toggle
397
+ @navbar-inverse-toggle-hover-bg: #333;
398
+ @navbar-inverse-toggle-icon-bar-bg: #fff;
399
+ @navbar-inverse-toggle-border-color: #333;
400
+
401
+ //== Navs
402
+ //
403
+ //##
404
+
405
+ //=== Shared nav styles
406
+ @nav-link-padding: 10px 15px;
407
+ @nav-link-hover-bg: @gray-lighter;
408
+
409
+ @nav-disabled-link-color: @gray-light;
410
+ @nav-disabled-link-hover-color: @gray-light;
411
+
412
+ //== Tabs
413
+ @nav-tabs-border-color: #ddd;
414
+
415
+ @nav-tabs-link-hover-border-color: @gray-lighter;
416
+
417
+ @nav-tabs-active-link-hover-bg: @body-bg;
418
+ @nav-tabs-active-link-hover-color: @gray;
419
+ @nav-tabs-active-link-hover-border-color: #ddd;
420
+
421
+ @nav-tabs-justified-link-border-color: #ddd;
422
+ @nav-tabs-justified-active-link-border-color: @body-bg;
423
+
424
+ //== Pills
425
+ @nav-pills-border-radius: @border-radius-base;
426
+ @nav-pills-active-link-hover-bg: @component-active-bg;
427
+ @nav-pills-active-link-hover-color: @component-active-color;
428
+
429
+ //== Pagination
430
+ //
431
+ //##
432
+
433
+ @pagination-color: @link-color;
434
+ @pagination-bg: #fff;
435
+ @pagination-border: #ddd;
436
+
437
+ @pagination-hover-color: @link-hover-color;
438
+ @pagination-hover-bg: @gray-lighter;
439
+ @pagination-hover-border: #ddd;
440
+
441
+ @pagination-active-color: #fff;
442
+ @pagination-active-bg: @brand-primary;
443
+ @pagination-active-border: @brand-primary;
444
+
445
+ @pagination-disabled-color: @gray-light;
446
+ @pagination-disabled-bg: #fff;
447
+ @pagination-disabled-border: #ddd;
448
+
449
+ //== Pager
450
+ //
451
+ //##
452
+
453
+ @pager-bg: @pagination-bg;
454
+ @pager-border: @pagination-border;
455
+ @pager-border-radius: 15px;
456
+
457
+ @pager-hover-bg: @pagination-hover-bg;
458
+
459
+ @pager-active-bg: @pagination-active-bg;
460
+ @pager-active-color: @pagination-active-color;
461
+
462
+ @pager-disabled-color: @pagination-disabled-color;
463
+
464
+ //== Jumbotron
465
+ //
466
+ //##
467
+
468
+ @jumbotron-padding: 30px;
469
+ @jumbotron-color: inherit;
470
+ @jumbotron-bg: @gray-lighter;
471
+ @jumbotron-heading-color: inherit;
472
+ @jumbotron-font-size: ceil((@font-size-base * 1.5));
473
+ @jumbotron-heading-font-size: ceil((@font-size-base * 4.5));
474
+
475
+ //== Form states and alerts
476
+ //
477
+ //## Define colors for form feedback states and, by default, alerts.
478
+
479
+ @state-success-text: #3c763d;
480
+ @state-success-bg: #dff0d8;
481
+ @state-success-border: darken(spin(@state-success-bg, -10), 5%);
482
+
483
+ @state-info-text: #31708f;
484
+ @state-info-bg: #d9edf7;
485
+ @state-info-border: darken(spin(@state-info-bg, -10), 7%);
486
+
487
+ @state-warning-text: #8a6d3b;
488
+ @state-warning-bg: #fcf8e3;
489
+ @state-warning-border: darken(spin(@state-warning-bg, -10), 5%);
490
+
491
+ @state-danger-text: #a94442;
492
+ @state-danger-bg: #f2dede;
493
+ @state-danger-border: darken(spin(@state-danger-bg, -10), 5%);
494
+
495
+ //== Tooltips
496
+ //
497
+ //##
498
+
499
+ //** Tooltip max width
500
+ @tooltip-max-width: 200px;
501
+ //** Tooltip text color
502
+ @tooltip-color: #fff;
503
+ //** Tooltip background color
504
+ @tooltip-bg: #000;
505
+ @tooltip-opacity: .9;
506
+
507
+ //** Tooltip arrow width
508
+ @tooltip-arrow-width: 5px;
509
+ //** Tooltip arrow color
510
+ @tooltip-arrow-color: @tooltip-bg;
511
+
512
+ //== Popovers
513
+ //
514
+ //##
515
+
516
+ //** Popover body background color
517
+ @popover-bg: #fff;
518
+ //** Popover maximum width
519
+ @popover-max-width: 276px;
520
+ //** Popover border color
521
+ @popover-border-color: rgba(0, 0, 0, .2);
522
+ //** Popover fallback border color
523
+ @popover-fallback-border-color: #ccc;
524
+
525
+ //** Popover title background color
526
+ @popover-title-bg: darken(@popover-bg, 3%);
527
+
528
+ //** Popover arrow width
529
+ @popover-arrow-width: 10px;
530
+ //** Popover arrow color
531
+ @popover-arrow-color: @popover-bg;
532
+
533
+ //** Popover outer arrow width
534
+ @popover-arrow-outer-width: (@popover-arrow-width + 1);
535
+ //** Popover outer arrow color
536
+ @popover-arrow-outer-color: fadein(@popover-border-color, 5%);
537
+ //** Popover outer arrow fallback color
538
+ @popover-arrow-outer-fallback-color: darken(@popover-fallback-border-color, 20%);
539
+
540
+ //== Labels
541
+ //
542
+ //##
543
+
544
+ //** Default label background color
545
+ @label-default-bg: @gray-light;
546
+ //** Primary label background color
547
+ @label-primary-bg: @brand-primary;
548
+ //** Success label background color
549
+ @label-success-bg: @brand-success;
550
+ //** Info label background color
551
+ @label-info-bg: @brand-info;
552
+ //** Warning label background color
553
+ @label-warning-bg: @brand-warning;
554
+ //** Danger label background color
555
+ @label-danger-bg: @brand-danger;
556
+
557
+ //** Default label text color
558
+ @label-color: #fff;
559
+ //** Default text color of a linked label
560
+ @label-link-hover-color: #fff;
561
+
562
+ //== Modals
563
+ //
564
+ //##
565
+
566
+ //** Padding applied to the modal body
567
+ @modal-inner-padding: 15px;
568
+
569
+ //** Padding applied to the modal title
570
+ @modal-title-padding: 15px;
571
+ //** Modal title line-height
572
+ @modal-title-line-height: @line-height-base;
573
+
574
+ //** Background color of modal content area
575
+ @modal-content-bg: #fff;
576
+ //** Modal content border color
577
+ @modal-content-border-color: rgba(0, 0, 0, .2);
578
+ //** Modal content border color **for IE8**
579
+ @modal-content-fallback-border-color: #999;
580
+
581
+ //** Modal backdrop background color
582
+ @modal-backdrop-bg: #000;
583
+ //** Modal backdrop opacity
584
+ @modal-backdrop-opacity: .5;
585
+ //** Modal header border color
586
+ @modal-header-border-color: #e5e5e5;
587
+ //** Modal footer border color
588
+ @modal-footer-border-color: @modal-header-border-color;
589
+
590
+ @modal-lg: 900px;
591
+ @modal-md: 600px;
592
+ @modal-sm: 300px;
593
+
594
+ //== Alerts
595
+ //
596
+ //## Define alert colors, border radius, and padding.
597
+
598
+ @alert-padding: 15px;
599
+ @alert-border-radius: @border-radius-base;
600
+ @alert-link-font-weight: bold;
601
+
602
+ @alert-success-bg: @state-success-bg;
603
+ @alert-success-text: @state-success-text;
604
+ @alert-success-border: @state-success-border;
605
+
606
+ @alert-info-bg: @state-info-bg;
607
+ @alert-info-text: @state-info-text;
608
+ @alert-info-border: @state-info-border;
609
+
610
+ @alert-warning-bg: @state-warning-bg;
611
+ @alert-warning-text: @state-warning-text;
612
+ @alert-warning-border: @state-warning-border;
613
+
614
+ @alert-danger-bg: @state-danger-bg;
615
+ @alert-danger-text: @state-danger-text;
616
+ @alert-danger-border: @state-danger-border;
617
+
618
+ //== Progress bars
619
+ //
620
+ //##
621
+
622
+ //** Background color of the whole progress component
623
+ @progress-bg: #f5f5f5;
624
+ //** Progress bar text color
625
+ @progress-bar-color: #fff;
626
+ //** Variable for setting rounded corners on progress bar.
627
+ @progress-border-radius: @border-radius-base;
628
+
629
+ //** Default progress bar color
630
+ @progress-bar-bg: @brand-primary;
631
+ //** Success progress bar color
632
+ @progress-bar-success-bg: @brand-success;
633
+ //** Warning progress bar color
634
+ @progress-bar-warning-bg: @brand-warning;
635
+ //** Danger progress bar color
636
+ @progress-bar-danger-bg: @brand-danger;
637
+ //** Info progress bar color
638
+ @progress-bar-info-bg: @brand-info;
639
+
640
+ //== List group
641
+ //
642
+ //##
643
+
644
+ //** Background color on `.list-group-item`
645
+ @list-group-bg: #fff;
646
+ //** `.list-group-item` border color
647
+ @list-group-border: #ddd;
648
+ //** List group border radius
649
+ @list-group-border-radius: @border-radius-base;
650
+
651
+ //** Background color of single list items on hover
652
+ @list-group-hover-bg: #EDF3F9;
653
+ //** Text color of active list items
654
+ @list-group-active-color: @component-active-color;
655
+ //** Background color of active list items
656
+ @list-group-active-bg: @component-active-bg;
657
+ //** Border color of active list elements
658
+ @list-group-active-border: @list-group-active-bg;
659
+ //** Text color for content within active list items
660
+ @list-group-active-text-color: lighten(@list-group-active-bg, 40%);
661
+
662
+ //** Text color of disabled list items
663
+ @list-group-disabled-color: @gray-light;
664
+ //** Background color of disabled list items
665
+ @list-group-disabled-bg: @gray-lighter;
666
+ //** Text color for content within disabled list items
667
+ @list-group-disabled-text-color: @list-group-disabled-color;
668
+
669
+ @list-group-link-color: #555;
670
+ @list-group-link-hover-color: @list-group-link-color;
671
+ @list-group-link-heading-color: #333;
672
+
673
+ //== Panels
674
+ //
675
+ //##
676
+
677
+ @panel-bg: #fff;
678
+ @panel-body-padding: 15px;
679
+ @panel-heading-padding: 10px 15px;
680
+ @panel-footer-padding: @panel-heading-padding;
681
+ @panel-border-radius: @border-radius-base;
682
+
683
+ //** Border color for elements within panels
684
+ @panel-inner-border: #ddd;
685
+ @panel-footer-bg: #f5f5f5;
686
+
687
+ @panel-default-text: @gray-dark;
688
+ @panel-default-border: #ddd;
689
+ @panel-default-heading-bg: #f5f5f5;
690
+
691
+ @panel-primary-text: #fff;
692
+ @panel-primary-border: @brand-primary;
693
+ @panel-primary-heading-bg: @brand-primary;
694
+
695
+ @panel-success-text: @state-success-text;
696
+ @panel-success-border: @state-success-border;
697
+ @panel-success-heading-bg: @state-success-bg;
698
+
699
+ @panel-info-text: @state-info-text;
700
+ @panel-info-border: @state-info-border;
701
+ @panel-info-heading-bg: @state-info-bg;
702
+
703
+ @panel-warning-text: @state-warning-text;
704
+ @panel-warning-border: @state-warning-border;
705
+ @panel-warning-heading-bg: @state-warning-bg;
706
+
707
+ @panel-danger-text: @state-danger-text;
708
+ @panel-danger-border: @state-danger-border;
709
+ @panel-danger-heading-bg: @state-danger-bg;
710
+
711
+ //== Thumbnails
712
+ //
713
+ //##
714
+
715
+ //** Padding around the thumbnail image
716
+ @thumbnail-padding: 4px;
717
+ //** Thumbnail background color
718
+ @thumbnail-bg: @body-bg;
719
+ //** Thumbnail border color
720
+ @thumbnail-border: #ddd;
721
+ //** Thumbnail border radius
722
+ @thumbnail-border-radius: @border-radius-base;
723
+
724
+ //** Custom text color for thumbnail captions
725
+ @thumbnail-caption-color: @text-color;
726
+ //** Padding around the thumbnail caption
727
+ @thumbnail-caption-padding: 9px;
728
+
729
+ //== Wells
730
+ //
731
+ //##
732
+
733
+ @well-bg: #f5f5f5;
734
+ @well-border: darken(@well-bg, 7%);
735
+
736
+ //== Badges
737
+ //
738
+ //##
739
+
740
+ @badge-color: #fff;
741
+ //** Linked badge text color on hover
742
+ @badge-link-hover-color: #fff;
743
+ @badge-bg: @gray-light;
744
+
745
+ //** Badge text color in active nav link
746
+ @badge-active-color: @link-color;
747
+ //** Badge background color in active nav link
748
+ @badge-active-bg: #fff;
749
+
750
+ @badge-font-weight: bold;
751
+ @badge-line-height: 1;
752
+ @badge-border-radius: 10px;
753
+
754
+ //== Breadcrumbs
755
+ //
756
+ //##
757
+
758
+ @breadcrumb-padding-vertical: 8px;
759
+ @breadcrumb-padding-horizontal: 15px;
760
+ //** Breadcrumb background color
761
+ @breadcrumb-bg: #f5f5f5;
762
+ //** Breadcrumb text color
763
+ @breadcrumb-color: #ccc;
764
+ //** Text color of current page in the breadcrumb
765
+ @breadcrumb-active-color: @gray-light;
766
+ //** Textual separator for between breadcrumb elements
767
+ @breadcrumb-separator: "/";
768
+
769
+ //== Carousel
770
+ //
771
+ //##
772
+
773
+ @carousel-text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
774
+
775
+ @carousel-control-color: #fff;
776
+ @carousel-control-width: 15%;
777
+ @carousel-control-opacity: .5;
778
+ @carousel-control-font-size: 20px;
779
+
780
+ @carousel-indicator-active-bg: #fff;
781
+ @carousel-indicator-border-color: #fff;
782
+
783
+ @carousel-caption-color: #fff;
784
+
785
+ //== Close
786
+ //
787
+ //##
788
+
789
+ @close-font-weight: bold;
790
+ @close-color: #000;
791
+ @close-text-shadow: 0 1px 0 #fff;
792
+
793
+ //== Code
794
+ //
795
+ //##
796
+
797
+ @code-color: #c7254e;
798
+ @code-bg: #f9f2f4;
799
+
800
+ @kbd-color: #fff;
801
+ @kbd-bg: #333;
802
+
803
+ @pre-bg: #f5f5f5;
804
+ @pre-color: @gray-dark;
805
+ @pre-border-color: #ccc;
806
+ @pre-scrollable-max-height: 340px;
807
+
808
+ //== Type
809
+ //
810
+ //##
811
+
812
+ //** Horizontal offset for forms and lists.
813
+ @component-offset-horizontal: 180px;
814
+ //** Text muted color
815
+ @text-muted: @gray-light;
816
+ //** Abbreviations and acronyms border color
817
+ @abbr-border-color: @gray-light;
818
+ //** Headings small color
819
+ @headings-small-color: @gray-light;
820
+ //** Blockquote small color
821
+ @blockquote-small-color: @gray-light;
822
+ //** Blockquote font size
823
+ @blockquote-font-size: (@font-size-base * 1.25);
824
+ //** Blockquote border color
825
+ @blockquote-border-color: @gray-lighter;
826
+ //** Page header border color
827
+ @page-header-border-color: @gray-lighter;
828
+ //** Width of horizontal description list titles
829
+ @dl-horizontal-offset: @component-offset-horizontal;
830
+ //** Point at which .dl-horizontal becomes horizontal
831
+ @dl-horizontal-breakpoint: @grid-float-breakpoint;
832
+ //** Horizontal line color.
833
+ @hr-border: @gray-lighter;