@gmfe/react 2.14.21-beta.1 → 2.14.26-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 (377) hide show
  1. package/LICENSE.md +4 -0
  2. package/package.json +3 -3
  3. package/src/common/hooks/index.js +3 -3
  4. package/src/common/hooks/use_mutation_observer.js +25 -25
  5. package/src/common/util.js +52 -52
  6. package/src/component/affix/affix.stories.js +13 -13
  7. package/src/component/affix/index.js +21 -21
  8. package/src/component/box/box.js +31 -31
  9. package/src/component/box/box.stories.js +94 -94
  10. package/src/component/box/box_form.js +77 -77
  11. package/src/component/box/box_panel.js +91 -91
  12. package/src/component/box/box_table.js +51 -51
  13. package/src/component/box/index.js +6 -6
  14. package/src/component/box/style.less +39 -39
  15. package/src/component/button/button.stories.js +91 -91
  16. package/src/component/button/index.js +92 -92
  17. package/src/component/button/style.less +114 -114
  18. package/src/component/calendar/calendar.js +52 -52
  19. package/src/component/calendar/calendar.stories.js +57 -57
  20. package/src/component/calendar/content.js +89 -89
  21. package/src/component/calendar/day.js +109 -109
  22. package/src/component/calendar/head.js +243 -243
  23. package/src/component/calendar/index.js +4 -4
  24. package/src/component/calendar/range_calendar.js +150 -150
  25. package/src/component/calendar/style.less +140 -140
  26. package/src/component/calendar/week.js +27 -27
  27. package/src/component/carousel/carousel.js +178 -178
  28. package/src/component/carousel/stories.js +50 -50
  29. package/src/component/carousel/style.less +48 -48
  30. package/src/component/cascader/cascader.js +441 -443
  31. package/src/component/cascader/cascader.select.js +195 -195
  32. package/src/component/cascader/stories.js +240 -240
  33. package/src/component/cascader/style.less +122 -122
  34. package/src/component/checkbox/checkbox.js +86 -86
  35. package/src/component/checkbox/checkbox_group.js +66 -66
  36. package/src/component/checkbox/index.js +4 -4
  37. package/src/component/checkbox/stories.js +103 -103
  38. package/src/component/checkbox/style.less +88 -88
  39. package/src/component/collapse/collapse.stories.js +18 -18
  40. package/src/component/collapse/index.js +36 -36
  41. package/src/component/color_picker/index.js +190 -190
  42. package/src/component/color_picker/stories.js +17 -17
  43. package/src/component/color_picker/style.less +41 -41
  44. package/src/component/date_picker/date_picker.stories.js +102 -102
  45. package/src/component/date_picker/index.js +217 -217
  46. package/src/component/date_picker/overlay.js +119 -119
  47. package/src/component/date_picker/style.less +22 -22
  48. package/src/component/date_picker/time_select.js +62 -62
  49. package/src/component/date_range_picker/date_range_picker.stories.js +196 -196
  50. package/src/component/date_range_picker/index.js +206 -206
  51. package/src/component/date_range_picker/left.js +127 -127
  52. package/src/component/date_range_picker/overlay.js +202 -202
  53. package/src/component/date_range_picker/style.less +46 -46
  54. package/src/component/date_range_picker/time_range_select.js +150 -150
  55. package/src/component/date_range_picker/two.js +129 -129
  56. package/src/component/date_range_picker/util.js +42 -42
  57. package/src/component/dialog/index.js +240 -240
  58. package/src/component/dialog/stories.js +125 -125
  59. package/src/component/divider/index.js +28 -28
  60. package/src/component/divider/stories.js +5 -5
  61. package/src/component/divider/style.less +15 -15
  62. package/src/component/drawer/index.js +107 -107
  63. package/src/component/drawer/style.less +43 -43
  64. package/src/component/drop_down/drop_down.js +84 -84
  65. package/src/component/drop_down/drop_down_item.js +43 -43
  66. package/src/component/drop_down/drop_down_items.js +22 -22
  67. package/src/component/drop_down/index.js +5 -5
  68. package/src/component/drop_down/stories.js +38 -38
  69. package/src/component/drop_down/style.less +21 -21
  70. package/src/component/drop_select/index.js +208 -208
  71. package/src/component/drop_select/style.less +69 -69
  72. package/src/component/dropper/index.js +62 -62
  73. package/src/component/dropper/style.less +18 -18
  74. package/src/component/editable_text/editable_text.stories.js +47 -47
  75. package/src/component/editable_text/index.js +106 -106
  76. package/src/component/editable_text/style.less +29 -29
  77. package/src/component/filter_select/filter.select.js +416 -416
  78. package/src/component/filter_select/multiple.filter.select.js +425 -425
  79. package/src/component/filter_select/style.less +117 -117
  80. package/src/component/flex/index.js +132 -132
  81. package/src/component/flex/stories.js +13 -13
  82. package/src/component/flex/style.less +101 -101
  83. package/src/component/flip_number/index.js +196 -196
  84. package/src/component/flip_number/stories.js +25 -25
  85. package/src/component/flip_number/utils.js +50 -50
  86. package/src/component/form/form.js +153 -153
  87. package/src/component/form/form.stories.js +553 -553
  88. package/src/component/form/form_block.js +59 -59
  89. package/src/component/form/form_button.js +29 -29
  90. package/src/component/form/form_group.js +173 -173
  91. package/src/component/form/form_item.js +174 -174
  92. package/src/component/form/form_panel.js +71 -71
  93. package/src/component/form/index.js +8 -8
  94. package/src/component/form/style.less +130 -130
  95. package/src/component/form/util.js +13 -13
  96. package/src/component/function_set/function_set.stories.js +91 -91
  97. package/src/component/function_set/index.js +98 -98
  98. package/src/component/function_set/overlay.js +56 -56
  99. package/src/component/grid/col.js +72 -72
  100. package/src/component/grid/grid.stories.js +123 -123
  101. package/src/component/grid/index.js +4 -4
  102. package/src/component/grid/mixin.less +48 -48
  103. package/src/component/grid/row.js +44 -44
  104. package/src/component/grid/style.less +26 -26
  105. package/src/component/grid/util.js +11 -11
  106. package/src/component/icon_down_up/index.js +28 -28
  107. package/src/component/icon_down_up/stories.js +18 -18
  108. package/src/component/icon_down_up/style.less +8 -8
  109. package/src/component/image_preview/index.js +20 -20
  110. package/src/component/image_preview/preview_modal.js +193 -193
  111. package/src/component/image_preview/style.less +119 -119
  112. package/src/component/img_uploader/index.js +149 -149
  113. package/src/component/img_uploader/index.stories.js +51 -51
  114. package/src/component/img_uploader/style.less +22 -22
  115. package/src/component/input/index.js +19 -19
  116. package/src/component/input_number/index.js +73 -73
  117. package/src/component/input_number/number.js +158 -158
  118. package/src/component/input_number/stories.js +21 -21
  119. package/src/component/input_number/style.less +10 -10
  120. package/src/component/layout_root/index.js +165 -165
  121. package/src/component/lazy_img/index.js +68 -68
  122. package/src/component/level_list/index.js +120 -120
  123. package/src/component/level_list/level_item.js +64 -64
  124. package/src/component/level_list/level_list.stories.js +139 -139
  125. package/src/component/level_list/style.less +47 -47
  126. package/src/component/level_list/util.js +22 -22
  127. package/src/component/level_select/index.js +240 -240
  128. package/src/component/level_select/level_select.stories.js +67 -67
  129. package/src/component/list/base.js +155 -155
  130. package/src/component/list/index.js +93 -93
  131. package/src/component/list/list.stories.js +99 -99
  132. package/src/component/list/style.less +58 -58
  133. package/src/component/loading/index.js +45 -45
  134. package/src/component/loading/loading_chunk.js +59 -59
  135. package/src/component/loading/loading_full_screen.js +62 -62
  136. package/src/component/loading/stories.js +46 -46
  137. package/src/component/loading/style.less +92 -92
  138. package/src/component/mask/index.js +34 -34
  139. package/src/component/mask/style.less +10 -10
  140. package/src/component/modal/clean_modal.js +36 -36
  141. package/src/component/modal/index.js +293 -293
  142. package/src/component/modal/right_side_modal.js +37 -37
  143. package/src/component/modal/stories.js +96 -96
  144. package/src/component/modal/style.less +145 -145
  145. package/src/component/more_select/base.js +517 -517
  146. package/src/component/more_select/index.js +91 -91
  147. package/src/component/more_select/stories.js +261 -261
  148. package/src/component/more_select/style.less +130 -130
  149. package/src/component/nav/index.js +269 -269
  150. package/src/component/nav/nav.stories.js +133 -133
  151. package/src/component/nav/style.less +156 -156
  152. package/src/component/nprogress/index.js +34 -34
  153. package/src/component/nprogress/stories.js +22 -22
  154. package/src/component/nprogress/style.less +39 -39
  155. package/src/component/pagination/base.js +67 -67
  156. package/src/component/pagination/left.js +65 -65
  157. package/src/component/pagination/page.js +120 -120
  158. package/src/component/pagination/page_peek.js +96 -96
  159. package/src/component/pagination/pagination.js +54 -54
  160. package/src/component/pagination/pagination.stories.js +104 -104
  161. package/src/component/pagination/pagination_text.js +71 -71
  162. package/src/component/pagination/pagination_v2.js +30 -30
  163. package/src/component/pagination/right.js +67 -67
  164. package/src/component/pagination/style.less +52 -52
  165. package/src/component/pagination/util.js +5 -5
  166. package/src/component/picture_preview/index.js +21 -21
  167. package/src/component/popover/index.js +373 -373
  168. package/src/component/popover/stories.js +101 -101
  169. package/src/component/popup/index.js +4 -4
  170. package/src/component/popup/popup.js +172 -172
  171. package/src/component/popup/popup_content_confirm.js +67 -67
  172. package/src/component/popup/style.less +105 -105
  173. package/src/component/price/index.js +147 -147
  174. package/src/component/price/stories.js +34 -34
  175. package/src/component/progress/index.js +101 -101
  176. package/src/component/progress/stories.js +60 -60
  177. package/src/component/progress/style.less +88 -88
  178. package/src/component/progress_circle/index.js +116 -116
  179. package/src/component/progress_circle/stories.js +54 -54
  180. package/src/component/progress_circle/style.less +17 -17
  181. package/src/component/radio/index.js +4 -4
  182. package/src/component/radio/radio.js +76 -76
  183. package/src/component/radio/radio_group.js +51 -51
  184. package/src/component/radio/stories.js +80 -80
  185. package/src/component/radio/style.less +63 -63
  186. package/src/component/recommend_input/index.js +118 -118
  187. package/src/component/recommend_input/recommend_input.stories.js +56 -56
  188. package/src/component/recommend_input/style.less +25 -25
  189. package/src/component/select/index.js +4 -4
  190. package/src/component/select/option.js +22 -22
  191. package/src/component/select/select.js +186 -186
  192. package/src/component/select/select.stories.js +79 -79
  193. package/src/component/select/style.less +4 -4
  194. package/src/component/selection/index.js +132 -132
  195. package/src/component/selection/selection.stories.js +41 -41
  196. package/src/component/selection/style.less +67 -67
  197. package/src/component/sheet/index.js +7 -7
  198. package/src/component/sheet/sheet.js +348 -348
  199. package/src/component/sheet/sheet_action.js +16 -16
  200. package/src/component/sheet/sheet_batch_action.js +16 -16
  201. package/src/component/sheet/sheet_column.js +21 -21
  202. package/src/component/sheet/sheet_select.js +31 -31
  203. package/src/component/sheet/stories.js +210 -210
  204. package/src/component/sheet/style.less +95 -95
  205. package/src/component/steps/index.js +66 -66
  206. package/src/component/steps/steps.stories.js +15 -15
  207. package/src/component/steps/style.less +39 -39
  208. package/src/component/storage/index.js +54 -54
  209. package/src/component/storage/stories.js +38 -38
  210. package/src/component/switch/index.js +118 -118
  211. package/src/component/switch/stories.js +7 -7
  212. package/src/component/switch/style.less +70 -70
  213. package/src/component/table_select/index.js +152 -152
  214. package/src/component/table_select/style.less +12 -12
  215. package/src/component/table_select/table_select.stories.js +91 -91
  216. package/src/component/table_select/util.js +21 -21
  217. package/src/component/tabs/style.less +33 -33
  218. package/src/component/tabs/tabs.js +97 -97
  219. package/src/component/tabs/tabs.stories.js +48 -48
  220. package/src/component/time_span/style.less +45 -45
  221. package/src/component/time_span/time_span.js +183 -183
  222. package/src/component/time_span/time_span.stories.js +66 -66
  223. package/src/component/time_span/time_span_picker.js +112 -112
  224. package/src/component/time_span/time_span_picker.stories.js +71 -71
  225. package/src/component/tip/index.js +168 -168
  226. package/src/component/tip/stories.js +54 -54
  227. package/src/component/tip/style.less +41 -41
  228. package/src/component/tool_tip/index.js +58 -58
  229. package/src/component/tool_tip/stories.js +36 -36
  230. package/src/component/transfer/box.js +186 -186
  231. package/src/component/transfer/index.js +4 -4
  232. package/src/component/transfer/stories.js +108 -108
  233. package/src/component/transfer/style.less +34 -34
  234. package/src/component/transfer/transfer.js +181 -181
  235. package/src/component/transfer/transfer_group.js +178 -178
  236. package/src/component/transfer_v2/index.js +171 -171
  237. package/src/component/transfer_v2/transfer_v2.stories.js +226 -226
  238. package/src/component/tree/bottom.js +41 -41
  239. package/src/component/tree/index.js +205 -205
  240. package/src/component/tree/item.js +154 -154
  241. package/src/component/tree/list.js +151 -151
  242. package/src/component/tree/style.less +147 -147
  243. package/src/component/tree/tree.stories.js +241 -241
  244. package/src/component/tree/util.js +24 -24
  245. package/src/component/tree_v2/bottom.js +40 -40
  246. package/src/component/tree_v2/index.js +260 -260
  247. package/src/component/tree_v2/list.js +230 -230
  248. package/src/component/tree_v2/style.less +38 -38
  249. package/src/component/tree_v2/tree.stories.js +419 -419
  250. package/src/component/tree_v2/util.js +185 -185
  251. package/src/component/uploader/index.js +108 -108
  252. package/src/component/uploader/style.less +24 -24
  253. package/src/component/uploader/uploader.stories.js +51 -51
  254. package/src/css/arrow.less +56 -56
  255. package/src/css/bg.less +52 -52
  256. package/src/css/border.less +40 -40
  257. package/src/css/cover.less +236 -236
  258. package/src/css/cursor.less +19 -19
  259. package/src/css/display.less +16 -16
  260. package/src/css/distance.less +324 -324
  261. package/src/css/error.less +10 -10
  262. package/src/css/other.less +16 -16
  263. package/src/css/overflow.less +23 -23
  264. package/src/css/position.less +11 -11
  265. package/src/css/rotate.less +28 -28
  266. package/src/css/shadow.less +11 -11
  267. package/src/css/stories.js +104 -104
  268. package/src/css/svg.less +51 -51
  269. package/src/css/text.less +120 -120
  270. package/src/css/variables.less +62 -62
  271. package/src/event_type.js +16 -16
  272. package/src/fonts/glyphicons-halflings-regular.svg +542 -542
  273. package/src/index.js +237 -237
  274. package/src/index.less +108 -108
  275. package/src/less/.csscomb.json +304 -304
  276. package/src/less/.csslintrc +19 -19
  277. package/src/less/alerts.less +72 -72
  278. package/src/less/badges.less +65 -65
  279. package/src/less/bootstrap.less +51 -51
  280. package/src/less/breadcrumbs.less +25 -25
  281. package/src/less/button-groups.less +253 -253
  282. package/src/less/buttons.less +186 -186
  283. package/src/less/carousel.less +269 -269
  284. package/src/less/close.less +33 -33
  285. package/src/less/code.less +68 -68
  286. package/src/less/component-animations.less +39 -39
  287. package/src/less/custom.less +37 -37
  288. package/src/less/dropdowns.less +215 -215
  289. package/src/less/forms.less +612 -612
  290. package/src/less/glyphicons.less +1614 -1614
  291. package/src/less/grid.less +76 -76
  292. package/src/less/input-groups.less +175 -175
  293. package/src/less/jumbotron.less +53 -53
  294. package/src/less/labels.less +64 -64
  295. package/src/less/list-group.less +126 -126
  296. package/src/less/media.less +66 -66
  297. package/src/less/mixins/alerts.less +14 -14
  298. package/src/less/mixins/background-variant.less +9 -9
  299. package/src/less/mixins/border-radius.less +21 -21
  300. package/src/less/mixins/buttons.less +65 -65
  301. package/src/less/mixins/center-block.less +7 -7
  302. package/src/less/mixins/clearfix.less +22 -22
  303. package/src/less/mixins/forms.less +84 -84
  304. package/src/less/mixins/gradients.less +59 -59
  305. package/src/less/mixins/grid-framework.less +96 -96
  306. package/src/less/mixins/grid.less +134 -134
  307. package/src/less/mixins/hide-text.less +21 -21
  308. package/src/less/mixins/image.less +25 -25
  309. package/src/less/mixins/labels.less +12 -12
  310. package/src/less/mixins/list-group.less +30 -30
  311. package/src/less/mixins/nav-divider.less +10 -10
  312. package/src/less/mixins/nav-vertical-align.less +9 -9
  313. package/src/less/mixins/opacity.less +8 -8
  314. package/src/less/mixins/pagination.less +24 -24
  315. package/src/less/mixins/panels.less +24 -24
  316. package/src/less/mixins/progress-bar.less +10 -10
  317. package/src/less/mixins/reset-filter.less +8 -8
  318. package/src/less/mixins/reset-text.less +18 -18
  319. package/src/less/mixins/resize.less +6 -6
  320. package/src/less/mixins/responsive-visibility.less +21 -21
  321. package/src/less/mixins/size.less +10 -10
  322. package/src/less/mixins/tab-focus.less +9 -9
  323. package/src/less/mixins/table-row.less +28 -28
  324. package/src/less/mixins/text-emphasis.less +9 -9
  325. package/src/less/mixins/text-overflow.less +8 -8
  326. package/src/less/mixins/vendor-prefixes.less +254 -254
  327. package/src/less/mixins.less +36 -36
  328. package/src/less/modals.less +163 -163
  329. package/src/less/navbar.less +651 -651
  330. package/src/less/navs.less +236 -236
  331. package/src/less/normalize.less +424 -424
  332. package/src/less/pager.less +54 -54
  333. package/src/less/pagination.less +90 -90
  334. package/src/less/panels.less +274 -274
  335. package/src/less/popovers.less +140 -140
  336. package/src/less/print.less +103 -103
  337. package/src/less/progress-bars.less +92 -92
  338. package/src/less/responsive-embed.less +35 -35
  339. package/src/less/responsive-utilities.less +209 -209
  340. package/src/less/scaffolding.less +154 -154
  341. package/src/less/tables.less +228 -228
  342. package/src/less/theme.less +344 -344
  343. package/src/less/thumbnails.less +35 -35
  344. package/src/less/tooltip.less +115 -115
  345. package/src/less/type.less +352 -352
  346. package/src/less/utilities.less +57 -57
  347. package/src/less/variables.less +833 -833
  348. package/src/less/wells.less +29 -29
  349. package/src/sotries.js +4 -4
  350. package/src/validator/index.js +10 -10
  351. package/src/validator/rules.js +66 -66
  352. package/src/validator/type.js +10 -10
  353. package/src/validator/validator.js +86 -86
  354. package/src/var.less +4 -4
  355. package/svg/calendar-month.svg +8 -8
  356. package/svg/calendar-year.svg +13 -13
  357. package/svg/calendar.svg +17 -17
  358. package/svg/check-detail.svg +18 -18
  359. package/svg/close-circle.svg +13 -13
  360. package/svg/closeup.svg +20 -20
  361. package/svg/delete.svg +10 -10
  362. package/svg/down-small.svg +1 -1
  363. package/svg/down.svg +1 -1
  364. package/svg/edit-box.svg +17 -17
  365. package/svg/edit-pen.svg +17 -17
  366. package/svg/empty.svg +27 -27
  367. package/svg/expand.svg +21 -21
  368. package/svg/left-small.svg +1 -1
  369. package/svg/more.svg +10 -10
  370. package/svg/next.svg +40 -40
  371. package/svg/pen.svg +12 -12
  372. package/svg/remove.svg +1 -1
  373. package/svg/right-small.svg +1 -1
  374. package/svg/search.svg +8 -8
  375. package/svg/setting.svg +17 -17
  376. package/svg/up-small.svg +1 -1
  377. 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;