jumbo-jekyll-theme 5.6.9.4 → 5.7.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 (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;