jumbo-jekyll-theme 5.6.9.4 → 5.7.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (317) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +202 -21
  3. data/README.md +10 -10
  4. data/_config.yml +146 -213
  5. data/_data/footer.yml +31 -33
  6. data/_data/nav.yml +73 -17
  7. data/_data/picture.yml +136 -0
  8. data/_data/settings.yml +97 -103
  9. data/_data/tags.yml +11 -11
  10. data/_data/universal_nav.yml +22 -0
  11. data/_includes/blog/authors_posts.html +37 -0
  12. data/_includes/blog/blog_filler_element.html +21 -0
  13. data/_includes/blog/display_blog_posts.html +126 -0
  14. data/_includes/{disqus-comments.html → blog/disqus_comments.html} +0 -0
  15. data/_includes/{latest-posts.html → blog/latest_posts.html} +0 -0
  16. data/_includes/blog/pagination.html +37 -0
  17. data/_includes/{post-series.html → blog/post_series.html} +0 -0
  18. data/_includes/blog/post_sidebar.html +81 -0
  19. data/_includes/{post-tags.html → blog/post_tags.html} +0 -0
  20. data/_includes/{read_time.html → blog/read_time.html} +0 -0
  21. data/_includes/components/breadcrumb.html +40 -0
  22. data/_includes/{carousel-header.html → components/carousel_header.html} +0 -0
  23. data/_includes/components/cookie_manager.html +80 -0
  24. data/_includes/components/css.html +8 -0
  25. data/_includes/{github-edit.html → components/github_edit.html} +0 -0
  26. data/_includes/components/head.html +60 -0
  27. data/_includes/components/http2.html +57 -0
  28. data/_includes/components/javascript.html +10 -0
  29. data/_includes/components/jumbotron.html +80 -0
  30. data/_includes/{linaro-404.html → components/linaro_404.html} +16 -19
  31. data/_includes/{schema.html → components/schema.html} +43 -43
  32. data/_includes/{sidebar.html → components/sidebar.html} +0 -0
  33. data/_includes/examples/custom_include.html +10 -0
  34. data/_includes/{custom_include_row.html → examples/custom_include_row.html} +562 -562
  35. data/_includes/flow/blocks.html +44 -0
  36. data/_includes/{core → flow}/button.html +5 -5
  37. data/_includes/flow/buttons.html +5 -0
  38. data/_includes/{core → flow}/call-to-action-banner.html +0 -0
  39. data/_includes/flow/container_row.html +11 -0
  40. data/_includes/flow/feature_block.html +41 -0
  41. data/_includes/flow/flow_inner.html +25 -0
  42. data/_includes/{core → flow}/full_width_row.html +5 -5
  43. data/_includes/{core → flow}/members-section.html +24 -32
  44. data/_includes/{core → flow}/slider.html +25 -33
  45. data/_includes/flow/slider_row.html +3 -0
  46. data/_includes/flow/tabbed_content.html +21 -0
  47. data/_includes/flow/text.html +3 -0
  48. data/_includes/flow/title.html +3 -0
  49. data/_includes/footer/footer.html +73 -0
  50. data/_includes/image.html +5 -6
  51. data/_includes/js_bundles/app.html +5 -0
  52. data/_includes/js_bundles/vendor.html +13 -0
  53. data/_includes/nav/brand.html +3 -0
  54. data/_includes/nav/nav.html +133 -0
  55. data/_includes/nav/universal_nav.html +36 -0
  56. data/_includes/{social-media-icons.html → social_media_icons.html} +0 -0
  57. data/_includes/youtube.html +74 -6
  58. data/_layouts/author.html +62 -6
  59. data/_layouts/base.html +6 -8
  60. data/_layouts/default.html +3 -3
  61. data/_layouts/error.html +25 -25
  62. data/_layouts/flow.html +33 -36
  63. data/_layouts/post-index.html +17 -16
  64. data/_layouts/post.html +55 -39
  65. data/_sass/app/blog.scss +0 -22
  66. data/_sass/app/overrides.scss +121 -66
  67. data/_sass/app/search.scss +51 -51
  68. data/_sass/blog.scss +1 -1
  69. data/_sass/bootstrap/_alert.scss +51 -0
  70. data/_sass/bootstrap/_badge.scss +47 -0
  71. data/_sass/bootstrap/_breadcrumb.scss +41 -0
  72. data/_sass/bootstrap/_button-group.scss +172 -0
  73. data/_sass/bootstrap/_buttons.scss +75 -100
  74. data/_sass/bootstrap/_card.scss +301 -0
  75. data/_sass/bootstrap/_carousel.scss +161 -195
  76. data/_sass/bootstrap/_close.scss +15 -16
  77. data/_sass/bootstrap/_code.scss +15 -36
  78. data/_sass/bootstrap/_custom-forms.scss +433 -0
  79. data/_sass/bootstrap/_dropdown.scss +166 -0
  80. data/_sass/bootstrap/_forms.scss +213 -497
  81. data/_sass/bootstrap/_functions.scss +86 -0
  82. data/_sass/bootstrap/_grid.scss +29 -61
  83. data/_sass/bootstrap/_images.scss +42 -0
  84. data/_sass/bootstrap/_input-group.scss +173 -0
  85. data/_sass/bootstrap/_jumbotron.scss +9 -47
  86. data/_sass/bootstrap/_list-group.scss +64 -79
  87. data/_sass/bootstrap/_media.scss +3 -61
  88. data/_sass/bootstrap/_mixins.scss +19 -18
  89. data/_sass/bootstrap/_modal.scss +180 -0
  90. data/_sass/bootstrap/_nav.scss +118 -0
  91. data/_sass/bootstrap/_navbar.scss +192 -555
  92. data/_sass/bootstrap/_pagination.scss +59 -70
  93. data/_sass/bootstrap/_popover.scss +183 -0
  94. data/_sass/bootstrap/_print.scss +89 -49
  95. data/_sass/bootstrap/_progress.scss +34 -0
  96. data/_sass/bootstrap/_reboot.scss +483 -0
  97. data/_sass/bootstrap/_root.scss +19 -0
  98. data/_sass/bootstrap/_tables.scss +119 -166
  99. data/_sass/bootstrap/_tooltip.scss +93 -79
  100. data/_sass/bootstrap/_transitions.scss +22 -0
  101. data/_sass/bootstrap/_type.scss +66 -239
  102. data/_sass/bootstrap/_utilities.scss +15 -55
  103. data/_sass/bootstrap/_variables.scss +952 -932
  104. data/_sass/bootstrap/bootstrap-grid.scss +32 -0
  105. data/_sass/bootstrap/bootstrap-reboot.scss +12 -0
  106. data/_sass/bootstrap/bootstrap.scss +42 -0
  107. data/_sass/bootstrap/mixins/_alert.scss +13 -0
  108. data/_sass/bootstrap/mixins/_background-variant.scss +14 -5
  109. data/_sass/bootstrap/mixins/_badge.scss +12 -0
  110. data/_sass/bootstrap/mixins/_border-radius.scss +25 -8
  111. data/_sass/bootstrap/mixins/_box-shadow.scss +5 -0
  112. data/_sass/bootstrap/mixins/_breakpoints.scss +123 -0
  113. data/_sass/bootstrap/mixins/_buttons.scss +84 -40
  114. data/_sass/bootstrap/mixins/_caret.scss +66 -0
  115. data/_sass/bootstrap/mixins/_clearfix.scss +3 -18
  116. data/_sass/bootstrap/mixins/_float.scss +11 -0
  117. data/_sass/bootstrap/mixins/_forms.scss +125 -66
  118. data/_sass/bootstrap/mixins/_gradients.scss +17 -30
  119. data/_sass/bootstrap/mixins/_grid-framework.scss +52 -66
  120. data/_sass/bootstrap/mixins/_grid.scss +37 -107
  121. data/_sass/bootstrap/mixins/_hover.scss +37 -0
  122. data/_sass/bootstrap/mixins/_image.scss +18 -15
  123. data/_sass/bootstrap/mixins/_list-group.scss +10 -21
  124. data/_sass/bootstrap/mixins/_lists.scss +7 -0
  125. data/_sass/bootstrap/mixins/_nav-divider.scss +4 -4
  126. data/_sass/bootstrap/mixins/_pagination.scss +10 -12
  127. data/_sass/bootstrap/mixins/_reset-text.scss +7 -8
  128. data/_sass/bootstrap/mixins/_resize.scss +1 -1
  129. data/_sass/bootstrap/mixins/_screen-reader.scss +33 -0
  130. data/_sass/bootstrap/mixins/_size.scss +1 -5
  131. data/_sass/bootstrap/mixins/_table-row.scss +16 -14
  132. data/_sass/bootstrap/mixins/_text-emphasis.scss +7 -5
  133. data/_sass/bootstrap/mixins/_text-hide.scss +13 -0
  134. data/_sass/bootstrap/mixins/{_text-overflow.scss → _text-truncate.scss} +2 -2
  135. data/_sass/bootstrap/mixins/_transition.scss +13 -0
  136. data/_sass/bootstrap/mixins/_visibility.scss +7 -0
  137. data/_sass/bootstrap/utilities/_align.scss +8 -0
  138. data/_sass/bootstrap/utilities/_background.scss +19 -0
  139. data/_sass/bootstrap/utilities/_borders.scss +59 -0
  140. data/_sass/bootstrap/utilities/_clearfix.scss +3 -0
  141. data/_sass/bootstrap/utilities/_display.scss +38 -0
  142. data/_sass/bootstrap/{_responsive-embed.scss → utilities/_embed.scss} +26 -9
  143. data/_sass/bootstrap/utilities/_flex.scss +51 -0
  144. data/_sass/bootstrap/utilities/_float.scss +9 -0
  145. data/_sass/bootstrap/utilities/_position.scss +37 -0
  146. data/_sass/bootstrap/utilities/_screenreaders.scss +11 -0
  147. data/_sass/bootstrap/utilities/_shadows.scss +6 -0
  148. data/_sass/bootstrap/utilities/_sizing.scss +12 -0
  149. data/_sass/bootstrap/utilities/_spacing.scss +51 -0
  150. data/_sass/bootstrap/utilities/_text.scss +58 -0
  151. data/_sass/bootstrap/utilities/_visibility.scss +11 -0
  152. data/_sass/core.scss +15 -20
  153. data/_sass/core/blog.scss +126 -426
  154. data/_sass/core/breadcrumb.scss +16 -96
  155. data/_sass/core/carousel-header.scss +91 -91
  156. data/_sass/core/carousel.scss +7 -8
  157. data/_sass/core/cookies.scss +194 -0
  158. data/_sass/core/error.scss +190 -190
  159. data/_sass/core/flow.scss +71 -186
  160. data/_sass/core/fontello.scss +156 -0
  161. data/_sass/core/footer.scss +69 -142
  162. data/_sass/core/jumbotron.scss +90 -279
  163. data/_sass/core/navbar.scss +233 -0
  164. data/_sass/core/normalize.scss +357 -357
  165. data/_sass/core/theme.scss +40 -918
  166. data/assets/css/main-blog.scss +15 -14
  167. data/assets/css/main-error.scss +14 -13
  168. data/assets/css/main-search.scss +4 -3
  169. data/assets/css/main.scss +12 -11
  170. data/assets/fonts/fontello/fontello.eot +0 -0
  171. data/assets/fonts/fontello/fontello.svg +82 -0
  172. data/assets/fonts/fontello/fontello.ttf +0 -0
  173. data/assets/fonts/fontello/fontello.woff +0 -0
  174. data/assets/fonts/fontello/fontello.woff2 +0 -0
  175. data/assets/fonts/{lato-regular → lato}/LICENSE.txt +0 -0
  176. data/assets/fonts/{lato-regular → lato}/Lato-regular.eot +0 -0
  177. data/assets/fonts/{lato-regular → lato}/Lato-regular.svg +0 -0
  178. data/assets/fonts/{lato-regular → lato}/Lato-regular.ttf +0 -0
  179. data/assets/fonts/{lato-regular → lato}/Lato-regular.woff +0 -0
  180. data/assets/fonts/{lato-regular → lato}/Lato-regular.woff2 +0 -0
  181. data/assets/images/clipboard.svg +3 -0
  182. data/assets/js/app/main.js +298 -261
  183. data/assets/js/app/scroll-to-anchors.js +10 -9
  184. data/assets/js/app/sticky-tab-bar.js +67 -69
  185. data/assets/js/bootstrap.js.map +1 -0
  186. data/assets/js/popper.min.js.map +1 -0
  187. data/assets/js/vendor/_popper.js +5 -0
  188. data/assets/js/vendor/bootstrap.js +5 -2376
  189. data/assets/js/vendor/fess-ss.min.js +24 -24
  190. data/assets/js/vendor/jquery.cookie.js +120 -0
  191. data/assets/js/vendor/jquery.ihavecookies.js +263 -0
  192. data/assets/js/vendor/jquery.slim.js +8842 -0
  193. data/robots.txt +9 -9
  194. metadata +157 -377
  195. data/_data/example-carousel-data-source.yml +0 -36
  196. data/_data/members-section-example.yml +0 -0
  197. data/_data/universal-nav.yml +0 -7
  198. data/_includes/authors-posts.html +0 -18
  199. data/_includes/blog-filler-element.html +0 -24
  200. data/_includes/breadcrumb.html +0 -97
  201. data/_includes/core/blocks.html +0 -30
  202. data/_includes/core/buttons.html +0 -5
  203. data/_includes/core/container_row.html +0 -7
  204. data/_includes/core/feature_block.html +0 -43
  205. data/_includes/core/slider_row.html +0 -3
  206. data/_includes/core/text.html +0 -3
  207. data/_includes/core/title.html +0 -3
  208. data/_includes/core/youtube_video_embed.html +0 -11
  209. data/_includes/css.html +0 -9
  210. data/_includes/custom_include.html +0 -13
  211. data/_includes/display-blog-posts.html +0 -154
  212. data/_includes/flow_inner.html +0 -19
  213. data/_includes/footer.html +0 -68
  214. data/_includes/google-analytics.html +0 -16
  215. data/_includes/head.html +0 -19
  216. data/_includes/http2.html +0 -102
  217. data/_includes/javascript.html +0 -10
  218. data/_includes/jumbotron.html +0 -115
  219. data/_includes/linaro-svg.html +0 -1
  220. data/_includes/nav.html +0 -153
  221. data/_includes/pagination.html +0 -39
  222. data/_includes/post-sidebar.html +0 -182
  223. data/_includes/responsive-image.html +0 -6
  224. data/_includes/thumb-image.html +0 -31
  225. data/_includes/thumb.html +0 -2
  226. data/_includes/thumbnail_image.html +0 -10
  227. data/_includes/universal-nav.html +0 -30
  228. data/_layouts/jumbotron-container.html +0 -19
  229. data/_layouts/jumbotron.html +0 -12
  230. data/_layouts/redirect.html +0 -11
  231. data/_sass/_bootstrap-compass.scss +0 -9
  232. data/_sass/_bootstrap-mincer.scss +0 -19
  233. data/_sass/_bootstrap-sprockets.scss +0 -9
  234. data/_sass/_bootstrap.scss +0 -56
  235. data/_sass/app-package.scss +0 -11
  236. data/_sass/app/contact.scss +0 -3
  237. data/_sass/app/custom.scss +0 -1
  238. data/_sass/bootstrap/_alerts.scss +0 -73
  239. data/_sass/bootstrap/_badges.scss +0 -68
  240. data/_sass/bootstrap/_breadcrumbs.scss +0 -28
  241. data/_sass/bootstrap/_button-groups.scss +0 -244
  242. data/_sass/bootstrap/_component-animations.scss +0 -37
  243. data/_sass/bootstrap/_dropdowns.scss +0 -216
  244. data/_sass/bootstrap/_glyphicons.scss +0 -307
  245. data/_sass/bootstrap/_input-groups.scss +0 -171
  246. data/_sass/bootstrap/_labels.scss +0 -66
  247. data/_sass/bootstrap/_modals.scss +0 -150
  248. data/_sass/bootstrap/_navs.scss +0 -242
  249. data/_sass/bootstrap/_normalize.scss +0 -424
  250. data/_sass/bootstrap/_pager.scss +0 -54
  251. data/_sass/bootstrap/_panels.scss +0 -271
  252. data/_sass/bootstrap/_popovers.scss +0 -131
  253. data/_sass/bootstrap/_progress-bars.scss +0 -87
  254. data/_sass/bootstrap/_responsive-utilities.scss +0 -179
  255. data/_sass/bootstrap/_scaffolding.scss +0 -161
  256. data/_sass/bootstrap/_theme.scss +0 -291
  257. data/_sass/bootstrap/_thumbnails.scss +0 -38
  258. data/_sass/bootstrap/_wells.scss +0 -29
  259. data/_sass/bootstrap/mixins/_alerts.scss +0 -14
  260. data/_sass/bootstrap/mixins/_center-block.scss +0 -7
  261. data/_sass/bootstrap/mixins/_hide-text.scss +0 -21
  262. data/_sass/bootstrap/mixins/_labels.scss +0 -12
  263. data/_sass/bootstrap/mixins/_nav-vertical-align.scss +0 -9
  264. data/_sass/bootstrap/mixins/_opacity.scss +0 -8
  265. data/_sass/bootstrap/mixins/_panels.scss +0 -24
  266. data/_sass/bootstrap/mixins/_progress-bar.scss +0 -10
  267. data/_sass/bootstrap/mixins/_reset-filter.scss +0 -8
  268. data/_sass/bootstrap/mixins/_responsive-visibility.scss +0 -21
  269. data/_sass/bootstrap/mixins/_tab-focus.scss +0 -9
  270. data/_sass/bootstrap/mixins/_vendor-prefixes.scss +0 -222
  271. data/_sass/core/animations.scss +0 -125
  272. data/_sass/core/cookieconsent.scss +0 -39
  273. data/_sass/core/critical.scss +0 -0
  274. data/_sass/core/custom.scss +0 -3
  275. data/_sass/core/fa.scss +0 -2336
  276. data/_sass/core/flipclock.scss +0 -434
  277. data/_sass/core/fly.scss +0 -10
  278. data/_sass/core/font-awesome.min.scss +0 -4
  279. data/_sass/core/fonts.scss +0 -3
  280. data/_sass/core/forms.scss +0 -3
  281. data/_sass/core/homepage.scss +0 -19
  282. data/_sass/core/lightbox.scss +0 -212
  283. data/_sass/core/nav.scss +0 -1015
  284. data/_sass/core/social-media-icons.scss +0 -67
  285. data/_sass/core/tables.scss +0 -175
  286. data/_sass/core/triangle-divider.scss +0 -27
  287. data/_sass/core/universal-nav.scss +0 -167
  288. data/_sass/core/youtube-lazy.scss +0 -51
  289. data/_sass/core/youtube.scss +0 -65
  290. data/_sass/home.scss +0 -2
  291. data/assets/fonts/fontawesome-webfont.eot +0 -0
  292. data/assets/fonts/fontawesome-webfont.svg +0 -2671
  293. data/assets/fonts/fontawesome-webfont.ttf +0 -0
  294. data/assets/fonts/fontawesome-webfont.woff +0 -0
  295. data/assets/fonts/fontawesome-webfont.woff2 +0 -0
  296. data/assets/fonts/fontello.eot +0 -0
  297. data/assets/fonts/fontello.svg +0 -44
  298. data/assets/fonts/glyphicons-halflings-regular.ttf +0 -0
  299. data/assets/fonts/glyphicons-halflings-regular.woff +0 -0
  300. data/assets/fonts/glyphicons-halflings-regular.woff2 +0 -0
  301. data/assets/images/Linaro-Logo_light.png +0 -0
  302. data/assets/images/content/background-image1.jpg +0 -0
  303. data/assets/images/content/background-image2.png +0 -0
  304. data/assets/images/content/background-image3.jpg +0 -0
  305. data/assets/images/content/js-logo.png +0 -0
  306. data/assets/js/app/blog-comments.js +0 -50
  307. data/assets/js/app/facebook.js +0 -8
  308. data/assets/js/app/fly.js +0 -45
  309. data/assets/js/app/search.js +0 -29
  310. data/assets/js/app/youtube-lazy.js +0 -25
  311. data/assets/js/pacakge-search.js +0 -9
  312. data/assets/js/package-blog.js +0 -12
  313. data/assets/js/package-extended.js +0 -14
  314. data/assets/js/package-home.js +0 -14
  315. data/assets/js/package-main.js +0 -13
  316. data/assets/js/package-search.js +0 -8
  317. data/assets/js/vendor/cookieconsent.js +0 -1495
@@ -1,932 +1,952 @@
1
- $bootstrap-sass-asset-helper: false !default;
2
- //
3
- // Variables
4
- // --------------------------------------------------
5
-
6
-
7
- //== Colors
8
-
9
-
10
- //## Gray and brand colors for use across Bootstrap.
11
-
12
- $gray-base: #000 !default;
13
- $gray-darker: lighten($gray-base, 13.5%) !default; // #222
14
- $gray-dark: lighten($gray-base, 20%) !default; // #333
15
- $gray: lighten($gray-base, 33.5%) !default; // #555
16
- $gray-light: lighten($gray-base, 46.7%) !default; // #777
17
- $gray-lighter: lighten($gray-base, 93.5%) !default; // #eee
18
-
19
- $brand-primary: #19947b !default;
20
- // $brand-primary: #e2ad68 !default;
21
- $brand-primary-darker: darken($brand-primary, 20%) !default;
22
- $brand-success: rgba(35, 189, 135, 0.99) !default;
23
- $brand-info: rgb(93, 203, 236) !default;
24
- $brand-warning: rgb(255, 223, 132) !default;
25
- $brand-danger: rgb(244, 103, 99) !default;
26
-
27
-
28
- // Custom Variables
29
- $cookie-consent-text: #FFF !default;
30
- $cookie-consent-bg: #000 !default;
31
-
32
-
33
-
34
-
35
-
36
- // homepage title text and sub text
37
- $home-page-title-text: #FFF !default; // all title text
38
- $home-page-text: #fff !default; // all title text
39
- $home-page-main-title-color: $home-page-title-text !default; // overide for specific main title text
40
-
41
- $cookie-consent-btn-bg: $brand-primary !default;
42
-
43
- // Footer Colour
44
- $footer-border-color: #eee !default;
45
- $footer-bg-color: #131313 !default;
46
- $footer-text-color: #fff !default;
47
- $sub-footer-color: #E5E5E5 !default;
48
-
49
-
50
- // Breadcrumb
51
- $breadcrumb-background-color: $brand-primary !default;
52
- $breadcrumb-title-color: #fff !default;
53
- $breadcrumb-span-color: #fff !default;
54
-
55
- //Contact Page
56
-
57
- $contact-banner-text-color: #fff !default;
58
-
59
-
60
- // Featured Image Jumbotron
61
- $featured-image-text-color: #fff !default;
62
-
63
- // Nav Bar Overrides
64
- $navbar-text-color: #ffffff !default;
65
- $navbar-dropdown-text-color: #000 !default;
66
-
67
-
68
- $blog-panel-title-colour: #fff !default;
69
-
70
- //== Scaffolding
71
- //
72
- //## Settings for some of the most global styles.
73
-
74
- //** Background color for `<body>`.
75
- $body-bg: rgb(255, 255, 255) !default;
76
- //** Global text color on `<body>`.
77
- $text-color: rgb(0, 0, 0) !default;
78
-
79
- //** Global textual link color.
80
- $link-color: $brand-primary !default;
81
- //** Link hover color set via `darken()` function.
82
- $link-hover-color: $link-color !default;
83
- //** Link hover decoration.
84
- $link-hover-decoration: underline !default;
85
-
86
-
87
- //== Typography
88
- //
89
- //## Font, line-height, and color for body text, headings, and more.
90
-
91
- $font-family-sans-serif: Arial, sans-serif !default;
92
- $font-family-serif: Georgia, "Times New Roman", Times, serif !default;
93
- //** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
94
- $font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
95
- $font-family-base: $font-family-sans-serif !default;
96
-
97
- $font-size-base: 15px !default;
98
- $font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px
99
- $font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px
100
-
101
- $font-size-h1: floor(($font-size-base * 2.6)) !default; // ~36px
102
- $font-size-h2: floor(($font-size-base * 2.15)) !default; // ~30px
103
- $font-size-h3: ceil(($font-size-base * 1.7)) !default; // ~24px
104
- $font-size-h4: ceil(($font-size-base * 1.25)) !default; // ~18px
105
- $font-size-h5: $font-size-base !default;
106
- $font-size-h6: ceil(($font-size-base * 0.85)) !default; // ~12px
107
-
108
- //** Unit-less `line-height` for use in components like buttons.
109
- $line-height-base: 1.428571429 !default; // 20/14
110
- //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
111
- $line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px
112
-
113
- //** By default, this inherits from the `<body>`.
114
- $headings-font-family: inherit !default;
115
- $headings-font-weight: 400 !default;
116
- $headings-line-height: 1.1 !default;
117
- $headings-color: inherit !default;
118
-
119
-
120
- //== Iconography
121
- //
122
- //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
123
-
124
- //** Load fonts from this directory.
125
-
126
- // [converter] If $bootstrap-sass-asset-helper if used, provide path relative to the assets load path.
127
- // [converter] This is because some asset helpers, such as Sprockets, do not work with file-relative paths.
128
- $icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "/assets/fonts/") !default;
129
-
130
- //** File name for all font files.
131
- $icon-font-name: "glyphicons-halflings-regular" !default;
132
- //** Element ID within SVG icon file.
133
- $icon-font-svg-id: "glyphicons_halflingsregular" !default;
134
-
135
-
136
- //== Components
137
- //
138
- //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
139
-
140
- $padding-base-vertical: 10px !default;
141
- $padding-base-horizontal: 15px !default;
142
-
143
- $padding-large-vertical: 18px !default;
144
- $padding-large-horizontal: 27px !default;
145
-
146
- $padding-small-vertical: 6px !default;
147
- $padding-small-horizontal: 9px !default;
148
-
149
- $padding-xs-vertical: 1px !default;
150
- $padding-xs-horizontal: 5px !default;
151
-
152
- $line-height-large: 1.3333333 !default; // extra decimals for Win 8.1 Chrome
153
- $line-height-small: 1.5 !default;
154
-
155
- $border-radius-base: 4px !default;
156
- $border-radius-large: 6px !default;
157
- $border-radius-small: 0px !default;
158
-
159
- //** Global color for active items (e.g., navs or dropdowns).
160
- $component-active-color: rgb(255, 255, 255) !default;
161
- //** Global background color for active items (e.g., navs or dropdowns).
162
- $component-active-bg: $brand-primary !default;
163
-
164
- //** Width of the `border` for generating carets that indicate dropdowns.
165
- $caret-width-base: 3px !default;
166
- //** Carets increase slightly in size for larger components.
167
- $caret-width-large: 4px !default;
168
-
169
-
170
- //== Tables
171
- //
172
- //## Customizes the `.table` component with basic values, each used across all table variations.
173
-
174
- //** Padding for `<th>`s and `<td>`s.
175
- $table-cell-padding: 8px !default;
176
- //** Padding for cells in `.table-condensed`.
177
- $table-condensed-cell-padding: 5px !default;
178
-
179
- //** Default background color used for all tables.
180
- $table-bg: transparent !default;
181
- //** Background color used for `.table-striped`.
182
- $table-bg-accent: rgb(249, 249, 249) !default;
183
- //** Background color used for `.table-hover`.
184
- $table-bg-hover: $gray-lighter !default;
185
- $table-bg-active: $table-bg-hover !default;
186
-
187
- //** Border color for table and cell borders.
188
- $table-border-color: $gray-lighter !default;
189
-
190
-
191
- //== Buttons
192
- //
193
- //## For each of Bootstrap's buttons, define text, background and border color.
194
-
195
- $btn-font-weight: normal !default;
196
-
197
- $btn-default-color: rgb(255, 255, 255) !default;
198
- $btn-default-bg: rgb(51, 51, 51) !default;
199
- $btn-default-border: rgb(51, 51, 51) !default;
200
-
201
- $btn-primary-color: rgb(0, 0, 0)!default;
202
- $btn-primary-bg: rgb(255, 255, 255) !default;
203
- $btn-primary-border: rgb(0, 0, 0) !default;
204
-
205
- $btn-success-color: $btn-default-color !default;
206
- $btn-success-bg: $brand-success !default;
207
- $btn-success-border: $btn-success-bg !default;
208
-
209
- $btn-info-color: #fff !default;
210
- $btn-info-bg: $brand-info !default;
211
- $btn-info-border: darken($btn-info-bg, 5%) !default;
212
-
213
- $btn-warning-color: #fff !default;
214
- $btn-warning-bg: $brand-warning !default;
215
- $btn-warning-border: darken($btn-warning-bg, 5%) !default;
216
-
217
- $btn-danger-color: #fff !default;
218
- $btn-danger-bg: $brand-danger !default;
219
- $btn-danger-border: darken($btn-danger-bg, 5%) !default;
220
-
221
- $btn-link-disabled-color: $gray-light !default;
222
-
223
- // Allows for customizing button radius independently from global border radius
224
- $btn-border-radius-base: $border-radius-base !default;
225
- $btn-border-radius-large: $border-radius-large !default;
226
- $btn-border-radius-small: $border-radius-small !default;
227
-
228
-
229
- //== Forms
230
- //
231
- //##
232
-
233
- //** `<input>` background color
234
- $input-bg: #fff !default;
235
- //** `<input disabled>` background color
236
- $input-bg-disabled: $gray-lighter !default;
237
-
238
- //** Text color for `<input>`s
239
- $input-color: $gray !default;
240
- //** `<input>` border color
241
- $input-border: #ccc !default;
242
-
243
- // TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4
244
- //** Default `.form-control` border radius
245
- // This has no effect on `<select>`s in some browsers, due to the limited stylability of `<select>`s in CSS.
246
- $input-border-radius: $border-radius-base !default;
247
- //** Large `.form-control` border radius
248
- $input-border-radius-large: $border-radius-large !default;
249
- //** Small `.form-control` border radius
250
- $input-border-radius-small: $border-radius-small !default;
251
-
252
- //** Border color for inputs on focus
253
- $input-border-focus: #66afe9 !default;
254
-
255
- //** Placeholder text color
256
- $input-color-placeholder: #999 !default;
257
-
258
- //** Default `.form-control` height
259
- $input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;
260
- //** Large `.form-control` height
261
- $input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;
262
- //** Small `.form-control` height
263
- $input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;
264
-
265
- //** `.form-group` margin
266
- $form-group-margin-bottom: 15px !default;
267
-
268
- $legend-color: $gray-dark !default;
269
- $legend-border-color: #e5e5e5 !default;
270
-
271
- //** Background color for textual input addons
272
- $input-group-addon-bg: $gray-lighter !default;
273
- //** Border color for textual input addons
274
- $input-group-addon-border-color: $input-border !default;
275
-
276
- //** Disabled cursor for form controls and buttons.
277
- $cursor-disabled: not-allowed !default;
278
-
279
-
280
- //== Dropdowns
281
- //
282
- //## Dropdown menu container and contents.
283
-
284
- //** Background for the dropdown menu.
285
- $dropdown-bg: rgb(0, 0, 0) !default;
286
- //** Dropdown menu `border-color`.
287
- $dropdown-border: rgba(0,0,0,.15) !default;
288
- //** Dropdown menu `border-color` **for IE8**.
289
- $dropdown-fallback-border: rgb(204, 204, 204) !default;
290
- //** Divider color for between dropdown items.
291
- $dropdown-divider-bg: #353535 !default;
292
-
293
- //** Dropdown link text color.
294
- $dropdown-link-color: rgb(255, 255, 255) !default;
295
- //** Hover color for dropdown links.
296
- $dropdown-link-hover-color: $brand-primary !default;
297
- //** Hover background for dropdown links.
298
- $dropdown-link-hover-bg: transparent !default;
299
-
300
- //** Active dropdown menu item text color.
301
- $dropdown-link-active-color: rgb(255, 255, 255) !default;
302
- //** Active dropdown menu item background color.
303
- $dropdown-link-active-bg: $brand-primary !default;
304
-
305
- //** Disabled dropdown menu item background color.
306
- $dropdown-link-disabled-color: $gray-light !default;
307
-
308
- //** Text color for headers within dropdown menus.
309
- $dropdown-header-color: $gray-light !default;
310
-
311
- //** Deprecated `$dropdown-caret-color` as of v3.1.0
312
- $dropdown-caret-color: #000 !default;
313
-
314
-
315
- //-- Z-index master list
316
- //
317
- // Warning: Avoid customizing these values. They're used for a bird's eye view
318
- // of components dependent on the z-axis and are designed to all work together.
319
- //
320
- // Note: These variables are not generated into the Customizer.
321
-
322
- $zindex-navbar: 1000 !default;
323
- $zindex-dropdown: 1000 !default;
324
- $zindex-popover: 1060 !default;
325
- $zindex-tooltip: 1070 !default;
326
- $zindex-navbar-fixed: 1030 !default;
327
- $zindex-modal-background: 1040 !default;
328
- $zindex-modal: 1050 !default;
329
-
330
-
331
- //== Media queries breakpoints
332
- //
333
- //## Define the breakpoints at which your layout will change, adapting to different screen sizes.
334
-
335
- // Extra small screen / phone
336
- //** Deprecated `$screen-xs` as of v3.0.1
337
- $screen-xs: 480px !default;
338
- //** Deprecated `$screen-xs-min` as of v3.2.0
339
- $screen-xs-min: $screen-xs !default;
340
- //** Deprecated `$screen-phone` as of v3.0.1
341
- $screen-phone: $screen-xs-min !default;
342
-
343
- // Small screen / tablet
344
- //** Deprecated `$screen-sm` as of v3.0.1
345
- $screen-sm: 1000px !default;
346
- $screen-sm-min: $screen-sm !default;
347
- //** Deprecated `$screen-tablet` as of v3.0.1
348
- $screen-tablet: $screen-sm-min !default;
349
-
350
- // Medium screen / desktop
351
- //** Deprecated `$screen-md` as of v3.0.1
352
- $screen-md: 1200px !default;
353
- $screen-md-min: $screen-md !default;
354
- //** Deprecated `$screen-desktop` as of v3.0.1
355
- $screen-desktop: $screen-md-min !default;
356
-
357
- // Large screen / wide desktop
358
- //** Deprecated `$screen-lg` as of v3.0.1
359
- $screen-lg: 1400px !default;
360
- $screen-lg-min: $screen-lg !default;
361
- //** Deprecated `$screen-lg-desktop` as of v3.0.1
362
- $screen-lg-desktop: $screen-lg-min !default;
363
-
364
- // So media queries don't overlap when required, provide a maximum
365
- $screen-xs-max: ($screen-sm-min - 1) !default;
366
- $screen-sm-max: ($screen-md-min - 1) !default;
367
- $screen-md-max: ($screen-lg-min - 1) !default;
368
-
369
- //== Grid system
370
- //
371
- //## Define your custom responsive grid.
372
-
373
- //** Number of columns in the grid.
374
- $grid-columns: 12 !default;
375
- //** Padding between columns. Gets divided in half for the left and right.
376
- $grid-gutter-width: 30px !default;
377
- // Navbar collapse
378
- //** Point at which the navbar becomes uncollapsed.
379
- $grid-float-breakpoint: $screen-sm !default;
380
- //** Point at which the navbar begins collapsing.
381
- $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
382
-
383
-
384
- //== Container sizes
385
- //
386
- //## Define the maximum width of `.container` for different screen sizes.
387
-
388
- // Small screen / tablet
389
- $container-tablet: (970px + $grid-gutter-width) !default;
390
- //** For `$screen-sm-min` and up.
391
- $container-sm: $container-tablet !default;
392
-
393
- // Medium screen / desktop
394
- $container-desktop: (1100px + $grid-gutter-width) !default;
395
- //** For `$screen-md-min` and up.
396
- $container-md: $container-desktop !default;
397
-
398
- // Large screen / wide desktop
399
- $container-large-desktop: (1370px + $grid-gutter-width) !default;
400
- //** For `$screen-lg-min` and up.
401
- $container-lg: $container-large-desktop !default;
402
-
403
-
404
- //== Navbar
405
- //
406
- //##
407
-
408
- // Basics of a navbar
409
- $navbar-height: 66px !default;
410
- $navbar-margin-bottom: $line-height-computed !default;
411
- $navbar-border-radius: 0 !default;
412
- $navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default;
413
- $navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2) !default;
414
- $navbar-collapse-max-height: 300px !default;
415
-
416
- $navbar-default-color: rgb(255, 255, 255) !default;
417
- $navbar-default-bg: #fff !default;
418
- $navbar-default-border: transparent !default;
419
-
420
- // Navbar links
421
- $navbar-default-link-color: rgb(255, 255, 255) !default;
422
- $navbar-default-link-hover-color: rgb(0, 0, 0) !default;
423
- $navbar-default-link-hover-bg: $brand-primary !default;
424
- $navbar-default-link-active-color: #000 !default;
425
- $navbar-default-link-active-bg: transparent !default;
426
- $navbar-default-link-disabled-color: rgb(204, 204, 204) !default;
427
- $navbar-default-link-disabled-bg: transparent !default;
428
-
429
- // Navbar brand label
430
- $navbar-default-brand-color: $gray-dark !default;
431
- $navbar-default-brand-hover-color: $navbar-default-link-hover-color !default;
432
- $navbar-default-brand-hover-bg: transparent !default;
433
-
434
- // Navbar toggle
435
- $navbar-default-toggle-hover-bg: transparent !default;
436
- $navbar-default-toggle-icon-bar-bg: $navbar-text-color !default;
437
- $navbar-default-toggle-border-color: transparent !default;
438
-
439
-
440
- //=== Inverted navbar
441
- // Reset inverted navbar basics
442
- $navbar-inverse-color: rgb(255, 255, 255) !default;
443
- $navbar-inverse-bg: #222222 !default;
444
- $navbar-inverse-border: $gray-dark !default;
445
-
446
- // Inverted navbar links
447
- $navbar-inverse-link-color: rgb(255, 255, 255) !default;
448
- $navbar-inverse-link-hover-color: $brand-primary !default;
449
- $navbar-inverse-link-hover-bg: transparent !default;
450
- $navbar-inverse-link-active-color: $brand-primary !default;
451
- $navbar-inverse-link-active-bg: transparent !default;
452
- $navbar-inverse-link-disabled-color: #444 !default;
453
- $navbar-inverse-link-disabled-bg: transparent !default;
454
-
455
- // Inverted navbar brand label
456
- $navbar-inverse-brand-color: $navbar-inverse-link-color !default;
457
- $navbar-inverse-brand-hover-color: #fff !default;
458
- $navbar-inverse-brand-hover-bg: transparent !default;
459
-
460
- // Inverted navbar toggle
461
- $navbar-inverse-toggle-hover-bg: transparent !default;
462
- $navbar-inverse-toggle-icon-bar-bg: $brand-primary !default;
463
- $navbar-inverse-toggle-border-color: transparent !default;
464
-
465
-
466
- //== Navs
467
- //
468
- //##
469
-
470
- //=== Shared nav styles
471
- $nav-link-padding: 10px 15px !default;
472
- $nav-link-hover-bg: $gray-lighter !default;
473
-
474
- $nav-disabled-link-color: $gray-light !default;
475
- $nav-disabled-link-hover-color: $gray-light !default;
476
-
477
- //== Tabs
478
- $nav-tabs-border-color: #ddd !default;
479
-
480
- $nav-tabs-link-hover-border-color: $gray-lighter !default;
481
-
482
- $nav-tabs-active-link-hover-bg: $body-bg !default;
483
- $nav-tabs-active-link-hover-color: $gray !default;
484
- $nav-tabs-active-link-hover-border-color: #ddd !default;
485
-
486
- $nav-tabs-justified-link-border-color: #ddd !default;
487
- $nav-tabs-justified-active-link-border-color: $body-bg !default;
488
-
489
- //== Pills
490
- $nav-pills-border-radius: $border-radius-base !default;
491
- $nav-pills-active-link-hover-bg: $component-active-bg !default;
492
- $nav-pills-active-link-hover-color: $component-active-color !default;
493
-
494
-
495
- //== Pagination
496
- //
497
- //##
498
-
499
- $pagination-color: $link-color !default;
500
- $pagination-bg: #fff !default;
501
- $pagination-border: #ddd !default;
502
-
503
- $pagination-hover-color: $link-hover-color !default;
504
- $pagination-hover-bg: $gray-lighter !default;
505
- $pagination-hover-border: #ddd !default;
506
-
507
- $pagination-active-color: #fff !default;
508
- $pagination-active-bg: $brand-primary !default;
509
- $pagination-active-border: $brand-primary !default;
510
-
511
- $pagination-disabled-color: $gray-light !default;
512
- $pagination-disabled-bg: #fff !default;
513
- $pagination-disabled-border: #ddd !default;
514
-
515
-
516
- //== Pager
517
- //
518
- //##
519
-
520
- $pager-bg: $pagination-bg !default;
521
- $pager-border: $pagination-border !default;
522
- $pager-border-radius: 15px !default;
523
-
524
- $pager-hover-bg: $pagination-hover-bg !default;
525
-
526
- $pager-active-bg: $pagination-active-bg !default;
527
- $pager-active-color: $pagination-active-color !default;
528
-
529
- $pager-disabled-color: $pagination-disabled-color !default;
530
-
531
-
532
- //== Jumbotron
533
- //
534
- //##
535
-
536
- $jumbotron-padding: 30px !default;
537
- $jumbotron-color: inherit !default;
538
- $jumbotron-bg: $gray-lighter !default;
539
- $jumbotron-heading-color: inherit !default;
540
- $jumbotron-font-size: ceil(($font-size-base * 1.5)) !default;
541
- $jumbotron-heading-font-size: ceil(($font-size-base * 4.5)) !default;
542
-
543
- // Custom Jumbotron colours
544
- $jumbotron-top-color: $navbar-inverse-bg !default;
545
- $jumbotron-bottom-color: $brand-primary-darker !default;
546
-
547
-
548
- //== Form states and alerts
549
- //
550
- //## Define colors for form feedback states and, by default, alerts.
551
-
552
- $state-success-text: #3c763d !default;
553
- $state-success-bg: #dff0d8 !default;
554
- $state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default;
555
-
556
- $state-info-text: #31708f !default;
557
- $state-info-bg: #d9edf7 !default;
558
- $state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default;
559
-
560
- $state-warning-text: #8a6d3b !default;
561
- $state-warning-bg: #fcf8e3 !default;
562
- $state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%) !default;
563
-
564
- $state-danger-text: #a94442 !default;
565
- $state-danger-bg: #f2dede !default;
566
- $state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) !default;
567
-
568
-
569
- //== Tooltips
570
- //
571
- //##
572
-
573
- //** Tooltip max width
574
- $tooltip-max-width: 200px !default;
575
- //** Tooltip text color
576
- $tooltip-color: #fff !default;
577
- //** Tooltip background color
578
- $tooltip-bg: #000 !default;
579
- $tooltip-opacity: .9 !default;
580
-
581
- //** Tooltip arrow width
582
- $tooltip-arrow-width: 5px !default;
583
- //** Tooltip arrow color
584
- $tooltip-arrow-color: $tooltip-bg !default;
585
-
586
-
587
- //== Popovers
588
- //
589
- //##
590
-
591
- //** Popover body background color
592
- $popover-bg: #fff !default;
593
- //** Popover maximum width
594
- $popover-max-width: 276px !default;
595
- //** Popover border color
596
- $popover-border-color: rgba(0,0,0,.2) !default;
597
- //** Popover fallback border color
598
- $popover-fallback-border-color: #ccc !default;
599
-
600
- //** Popover title background color
601
- $popover-title-bg: darken($popover-bg, 3%) !default;
602
-
603
- //** Popover arrow width
604
- $popover-arrow-width: 10px !default;
605
- //** Popover arrow color
606
- $popover-arrow-color: $popover-bg !default;
607
-
608
- //** Popover outer arrow width
609
- $popover-arrow-outer-width: ($popover-arrow-width + 1) !default;
610
- //** Popover outer arrow color
611
- $popover-arrow-outer-color: fade_in($popover-border-color, 0.05) !default;
612
- //** Popover outer arrow fallback color
613
- $popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%) !default;
614
-
615
-
616
- //== Labels
617
- //
618
- //##
619
-
620
- //** Default label background color
621
- $label-default-bg: $gray-light !default;
622
- //** Primary label background color
623
- $label-primary-bg: $brand-primary !default;
624
- //** Success label background color
625
- $label-success-bg: $brand-success !default;
626
- //** Info label background color
627
- $label-info-bg: $brand-info !default;
628
- //** Warning label background color
629
- $label-warning-bg: $brand-warning !default;
630
- //** Danger label background color
631
- $label-danger-bg: $brand-danger !default;
632
-
633
- //** Default label text color
634
- $label-color: #fff !default;
635
- //** Default text color of a linked label
636
- $label-link-hover-color: #fff !default;
637
-
638
-
639
- //== Modals
640
- //
641
- //##
642
-
643
- //** Padding applied to the modal body
644
- $modal-inner-padding: 15px !default;
645
-
646
- //** Padding applied to the modal title
647
- $modal-title-padding: 15px !default;
648
- //** Modal title line-height
649
- $modal-title-line-height: $line-height-base !default;
650
-
651
- //** Background color of modal content area
652
- $modal-content-bg: #fff !default;
653
- //** Modal content border color
654
- $modal-content-border-color: rgba(0,0,0,.2) !default;
655
- //** Modal content border color **for IE8**
656
- $modal-content-fallback-border-color: #999 !default;
657
-
658
- //** Modal backdrop background color
659
- $modal-backdrop-bg: #000 !default;
660
- //** Modal backdrop opacity
661
- $modal-backdrop-opacity: .5 !default;
662
- //** Modal header border color
663
- $modal-header-border-color: #e5e5e5 !default;
664
- //** Modal footer border color
665
- $modal-footer-border-color: $modal-header-border-color !default;
666
-
667
- $modal-lg: 900px !default;
668
- $modal-md: 600px !default;
669
- $modal-sm: 300px !default;
670
-
671
-
672
- //== Alerts
673
- //
674
- //## Define alert colors, border radius, and padding.
675
-
676
- $alert-padding: 15px !default;
677
- $alert-border-radius: $border-radius-base !default;
678
- $alert-link-font-weight: bold !default;
679
-
680
- $alert-success-bg: $state-success-bg !default;
681
- $alert-success-text: $state-success-text !default;
682
- $alert-success-border: $state-success-border !default;
683
-
684
- $alert-info-bg: $state-info-bg !default;
685
- $alert-info-text: $state-info-text !default;
686
- $alert-info-border: $state-info-border !default;
687
-
688
- $alert-warning-bg: $state-warning-bg !default;
689
- $alert-warning-text: $state-warning-text !default;
690
- $alert-warning-border: $state-warning-border !default;
691
-
692
- $alert-danger-bg: $state-danger-bg !default;
693
- $alert-danger-text: $state-danger-text !default;
694
- $alert-danger-border: $state-danger-border !default;
695
-
696
-
697
- //== Progress bars
698
- //
699
- //##
700
-
701
- //** Background color of the whole progress component
702
- $progress-bg: #f5f5f5 !default;
703
- //** Progress bar text color
704
- $progress-bar-color: #fff !default;
705
- //** Variable for setting rounded corners on progress bar.
706
- $progress-border-radius: $border-radius-base !default;
707
-
708
- //** Default progress bar color
709
- $progress-bar-bg: $brand-primary !default;
710
- //** Success progress bar color
711
- $progress-bar-success-bg: $brand-success !default;
712
- //** Warning progress bar color
713
- $progress-bar-warning-bg: $brand-warning !default;
714
- //** Danger progress bar color
715
- $progress-bar-danger-bg: $brand-danger !default;
716
- //** Info progress bar color
717
- $progress-bar-info-bg: $brand-info !default;
718
-
719
-
720
- //== List group
721
- //
722
- //##
723
-
724
- //** Background color on `.list-group-item`
725
- $list-group-bg: #fff !default;
726
- //** `.list-group-item` border color
727
- $list-group-border: #ddd !default;
728
- //** List group border radius
729
- $list-group-border-radius: $border-radius-base !default;
730
-
731
- //** Background color of single list items on hover
732
- $list-group-hover-bg: #f5f5f5 !default;
733
- //** Text color of active list items
734
- $list-group-active-color: $component-active-color !default;
735
- //** Background color of active list items
736
- $list-group-active-bg: $component-active-bg !default;
737
- //** Border color of active list elements
738
- $list-group-active-border: $list-group-active-bg !default;
739
- //** Text color for content within active list items
740
- $list-group-active-text-color: lighten($list-group-active-bg, 40%) !default;
741
-
742
- //** Text color of disabled list items
743
- $list-group-disabled-color: $gray-light !default;
744
- //** Background color of disabled list items
745
- $list-group-disabled-bg: $gray-lighter !default;
746
- //** Text color for content within disabled list items
747
- $list-group-disabled-text-color: $list-group-disabled-color !default;
748
-
749
- $list-group-link-color: #555 !default;
750
- $list-group-link-hover-color: $list-group-link-color !default;
751
- $list-group-link-heading-color: #333 !default;
752
-
753
-
754
- //== Panels
755
- //
756
- //##
757
-
758
- $panel-bg: #fff !default;
759
- $panel-body-padding: 15px !default;
760
- $panel-heading-padding: 10px 15px !default;
761
- $panel-footer-padding: $panel-heading-padding !default;
762
- $panel-border-radius: $border-radius-base !default;
763
-
764
- //** Border color for elements within panels
765
- $panel-inner-border: #ddd !default;
766
- $panel-footer-bg: #f5f5f5 !default;
767
-
768
- $panel-default-text: $gray-dark !default;
769
- $panel-default-border: #ddd !default;
770
- $panel-default-heading-bg: #f5f5f5 !default;
771
-
772
- $panel-primary-text: #fff !default;
773
- $panel-primary-border: $brand-primary !default;
774
- $panel-primary-heading-bg: $brand-primary !default;
775
-
776
- $panel-success-text: $state-success-text !default;
777
- $panel-success-border: $state-success-border !default;
778
- $panel-success-heading-bg: $state-success-bg !default;
779
-
780
- $panel-info-text: $state-info-text !default;
781
- $panel-info-border: $state-info-border !default;
782
- $panel-info-heading-bg: $state-info-bg !default;
783
-
784
- $panel-warning-text: $state-warning-text !default;
785
- $panel-warning-border: $state-warning-border !default;
786
- $panel-warning-heading-bg: $state-warning-bg !default;
787
-
788
- $panel-danger-text: $state-danger-text !default;
789
- $panel-danger-border: $state-danger-border !default;
790
- $panel-danger-heading-bg: $state-danger-bg !default;
791
-
792
-
793
- //== Thumbnails
794
- //
795
- //##
796
-
797
- //** Padding around the thumbnail image
798
- $thumbnail-padding: 4px !default;
799
- //** Thumbnail background color
800
- $thumbnail-bg: $body-bg !default;
801
- //** Thumbnail border color
802
- $thumbnail-border: #ddd !default;
803
- //** Thumbnail border radius
804
- $thumbnail-border-radius: $border-radius-base !default;
805
-
806
- //** Custom text color for thumbnail captions
807
- $thumbnail-caption-color: $text-color !default;
808
- //** Padding around the thumbnail caption
809
- $thumbnail-caption-padding: 9px !default;
810
-
811
-
812
- //== Wells
813
- //
814
- //##
815
-
816
- $well-bg: #f5f5f5 !default;
817
- $well-border: darken($well-bg, 7%) !default;
818
-
819
-
820
- //== Badges
821
- //
822
- //##
823
-
824
- $badge-color: #fff !default;
825
- //** Linked badge text color on hover
826
- $badge-link-hover-color: #fff !default;
827
- $badge-bg: $gray-light !default;
828
-
829
- //** Badge text color in active nav link
830
- $badge-active-color: $link-color !default;
831
- //** Badge background color in active nav link
832
- $badge-active-bg: #fff !default;
833
-
834
- $badge-font-weight: bold !default;
835
- $badge-line-height: 1 !default;
836
- $badge-border-radius: 10px !default;
837
-
838
-
839
- //== Breadcrumbs
840
- //
841
- //##
842
-
843
- $breadcrumb-padding-vertical: 8px !default;
844
- $breadcrumb-padding-horizontal: 15px !default;
845
- //** Breadcrumb background color
846
- $breadcrumb-bg: #f5f5f5 !default;
847
- //** Breadcrumb text color
848
- $breadcrumb-color: #ccc !default;
849
- //** Text color of current page in the breadcrumb
850
- $breadcrumb-active-color: $gray-light !default;
851
- //** Textual separator for between breadcrumb elements
852
- $breadcrumb-separator: "/" !default;
853
-
854
-
855
- //== Carousel
856
- //
857
- //##
858
-
859
- $carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6) !default;
860
-
861
- $carousel-control-color: #fff !default;
862
- $carousel-control-width: 15% !default;
863
- $carousel-control-opacity: .5 !default;
864
- $carousel-control-font-size: 20px !default;
865
-
866
- $carousel-indicator-active-bg: #fff !default;
867
- $carousel-indicator-border-color: #fff !default;
868
-
869
- $carousel-caption-color: #fff !default;
870
-
871
-
872
- //== Close
873
- //
874
- //##
875
-
876
- $close-font-weight: bold !default;
877
- $close-color: #000 !default;
878
- $close-text-shadow: 0 1px 0 #fff !default;
879
-
880
-
881
- //== Code
882
- //
883
- //##
884
-
885
- $code-color: #c7254e !default;
886
- $code-bg: #f9f2f4 !default;
887
-
888
- $kbd-color: #fff !default;
889
- $kbd-bg: #333 !default;
890
-
891
- $pre-bg: #f5f5f5 !default;
892
- $pre-color: $gray-dark !default;
893
- $pre-border-color: #ccc !default;
894
- $pre-scrollable-max-height: 340px !default;
895
-
896
-
897
- //== Type
898
- //
899
- //##
900
-
901
- //** Horizontal offset for forms and lists.
902
- $component-offset-horizontal: 180px !default;
903
- //** Text muted color
904
- $text-muted: $gray-light !default;
905
- //** Abbreviations and acronyms border color
906
- $abbr-border-color: $gray-light !default;
907
- //** Headings small color
908
- $headings-small-color: $gray-light !default;
909
- //** Blockquote small color
910
- $blockquote-small-color: $gray-light !default;
911
- //** Blockquote font size
912
- $blockquote-font-size: ($font-size-base * 1.25) !default;
913
- //** Blockquote border color
914
- $blockquote-border-color: $gray-lighter !default;
915
- //** Page header border color
916
- $page-header-border-color: $gray-lighter !default;
917
- //** Width of horizontal description list titles
918
- $dl-horizontal-offset: $component-offset-horizontal !default;
919
- //** Point at which .dl-horizontal becomes horizontal
920
- $dl-horizontal-breakpoint: $grid-float-breakpoint !default;
921
- //** Horizontal line color.
922
- $hr-border: $gray-lighter !default;
923
-
924
- // Custom Jumbotron Settings
925
- $jumbotron-height: 400px;
926
- $overlay: 0.5;
927
- $jumbotron-font-size-xs: 26px;
928
- $jumbotron-font-size: 32px;
929
- $jumbotron-heading-color: #fff !default;
930
- $jumbotron-sub-title-font-size-xs: 16px;
931
- $jumbotron-sub-title-font-size: 18px;
932
- $jumbotron-sub-title-color: #fff !default;
1
+ // Variables
2
+ //
3
+ // Variables should follow the `$component-state-property-size` formula for
4
+ // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
5
+
6
+
7
+ //
8
+ // Color system
9
+ //
10
+
11
+ $white: #fff !default;
12
+ $gray-100: #f8f9fa !default;
13
+ $gray-200: #e9ecef !default;
14
+ $gray-300: #dee2e6 !default;
15
+ $gray-400: #ced4da !default;
16
+ $gray-500: #adb5bd !default;
17
+ $gray-600: #6c757d !default;
18
+ $gray-700: #495057 !default;
19
+ $gray-800: #343a40 !default;
20
+ $gray-900: #212529 !default;
21
+ $black: #000 !default;
22
+
23
+ $grays: () !default;
24
+ // stylelint-disable-next-line scss/dollar-variable-default
25
+ $grays: map-merge(
26
+ (
27
+ "100": $gray-100,
28
+ "200": $gray-200,
29
+ "300": $gray-300,
30
+ "400": $gray-400,
31
+ "500": $gray-500,
32
+ "600": $gray-600,
33
+ "700": $gray-700,
34
+ "800": $gray-800,
35
+ "900": $gray-900
36
+ ),
37
+ $grays
38
+ );
39
+
40
+
41
+ $blue: #007bff !default;
42
+ $indigo: #6610f2 !default;
43
+ $purple: #6f42c1 !default;
44
+ $pink: #e83e8c !default;
45
+ $red: #dc3545 !default;
46
+ $orange: #fd7e14 !default;
47
+ $yellow: #ffc107 !default;
48
+ $green: #28a745 !default;
49
+ $teal: #20c997 !default;
50
+ $cyan: #17a2b8 !default;
51
+
52
+ $colors: () !default;
53
+ // stylelint-disable-next-line scss/dollar-variable-default
54
+ $colors: map-merge(
55
+ (
56
+ "blue": $blue,
57
+ "indigo": $indigo,
58
+ "purple": $purple,
59
+ "pink": $pink,
60
+ "red": $red,
61
+ "orange": $orange,
62
+ "yellow": $yellow,
63
+ "green": $green,
64
+ "teal": $teal,
65
+ "cyan": $cyan,
66
+ "white": $white,
67
+ "gray": $gray-600,
68
+ "gray-dark": $gray-800
69
+ ),
70
+ $colors
71
+ );
72
+
73
+ $primary: $blue !default;
74
+ $secondary: $gray-600 !default;
75
+ $success: $green !default;
76
+ $info: $cyan !default;
77
+ $warning: $yellow !default;
78
+ $danger: $red !default;
79
+ $light: $gray-100 !default;
80
+ $dark: $gray-800 !default;
81
+
82
+ $theme-colors: () !default;
83
+ // stylelint-disable-next-line scss/dollar-variable-default
84
+ $theme-colors: map-merge(
85
+ (
86
+ "primary": $primary,
87
+ "secondary": $secondary,
88
+ "success": $success,
89
+ "info": $info,
90
+ "warning": $warning,
91
+ "danger": $danger,
92
+ "light": $light,
93
+ "dark": $dark
94
+ ),
95
+ $theme-colors
96
+ );
97
+
98
+ // Set a specific jump point for requesting color jumps
99
+ $theme-color-interval: 8% !default;
100
+
101
+ // The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
102
+ $yiq-contrasted-threshold: 150 !default;
103
+
104
+ // Customize the light and dark text colors for use in our YIQ color contrast function.
105
+ $yiq-text-dark: $gray-900 !default;
106
+ $yiq-text-light: $white !default;
107
+
108
+ // Options
109
+ //
110
+ // Quickly modify global styling by enabling or disabling optional features.
111
+
112
+ $enable-caret: true !default;
113
+ $enable-rounded: true !default;
114
+ $enable-shadows: false !default;
115
+ $enable-gradients: false !default;
116
+ $enable-transitions: true !default;
117
+ $enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS
118
+ $enable-grid-classes: true !default;
119
+ $enable-print-styles: true !default;
120
+
121
+
122
+ // Spacing
123
+ //
124
+ // Control the default styling of most Bootstrap elements by modifying these
125
+ // variables. Mostly focused on spacing.
126
+ // You can add more entries to the $spacers map, should you need more variation.
127
+
128
+ $spacer: 1rem !default;
129
+ $spacers: () !default;
130
+ // stylelint-disable-next-line scss/dollar-variable-default
131
+ $spacers: map-merge(
132
+ (
133
+ 0: 0,
134
+ 1: ($spacer * .25),
135
+ 2: ($spacer * .5),
136
+ 3: $spacer,
137
+ 4: ($spacer * 1.5),
138
+ 5: ($spacer * 3)
139
+ ),
140
+ $spacers
141
+ );
142
+
143
+ // This variable affects the `.h-*` and `.w-*` classes.
144
+ $sizes: () !default;
145
+ // stylelint-disable-next-line scss/dollar-variable-default
146
+ $sizes: map-merge(
147
+ (
148
+ 25: 25%,
149
+ 50: 50%,
150
+ 75: 75%,
151
+ 100: 100%,
152
+ auto: auto
153
+ ),
154
+ $sizes
155
+ );
156
+
157
+ // Body
158
+ //
159
+ // Settings for the `<body>` element.
160
+
161
+ $body-bg: $white !default;
162
+ $body-color: $gray-900 !default;
163
+
164
+ // Links
165
+ //
166
+ // Style anchor elements.
167
+
168
+ $link-color: theme-color("primary") !default;
169
+ $link-decoration: none !default;
170
+ $link-hover-color: darken($link-color, 15%) !default;
171
+ $link-hover-decoration: underline !default;
172
+
173
+ // Paragraphs
174
+ //
175
+ // Style p element.
176
+
177
+ $paragraph-margin-bottom: 1rem !default;
178
+
179
+
180
+ // Grid breakpoints
181
+ //
182
+ // Define the minimum dimensions at which your layout will change,
183
+ // adapting to different screen sizes, for use in media queries.
184
+
185
+ $grid-breakpoints: (
186
+ xs: 0,
187
+ sm: 576px,
188
+ md: 768px,
189
+ lg: 992px,
190
+ xl: 1200px
191
+ ) !default;
192
+
193
+ @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
194
+ @include _assert-starts-at-zero($grid-breakpoints);
195
+
196
+
197
+ // Grid containers
198
+ //
199
+ // Define the maximum width of `.container` for different screen sizes.
200
+
201
+ $container-max-widths: (
202
+ sm: 540px,
203
+ md: 720px,
204
+ lg: 960px,
205
+ xl: 1140px
206
+ ) !default;
207
+
208
+ @include _assert-ascending($container-max-widths, "$container-max-widths");
209
+
210
+
211
+ // Grid columns
212
+ //
213
+ // Set the number of columns and specify the width of the gutters.
214
+
215
+ $grid-columns: 12 !default;
216
+ $grid-gutter-width: 30px !default;
217
+
218
+ // Components
219
+ //
220
+ // Define common padding and border radius sizes and more.
221
+
222
+ $line-height-lg: 1.5 !default;
223
+ $line-height-sm: 1.5 !default;
224
+
225
+ $border-width: 1px !default;
226
+ $border-color: $gray-300 !default;
227
+
228
+ $border-radius: .25rem !default;
229
+ $border-radius-lg: .3rem !default;
230
+ $border-radius-sm: .2rem !default;
231
+
232
+ $box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;
233
+ $box-shadow: 0 .5rem 1rem rgba($black, .15) !default;
234
+ $box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;
235
+
236
+ $component-active-color: $white !default;
237
+ $component-active-bg: theme-color("primary") !default;
238
+
239
+ $caret-width: .3em !default;
240
+
241
+ $transition-base: all .2s ease-in-out !default;
242
+ $transition-fade: opacity .15s linear !default;
243
+ $transition-collapse: height .35s ease !default;
244
+
245
+
246
+ // Fonts
247
+ //
248
+ // Font, line-height, and color for body text, headings, and more.
249
+
250
+ // stylelint-disable value-keyword-case
251
+ $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
252
+ $font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
253
+ $font-family-base: $font-family-sans-serif !default;
254
+ // stylelint-enable value-keyword-case
255
+
256
+ $font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
257
+ $font-size-lg: ($font-size-base * 1.25) !default;
258
+ $font-size-sm: ($font-size-base * .875) !default;
259
+
260
+ $font-weight-light: 300 !default;
261
+ $font-weight-normal: 400 !default;
262
+ $font-weight-bold: 700 !default;
263
+
264
+ $font-weight-base: $font-weight-normal !default;
265
+ $line-height-base: 1.5 !default;
266
+
267
+ $h1-font-size: $font-size-base * 2.5 !default;
268
+ $h2-font-size: $font-size-base * 2 !default;
269
+ $h3-font-size: $font-size-base * 1.75 !default;
270
+ $h4-font-size: $font-size-base * 1.5 !default;
271
+ $h5-font-size: $font-size-base * 1.25 !default;
272
+ $h6-font-size: $font-size-base !default;
273
+
274
+ $headings-margin-bottom: ($spacer / 2) !default;
275
+ $headings-font-family: inherit !default;
276
+ $headings-font-weight: 500 !default;
277
+ $headings-line-height: 1.2 !default;
278
+ $headings-color: inherit !default;
279
+
280
+ $display1-size: 6rem !default;
281
+ $display2-size: 5.5rem !default;
282
+ $display3-size: 4.5rem !default;
283
+ $display4-size: 3.5rem !default;
284
+
285
+ $display1-weight: 300 !default;
286
+ $display2-weight: 300 !default;
287
+ $display3-weight: 300 !default;
288
+ $display4-weight: 300 !default;
289
+ $display-line-height: $headings-line-height !default;
290
+
291
+ $lead-font-size: ($font-size-base * 1.25) !default;
292
+ $lead-font-weight: 300 !default;
293
+
294
+ $small-font-size: 80% !default;
295
+
296
+ $text-muted: $gray-600 !default;
297
+
298
+ $blockquote-small-color: $gray-600 !default;
299
+ $blockquote-font-size: ($font-size-base * 1.25) !default;
300
+
301
+ $hr-border-color: rgba($black, .1) !default;
302
+ $hr-border-width: $border-width !default;
303
+
304
+ $mark-padding: .2em !default;
305
+
306
+ $dt-font-weight: $font-weight-bold !default;
307
+
308
+ $kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;
309
+ $nested-kbd-font-weight: $font-weight-bold !default;
310
+
311
+ $list-inline-padding: .5rem !default;
312
+
313
+ $mark-bg: #fcf8e3 !default;
314
+
315
+ $hr-margin-y: $spacer !default;
316
+
317
+
318
+ // Tables
319
+ //
320
+ // Customizes the `.table` component with basic values, each used across all table variations.
321
+
322
+ $table-cell-padding: .75rem !default;
323
+ $table-cell-padding-sm: .3rem !default;
324
+
325
+ $table-bg: transparent !default;
326
+ $table-accent-bg: rgba($black, .05) !default;
327
+ $table-hover-bg: rgba($black, .075) !default;
328
+ $table-active-bg: $table-hover-bg !default;
329
+
330
+ $table-border-width: $border-width !default;
331
+ $table-border-color: $gray-300 !default;
332
+
333
+ $table-head-bg: $gray-200 !default;
334
+ $table-head-color: $gray-700 !default;
335
+
336
+ $table-dark-bg: $gray-900 !default;
337
+ $table-dark-accent-bg: rgba($white, .05) !default;
338
+ $table-dark-hover-bg: rgba($white, .075) !default;
339
+ $table-dark-border-color: lighten($gray-900, 7.5%) !default;
340
+ $table-dark-color: $body-bg !default;
341
+
342
+ $table-striped-order: odd !default;
343
+
344
+ $table-caption-color: $text-muted !default;
345
+
346
+ // Buttons + Forms
347
+ //
348
+ // Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
349
+
350
+ $input-btn-padding-y: .375rem !default;
351
+ $input-btn-padding-x: .75rem !default;
352
+ $input-btn-line-height: $line-height-base !default;
353
+
354
+ $input-btn-focus-width: .2rem !default;
355
+ $input-btn-focus-color: rgba($component-active-bg, .25) !default;
356
+ $input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
357
+
358
+ $input-btn-padding-y-sm: .25rem !default;
359
+ $input-btn-padding-x-sm: .5rem !default;
360
+ $input-btn-line-height-sm: $line-height-sm !default;
361
+
362
+ $input-btn-padding-y-lg: .5rem !default;
363
+ $input-btn-padding-x-lg: 1rem !default;
364
+ $input-btn-line-height-lg: $line-height-lg !default;
365
+
366
+ $input-btn-border-width: $border-width !default;
367
+
368
+
369
+ // Buttons
370
+ //
371
+ // For each of Bootstrap's buttons, define text, background, and border color.
372
+
373
+ $btn-padding-y: $input-btn-padding-y !default;
374
+ $btn-padding-x: $input-btn-padding-x !default;
375
+ $btn-line-height: $input-btn-line-height !default;
376
+
377
+ $btn-padding-y-sm: $input-btn-padding-y-sm !default;
378
+ $btn-padding-x-sm: $input-btn-padding-x-sm !default;
379
+ $btn-line-height-sm: $input-btn-line-height-sm !default;
380
+
381
+ $btn-padding-y-lg: $input-btn-padding-y-lg !default;
382
+ $btn-padding-x-lg: $input-btn-padding-x-lg !default;
383
+ $btn-line-height-lg: $input-btn-line-height-lg !default;
384
+
385
+ $btn-border-width: $input-btn-border-width !default;
386
+
387
+ $btn-font-weight: $font-weight-normal !default;
388
+ $btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;
389
+ $btn-focus-width: $input-btn-focus-width !default;
390
+ $btn-focus-box-shadow: $input-btn-focus-box-shadow !default;
391
+ $btn-disabled-opacity: .65 !default;
392
+ $btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;
393
+
394
+ $btn-link-disabled-color: $gray-600 !default;
395
+
396
+ $btn-block-spacing-y: .5rem !default;
397
+
398
+ // Allows for customizing button radius independently from global border radius
399
+ $btn-border-radius: $border-radius !default;
400
+ $btn-border-radius-lg: $border-radius-lg !default;
401
+ $btn-border-radius-sm: $border-radius-sm !default;
402
+
403
+ $btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
404
+
405
+
406
+ // Forms
407
+
408
+ $label-margin-bottom: .5rem !default;
409
+
410
+ $input-padding-y: $input-btn-padding-y !default;
411
+ $input-padding-x: $input-btn-padding-x !default;
412
+ $input-line-height: $input-btn-line-height !default;
413
+
414
+ $input-padding-y-sm: $input-btn-padding-y-sm !default;
415
+ $input-padding-x-sm: $input-btn-padding-x-sm !default;
416
+ $input-line-height-sm: $input-btn-line-height-sm !default;
417
+
418
+ $input-padding-y-lg: $input-btn-padding-y-lg !default;
419
+ $input-padding-x-lg: $input-btn-padding-x-lg !default;
420
+ $input-line-height-lg: $input-btn-line-height-lg !default;
421
+
422
+ $input-bg: $white !default;
423
+ $input-disabled-bg: $gray-200 !default;
424
+
425
+ $input-color: $gray-700 !default;
426
+ $input-border-color: $gray-400 !default;
427
+ $input-border-width: $input-btn-border-width !default;
428
+ $input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;
429
+
430
+ $input-border-radius: $border-radius !default;
431
+ $input-border-radius-lg: $border-radius-lg !default;
432
+ $input-border-radius-sm: $border-radius-sm !default;
433
+
434
+ $input-focus-bg: $input-bg !default;
435
+ $input-focus-border-color: lighten($component-active-bg, 25%) !default;
436
+ $input-focus-color: $input-color !default;
437
+ $input-focus-width: $input-btn-focus-width !default;
438
+ $input-focus-box-shadow: $input-btn-focus-box-shadow !default;
439
+
440
+ $input-placeholder-color: $gray-600 !default;
441
+ $input-plaintext-color: $body-color !default;
442
+
443
+ $input-height-border: $input-border-width * 2 !default;
444
+
445
+ $input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;
446
+ $input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default;
447
+
448
+ $input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;
449
+ $input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;
450
+
451
+ $input-height-inner-lg: ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;
452
+ $input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;
453
+
454
+ $input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
455
+
456
+ $form-text-margin-top: .25rem !default;
457
+
458
+ $form-check-input-gutter: 1.25rem !default;
459
+ $form-check-input-margin-y: .3rem !default;
460
+ $form-check-input-margin-x: .25rem !default;
461
+
462
+ $form-check-inline-margin-x: .75rem !default;
463
+ $form-check-inline-input-margin-x: .3125rem !default;
464
+
465
+ $form-group-margin-bottom: 1rem !default;
466
+
467
+ $input-group-addon-color: $input-color !default;
468
+ $input-group-addon-bg: $gray-200 !default;
469
+ $input-group-addon-border-color: $input-border-color !default;
470
+
471
+ $custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
472
+
473
+ $custom-control-gutter: 1.5rem !default;
474
+ $custom-control-spacer-x: 1rem !default;
475
+
476
+ $custom-control-indicator-size: 1rem !default;
477
+ $custom-control-indicator-bg: $gray-300 !default;
478
+ $custom-control-indicator-bg-size: 50% 50% !default;
479
+ $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;
480
+
481
+ $custom-control-indicator-disabled-bg: $gray-200 !default;
482
+ $custom-control-label-disabled-color: $gray-600 !default;
483
+
484
+ $custom-control-indicator-checked-color: $component-active-color !default;
485
+ $custom-control-indicator-checked-bg: $component-active-bg !default;
486
+ $custom-control-indicator-checked-disabled-bg: rgba(theme-color("primary"), .5) !default;
487
+ $custom-control-indicator-checked-box-shadow: none !default;
488
+
489
+ $custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;
490
+
491
+ $custom-control-indicator-active-color: $component-active-color !default;
492
+ $custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;
493
+ $custom-control-indicator-active-box-shadow: none !default;
494
+
495
+ $custom-checkbox-indicator-border-radius: $border-radius !default;
496
+ $custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;
497
+
498
+ $custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;
499
+ $custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
500
+ $custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default;
501
+ $custom-checkbox-indicator-indeterminate-box-shadow: none !default;
502
+
503
+ $custom-radio-indicator-border-radius: 50% !default;
504
+ $custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default;
505
+
506
+ $custom-select-padding-y: .375rem !default;
507
+ $custom-select-padding-x: .75rem !default;
508
+ $custom-select-height: $input-height !default;
509
+ $custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator
510
+ $custom-select-line-height: $input-btn-line-height !default;
511
+ $custom-select-color: $input-color !default;
512
+ $custom-select-disabled-color: $gray-600 !default;
513
+ $custom-select-bg: $input-bg !default;
514
+ $custom-select-disabled-bg: $gray-200 !default;
515
+ $custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions
516
+ $custom-select-indicator-color: $gray-800 !default;
517
+ $custom-select-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default;
518
+ $custom-select-border-width: $input-btn-border-width !default;
519
+ $custom-select-border-color: $input-border-color !default;
520
+ $custom-select-border-radius: $border-radius !default;
521
+ $custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;
522
+
523
+ $custom-select-focus-border-color: $input-focus-border-color !default;
524
+ $custom-select-focus-width: $input-btn-focus-width !default;
525
+ $custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width rgba($custom-select-focus-border-color, .5) !default;
526
+
527
+ $custom-select-font-size-sm: 75% !default;
528
+ $custom-select-height-sm: $input-height-sm !default;
529
+
530
+ $custom-select-font-size-lg: 125% !default;
531
+ $custom-select-height-lg: $input-height-lg !default;
532
+
533
+ $custom-range-track-width: 100% !default;
534
+ $custom-range-track-height: .5rem !default;
535
+ $custom-range-track-cursor: pointer !default;
536
+ $custom-range-track-bg: $gray-300 !default;
537
+ $custom-range-track-border-radius: 1rem !default;
538
+ $custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;
539
+
540
+ $custom-range-thumb-width: 1rem !default;
541
+ $custom-range-thumb-height: $custom-range-thumb-width !default;
542
+ $custom-range-thumb-bg: $component-active-bg !default;
543
+ $custom-range-thumb-border: 0 !default;
544
+ $custom-range-thumb-border-radius: 1rem !default;
545
+ $custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;
546
+ $custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;
547
+ $custom-range-thumb-focus-box-shadow-width: $input-btn-focus-width !default; // For focus box shadow issue in IE/Edge
548
+ $custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;
549
+
550
+ $custom-file-height: $input-height !default;
551
+ $custom-file-height-inner: $input-height-inner !default;
552
+ $custom-file-focus-border-color: $input-focus-border-color !default;
553
+ $custom-file-focus-box-shadow: $input-btn-focus-box-shadow !default;
554
+ $custom-file-disabled-bg: $input-disabled-bg !default;
555
+
556
+ $custom-file-padding-y: $input-btn-padding-y !default;
557
+ $custom-file-padding-x: $input-btn-padding-x !default;
558
+ $custom-file-line-height: $input-btn-line-height !default;
559
+ $custom-file-color: $input-color !default;
560
+ $custom-file-bg: $input-bg !default;
561
+ $custom-file-border-width: $input-btn-border-width !default;
562
+ $custom-file-border-color: $input-border-color !default;
563
+ $custom-file-border-radius: $input-border-radius !default;
564
+ $custom-file-box-shadow: $input-box-shadow !default;
565
+ $custom-file-button-color: $custom-file-color !default;
566
+ $custom-file-button-bg: $input-group-addon-bg !default;
567
+ $custom-file-text: (
568
+ en: "Browse"
569
+ ) !default;
570
+
571
+
572
+ // Form validation
573
+ $form-feedback-margin-top: $form-text-margin-top !default;
574
+ $form-feedback-font-size: $small-font-size !default;
575
+ $form-feedback-valid-color: theme-color("success") !default;
576
+ $form-feedback-invalid-color: theme-color("danger") !default;
577
+
578
+
579
+ // Dropdowns
580
+ //
581
+ // Dropdown menu container and contents.
582
+
583
+ $dropdown-min-width: 10rem !default;
584
+ $dropdown-padding-y: .5rem !default;
585
+ $dropdown-spacer: .125rem !default;
586
+ $dropdown-bg: $white !default;
587
+ $dropdown-border-color: rgba($black, .15) !default;
588
+ $dropdown-border-radius: $border-radius !default;
589
+ $dropdown-border-width: $border-width !default;
590
+ $dropdown-divider-bg: $gray-200 !default;
591
+ $dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;
592
+
593
+ $dropdown-link-color: $gray-900 !default;
594
+ $dropdown-link-hover-color: darken($gray-900, 5%) !default;
595
+ $dropdown-link-hover-bg: $gray-100 !default;
596
+
597
+ $dropdown-link-active-color: $component-active-color !default;
598
+ $dropdown-link-active-bg: $component-active-bg !default;
599
+
600
+ $dropdown-link-disabled-color: $gray-600 !default;
601
+
602
+ $dropdown-item-padding-y: .25rem !default;
603
+ $dropdown-item-padding-x: 1.5rem !default;
604
+
605
+ $dropdown-header-color: $gray-600 !default;
606
+
607
+
608
+ // Z-index master list
609
+ //
610
+ // Warning: Avoid customizing these values. They're used for a bird's eye view
611
+ // of components dependent on the z-axis and are designed to all work together.
612
+
613
+ $zindex-dropdown: 1000 !default;
614
+ $zindex-sticky: 1020 !default;
615
+ $zindex-fixed: 1030 !default;
616
+ $zindex-modal-backdrop: 1040 !default;
617
+ $zindex-modal: 1050 !default;
618
+ $zindex-popover: 1060 !default;
619
+ $zindex-tooltip: 1070 !default;
620
+
621
+ // Navs
622
+
623
+ $nav-link-padding-y: .5rem !default;
624
+ $nav-link-padding-x: 1rem !default;
625
+ $nav-link-disabled-color: $gray-600 !default;
626
+
627
+ $nav-tabs-border-color: $gray-300 !default;
628
+ $nav-tabs-border-width: $border-width !default;
629
+ $nav-tabs-border-radius: $border-radius !default;
630
+ $nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;
631
+ $nav-tabs-link-active-color: $gray-700 !default;
632
+ $nav-tabs-link-active-bg: $body-bg !default;
633
+ $nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;
634
+
635
+ $nav-pills-border-radius: $border-radius !default;
636
+ $nav-pills-link-active-color: $component-active-color !default;
637
+ $nav-pills-link-active-bg: $component-active-bg !default;
638
+
639
+ $nav-divider-color: $gray-200 !default;
640
+ $nav-divider-margin-y: ($spacer / 2) !default;
641
+
642
+ // Navbar
643
+
644
+ $navbar-padding-y: ($spacer / 2) !default;
645
+ $navbar-padding-x: $spacer !default;
646
+
647
+ $navbar-nav-link-padding-x: .5rem !default;
648
+
649
+ $navbar-brand-font-size: $font-size-lg !default;
650
+ // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
651
+ $nav-link-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;
652
+ $navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;
653
+ $navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;
654
+
655
+ $navbar-toggler-padding-y: .25rem !default;
656
+ $navbar-toggler-padding-x: .75rem !default;
657
+ $navbar-toggler-font-size: $font-size-lg !default;
658
+ $navbar-toggler-border-radius: $btn-border-radius !default;
659
+
660
+ $navbar-dark-color: rgba($white, .5) !default;
661
+ $navbar-dark-hover-color: rgba($white, .75) !default;
662
+ $navbar-dark-active-color: $white !default;
663
+ $navbar-dark-disabled-color: rgba($white, .25) !default;
664
+ $navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
665
+ $navbar-dark-toggler-border-color: rgba($white, .1) !default;
666
+
667
+ $navbar-light-color: rgba($black, .5) !default;
668
+ $navbar-light-hover-color: rgba($black, .7) !default;
669
+ $navbar-light-active-color: rgba($black, .9) !default;
670
+ $navbar-light-disabled-color: rgba($black, .3) !default;
671
+ $navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
672
+ $navbar-light-toggler-border-color: rgba($black, .1) !default;
673
+
674
+ // Pagination
675
+
676
+ $pagination-padding-y: .5rem !default;
677
+ $pagination-padding-x: .75rem !default;
678
+ $pagination-padding-y-sm: .25rem !default;
679
+ $pagination-padding-x-sm: .5rem !default;
680
+ $pagination-padding-y-lg: .75rem !default;
681
+ $pagination-padding-x-lg: 1.5rem !default;
682
+ $pagination-line-height: 1.25 !default;
683
+
684
+ $pagination-color: $link-color !default;
685
+ $pagination-bg: $white !default;
686
+ $pagination-border-width: $border-width !default;
687
+ $pagination-border-color: $gray-300 !default;
688
+
689
+ $pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;
690
+ $pagination-focus-outline: 0 !default;
691
+
692
+ $pagination-hover-color: $link-hover-color !default;
693
+ $pagination-hover-bg: $gray-200 !default;
694
+ $pagination-hover-border-color: $gray-300 !default;
695
+
696
+ $pagination-active-color: $component-active-color !default;
697
+ $pagination-active-bg: $component-active-bg !default;
698
+ $pagination-active-border-color: $pagination-active-bg !default;
699
+
700
+ $pagination-disabled-color: $gray-600 !default;
701
+ $pagination-disabled-bg: $white !default;
702
+ $pagination-disabled-border-color: $gray-300 !default;
703
+
704
+
705
+ // Jumbotron
706
+
707
+ $jumbotron-padding: 2rem !default;
708
+ $jumbotron-bg: $gray-200 !default;
709
+
710
+
711
+ // Cards
712
+
713
+ $card-spacer-y: .75rem !default;
714
+ $card-spacer-x: 1.25rem !default;
715
+ $card-border-width: $border-width !default;
716
+ $card-border-radius: $border-radius !default;
717
+ $card-border-color: rgba($black, .125) !default;
718
+ $card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;
719
+ $card-cap-bg: rgba($black, .03) !default;
720
+ $card-bg: $white !default;
721
+
722
+ $card-img-overlay-padding: 1.25rem !default;
723
+
724
+ $card-group-margin: ($grid-gutter-width / 2) !default;
725
+ $card-deck-margin: $card-group-margin !default;
726
+
727
+ $card-columns-count: 3 !default;
728
+ $card-columns-gap: 1.25rem !default;
729
+ $card-columns-margin: $card-spacer-y !default;
730
+
731
+
732
+ // Tooltips
733
+
734
+ $tooltip-font-size: $font-size-sm !default;
735
+ $tooltip-max-width: 200px !default;
736
+ $tooltip-color: $white !default;
737
+ $tooltip-bg: $black !default;
738
+ $tooltip-border-radius: $border-radius !default;
739
+ $tooltip-opacity: .9 !default;
740
+ $tooltip-padding-y: .25rem !default;
741
+ $tooltip-padding-x: .5rem !default;
742
+ $tooltip-margin: 0 !default;
743
+
744
+ $tooltip-arrow-width: .8rem !default;
745
+ $tooltip-arrow-height: .4rem !default;
746
+ $tooltip-arrow-color: $tooltip-bg !default;
747
+
748
+
749
+ // Popovers
750
+
751
+ $popover-font-size: $font-size-sm !default;
752
+ $popover-bg: $white !default;
753
+ $popover-max-width: 276px !default;
754
+ $popover-border-width: $border-width !default;
755
+ $popover-border-color: rgba($black, .2) !default;
756
+ $popover-border-radius: $border-radius-lg !default;
757
+ $popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;
758
+
759
+ $popover-header-bg: darken($popover-bg, 3%) !default;
760
+ $popover-header-color: $headings-color !default;
761
+ $popover-header-padding-y: .5rem !default;
762
+ $popover-header-padding-x: .75rem !default;
763
+
764
+ $popover-body-color: $body-color !default;
765
+ $popover-body-padding-y: $popover-header-padding-y !default;
766
+ $popover-body-padding-x: $popover-header-padding-x !default;
767
+
768
+ $popover-arrow-width: 1rem !default;
769
+ $popover-arrow-height: .5rem !default;
770
+ $popover-arrow-color: $popover-bg !default;
771
+
772
+ $popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;
773
+
774
+
775
+ // Badges
776
+
777
+ $badge-font-size: 75% !default;
778
+ $badge-font-weight: $font-weight-bold !default;
779
+ $badge-padding-y: .25em !default;
780
+ $badge-padding-x: .4em !default;
781
+ $badge-border-radius: $border-radius !default;
782
+
783
+ $badge-pill-padding-x: .6em !default;
784
+ // Use a higher than normal value to ensure completely rounded edges when
785
+ // customizing padding or font-size on labels.
786
+ $badge-pill-border-radius: 10rem !default;
787
+
788
+
789
+ // Modals
790
+
791
+ // Padding applied to the modal body
792
+ $modal-inner-padding: 1rem !default;
793
+
794
+ $modal-dialog-margin: .5rem !default;
795
+ $modal-dialog-margin-y-sm-up: 1.75rem !default;
796
+
797
+ $modal-title-line-height: $line-height-base !default;
798
+
799
+ $modal-content-bg: $white !default;
800
+ $modal-content-border-color: rgba($black, .2) !default;
801
+ $modal-content-border-width: $border-width !default;
802
+ $modal-content-border-radius: $border-radius-lg !default;
803
+ $modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;
804
+ $modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;
805
+
806
+ $modal-backdrop-bg: $black !default;
807
+ $modal-backdrop-opacity: .5 !default;
808
+ $modal-header-border-color: $gray-200 !default;
809
+ $modal-footer-border-color: $modal-header-border-color !default;
810
+ $modal-header-border-width: $modal-content-border-width !default;
811
+ $modal-footer-border-width: $modal-header-border-width !default;
812
+ $modal-header-padding: 1rem !default;
813
+
814
+ $modal-lg: 800px !default;
815
+ $modal-md: 500px !default;
816
+ $modal-sm: 300px !default;
817
+
818
+ $modal-transition: transform .3s ease-out !default;
819
+
820
+
821
+ // Alerts
822
+ //
823
+ // Define alert colors, border radius, and padding.
824
+
825
+ $alert-padding-y: .75rem !default;
826
+ $alert-padding-x: 1.25rem !default;
827
+ $alert-margin-bottom: 1rem !default;
828
+ $alert-border-radius: $border-radius !default;
829
+ $alert-link-font-weight: $font-weight-bold !default;
830
+ $alert-border-width: $border-width !default;
831
+
832
+ $alert-bg-level: -10 !default;
833
+ $alert-border-level: -9 !default;
834
+ $alert-color-level: 6 !default;
835
+
836
+
837
+ // Progress bars
838
+
839
+ $progress-height: 1rem !default;
840
+ $progress-font-size: ($font-size-base * .75) !default;
841
+ $progress-bg: $gray-200 !default;
842
+ $progress-border-radius: $border-radius !default;
843
+ $progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;
844
+ $progress-bar-color: $white !default;
845
+ $progress-bar-bg: theme-color("primary") !default;
846
+ $progress-bar-animation-timing: 1s linear infinite !default;
847
+ $progress-bar-transition: width .6s ease !default;
848
+
849
+ // List group
850
+
851
+ $list-group-bg: $white !default;
852
+ $list-group-border-color: rgba($black, .125) !default;
853
+ $list-group-border-width: $border-width !default;
854
+ $list-group-border-radius: $border-radius !default;
855
+
856
+ $list-group-item-padding-y: .75rem !default;
857
+ $list-group-item-padding-x: 1.25rem !default;
858
+
859
+ $list-group-hover-bg: $gray-100 !default;
860
+ $list-group-active-color: $component-active-color !default;
861
+ $list-group-active-bg: $component-active-bg !default;
862
+ $list-group-active-border-color: $list-group-active-bg !default;
863
+
864
+ $list-group-disabled-color: $gray-600 !default;
865
+ $list-group-disabled-bg: $list-group-bg !default;
866
+
867
+ $list-group-action-color: $gray-700 !default;
868
+ $list-group-action-hover-color: $list-group-action-color !default;
869
+
870
+ $list-group-action-active-color: $body-color !default;
871
+ $list-group-action-active-bg: $gray-200 !default;
872
+
873
+
874
+ // Image thumbnails
875
+
876
+ $thumbnail-padding: .25rem !default;
877
+ $thumbnail-bg: $body-bg !default;
878
+ $thumbnail-border-width: $border-width !default;
879
+ $thumbnail-border-color: $gray-300 !default;
880
+ $thumbnail-border-radius: $border-radius !default;
881
+ $thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;
882
+
883
+
884
+ // Figures
885
+
886
+ $figure-caption-font-size: 90% !default;
887
+ $figure-caption-color: $gray-600 !default;
888
+
889
+
890
+ // Breadcrumbs
891
+
892
+ $breadcrumb-padding-y: .75rem !default;
893
+ $breadcrumb-padding-x: 1rem !default;
894
+ $breadcrumb-item-padding: .5rem !default;
895
+
896
+ $breadcrumb-margin-bottom: 1rem !default;
897
+
898
+ $breadcrumb-bg: $gray-200 !default;
899
+ $breadcrumb-divider-color: $gray-600 !default;
900
+ $breadcrumb-active-color: $gray-600 !default;
901
+ $breadcrumb-divider: quote("/") !default;
902
+
903
+ $breadcrumb-border-radius: $border-radius !default;
904
+
905
+
906
+ // Carousel
907
+
908
+ $carousel-control-color: $white !default;
909
+ $carousel-control-width: 15% !default;
910
+ $carousel-control-opacity: .5 !default;
911
+
912
+ $carousel-indicator-width: 30px !default;
913
+ $carousel-indicator-height: 3px !default;
914
+ $carousel-indicator-spacer: 3px !default;
915
+ $carousel-indicator-active-bg: $white !default;
916
+
917
+ $carousel-caption-width: 70% !default;
918
+ $carousel-caption-color: $white !default;
919
+
920
+ $carousel-control-icon-width: 20px !default;
921
+
922
+ $carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default;
923
+ $carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default;
924
+
925
+ $carousel-transition: transform .6s ease !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)
926
+
927
+
928
+ // Close
929
+
930
+ $close-font-size: $font-size-base * 1.5 !default;
931
+ $close-font-weight: $font-weight-bold !default;
932
+ $close-color: $black !default;
933
+ $close-text-shadow: 0 1px 0 $white !default;
934
+
935
+ // Code
936
+
937
+ $code-font-size: 87.5% !default;
938
+ $code-color: $pink !default;
939
+
940
+ $kbd-padding-y: .2rem !default;
941
+ $kbd-padding-x: .4rem !default;
942
+ $kbd-font-size: $code-font-size !default;
943
+ $kbd-color: $white !default;
944
+ $kbd-bg: $gray-900 !default;
945
+
946
+ $pre-color: $gray-900 !default;
947
+ $pre-scrollable-max-height: 340px !default;
948
+
949
+
950
+ // Printing
951
+ $print-page-size: a3 !default;
952
+ $print-body-min-width: map-get($grid-breakpoints, "lg") !default;