linaro-jekyll-theme 1.0 → 4.0.2

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