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
@@ -0,0 +1,19 @@
1
+ :root {
2
+ // Custom variable values only support SassScript inside `#{}`.
3
+ @each $color, $value in $colors {
4
+ --#{$color}: #{$value};
5
+ }
6
+
7
+ @each $color, $value in $theme-colors {
8
+ --#{$color}: #{$value};
9
+ }
10
+
11
+ @each $bp, $value in $grid-breakpoints {
12
+ --breakpoint-#{$bp}: #{$value};
13
+ }
14
+
15
+ // Use `inspect` for lists so that quoted items keep the quotes.
16
+ // See https://github.com/sass/sass/issues/2383#issuecomment-336349172
17
+ --font-family-sans-serif: #{inspect($font-family-sans-serif)};
18
+ --font-family-monospace: #{inspect($font-family-monospace)};
19
+ }
@@ -1,118 +1,82 @@
1
1
  //
2
- // Tables
3
- // --------------------------------------------------
4
-
5
-
6
- table {
7
- background-color: $table-bg;
8
- }
9
- caption {
10
- padding-top: $table-cell-padding;
11
- padding-bottom: $table-cell-padding;
12
- color: $text-muted;
13
- text-align: left;
14
- }
15
- th {
16
- text-align: left;
17
- }
18
-
19
-
20
- // Baseline styles
2
+ // Basic Bootstrap table
3
+ //
21
4
 
22
5
  .table {
23
6
  width: 100%;
24
- max-width: 100%;
25
- margin-bottom: $line-height-computed;
26
- // Cells
27
- > thead,
28
- > tbody,
29
- > tfoot {
30
- > tr {
31
- > th,
32
- > td {
33
- padding: $table-cell-padding;
34
- line-height: $line-height-base;
35
- vertical-align: top;
36
- border-top: 1px solid $table-border-color;
37
- }
38
- }
7
+ margin-bottom: $spacer;
8
+ background-color: $table-bg; // Reset for nesting within parents with `background-color`.
9
+
10
+ th,
11
+ td {
12
+ padding: $table-cell-padding;
13
+ vertical-align: top;
14
+ border-top: $table-border-width solid $table-border-color;
39
15
  }
40
- // Bottom align for column headings
41
- > thead > tr > th {
16
+
17
+ thead th {
42
18
  vertical-align: bottom;
43
- border-bottom: 2px solid $table-border-color;
44
- }
45
- // Remove top border from thead by default
46
- > caption + thead,
47
- > colgroup + thead,
48
- > thead:first-child {
49
- > tr:first-child {
50
- > th,
51
- > td {
52
- border-top: 0;
53
- }
54
- }
19
+ border-bottom: (2 * $table-border-width) solid $table-border-color;
55
20
  }
56
- // Account for multiple tbody instances
57
- > tbody + tbody {
58
- border-top: 2px solid $table-border-color;
21
+
22
+ tbody + tbody {
23
+ border-top: (2 * $table-border-width) solid $table-border-color;
59
24
  }
60
25
 
61
- // Nesting
62
26
  .table {
63
27
  background-color: $body-bg;
64
28
  }
65
29
  }
66
30
 
67
31
 
32
+ //
68
33
  // Condensed table w/ half padding
34
+ //
69
35
 
70
- .table-condensed {
71
- > thead,
72
- > tbody,
73
- > tfoot {
74
- > tr {
75
- > th,
76
- > td {
77
- padding: $table-condensed-cell-padding;
78
- }
79
- }
36
+ .table-sm {
37
+ th,
38
+ td {
39
+ padding: $table-cell-padding-sm;
80
40
  }
81
41
  }
82
42
 
83
43
 
84
- // Bordered version
44
+ // Border versions
85
45
  //
86
- // Add borders all around the table and between all the columns.
46
+ // Add or remove borders all around the table and between all the columns.
87
47
 
88
48
  .table-bordered {
89
- border: 1px solid $table-border-color;
90
- > thead,
91
- > tbody,
92
- > tfoot {
93
- > tr {
94
- > th,
95
- > td {
96
- border: 1px solid $table-border-color;
97
- }
98
- }
49
+ border: $table-border-width solid $table-border-color;
50
+
51
+ th,
52
+ td {
53
+ border: $table-border-width solid $table-border-color;
99
54
  }
100
- > thead > tr {
101
- > th,
102
- > td {
103
- border-bottom-width: 2px;
55
+
56
+ thead {
57
+ th,
58
+ td {
59
+ border-bottom-width: (2 * $table-border-width);
104
60
  }
105
61
  }
106
62
  }
107
63
 
64
+ .table-borderless {
65
+ th,
66
+ td,
67
+ thead th,
68
+ tbody + tbody {
69
+ border: 0;
70
+ }
71
+ }
108
72
 
109
73
  // Zebra-striping
110
74
  //
111
75
  // Default zebra-stripe styles (alternating gray and transparent backgrounds)
112
76
 
113
77
  .table-striped {
114
- > tbody > tr:nth-of-type(odd) {
115
- background-color: $table-bg-accent;
78
+ tbody tr:nth-of-type(#{$table-striped-order}) {
79
+ background-color: $table-accent-bg;
116
80
  }
117
81
  }
118
82
 
@@ -122,113 +86,102 @@ th {
122
86
  // Placed here since it has to come after the potential zebra striping
123
87
 
124
88
  .table-hover {
125
- > tbody > tr:hover {
126
- background-color: $table-bg-hover;
89
+ tbody tr {
90
+ @include hover {
91
+ background-color: $table-hover-bg;
92
+ }
127
93
  }
128
94
  }
129
95
 
130
96
 
131
- // Table cell sizing
97
+ // Table backgrounds
132
98
  //
133
- // Reset default table behavior
99
+ // Exact selectors below required to override `.table-striped` and prevent
100
+ // inheritance to nested tables.
134
101
 
135
- table col[class*="col-"] {
136
- position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)
137
- float: none;
138
- display: table-column;
102
+ @each $color, $value in $theme-colors {
103
+ @include table-row-variant($color, theme-color-level($color, -9));
139
104
  }
140
- table {
141
- td,
142
- th {
143
- &[class*="col-"] {
144
- position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)
145
- float: none;
146
- display: table-cell;
105
+
106
+ @include table-row-variant(active, $table-active-bg);
107
+
108
+
109
+ // Dark styles
110
+ //
111
+ // Same table markup, but inverted color scheme: dark background and light text.
112
+
113
+ // stylelint-disable-next-line no-duplicate-selectors
114
+ .table {
115
+ .thead-dark {
116
+ th {
117
+ color: $table-dark-color;
118
+ background-color: $table-dark-bg;
119
+ border-color: $table-dark-border-color;
147
120
  }
148
121
  }
149
- }
150
122
 
123
+ .thead-light {
124
+ th {
125
+ color: $table-head-color;
126
+ background-color: $table-head-bg;
127
+ border-color: $table-border-color;
128
+ }
129
+ }
130
+ }
151
131
 
152
- // Table backgrounds
153
- //
154
- // Exact selectors below required to override `.table-striped` and prevent
155
- // inheritance to nested tables.
132
+ .table-dark {
133
+ color: $table-dark-color;
134
+ background-color: $table-dark-bg;
156
135
 
157
- // Generate the contextual variants
158
- @include table-row-variant('active', $table-bg-active);
159
- @include table-row-variant('success', $state-success-bg);
160
- @include table-row-variant('info', $state-info-bg);
161
- @include table-row-variant('warning', $state-warning-bg);
162
- @include table-row-variant('danger', $state-danger-bg);
136
+ th,
137
+ td,
138
+ thead th {
139
+ border-color: $table-dark-border-color;
140
+ }
163
141
 
142
+ &.table-bordered {
143
+ border: 0;
144
+ }
164
145
 
165
- // Responsive tables
166
- //
167
- // Wrap your tables in `.table-responsive` and we'll make them mobile friendly
168
- // by enabling horizontal scrolling. Only applies <768px. Everything above that
169
- // will display normally.
146
+ &.table-striped {
147
+ tbody tr:nth-of-type(odd) {
148
+ background-color: $table-dark-accent-bg;
149
+ }
150
+ }
170
151
 
171
- .table-responsive {
172
- overflow-x: auto;
173
- min-height: 0.01%; // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837)
174
-
175
- @media screen and (max-width: $screen-xs-max) {
176
- width: 100%;
177
- margin-bottom: ($line-height-computed * 0.75);
178
- overflow-y: hidden;
179
- -ms-overflow-style: -ms-autohiding-scrollbar;
180
- border: 1px solid $table-border-color;
181
-
182
- // Tighten up spacing
183
- > .table {
184
- margin-bottom: 0;
185
-
186
- // Ensure the content doesn't wrap
187
- > thead,
188
- > tbody,
189
- > tfoot {
190
- > tr {
191
- > th,
192
- > td {
193
- white-space: nowrap;
194
- }
195
- }
152
+ &.table-hover {
153
+ tbody tr {
154
+ @include hover {
155
+ background-color: $table-dark-hover-bg;
196
156
  }
197
157
  }
158
+ }
159
+ }
198
160
 
199
- // Special overrides for the bordered tables
200
- > .table-bordered {
201
- border: 0;
202
-
203
- // Nuke the appropriate borders so that the parent can handle them
204
- > thead,
205
- > tbody,
206
- > tfoot {
207
- > tr {
208
- > th:first-child,
209
- > td:first-child {
210
- border-left: 0;
211
- }
212
- > th:last-child,
213
- > td:last-child {
214
- border-right: 0;
215
- }
216
- }
217
- }
218
161
 
219
- // Only nuke the last row's bottom-border in `tbody` and `tfoot` since
220
- // chances are there will be only one `tr` in a `thead` and that would
221
- // remove the border altogether.
222
- > tbody,
223
- > tfoot {
224
- > tr:last-child {
225
- > th,
226
- > td {
227
- border-bottom: 0;
228
- }
162
+ // Responsive tables
163
+ //
164
+ // Generate series of `.table-responsive-*` classes for configuring the screen
165
+ // size of where your table will overflow.
166
+
167
+ .table-responsive {
168
+ @each $breakpoint in map-keys($grid-breakpoints) {
169
+ $next: breakpoint-next($breakpoint, $grid-breakpoints);
170
+ $infix: breakpoint-infix($next, $grid-breakpoints);
171
+
172
+ &#{$infix} {
173
+ @include media-breakpoint-down($breakpoint) {
174
+ display: block;
175
+ width: 100%;
176
+ overflow-x: auto;
177
+ -webkit-overflow-scrolling: touch;
178
+ -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057
179
+
180
+ // Prevent double border on horizontal scroll due to use of `display: block;`
181
+ > .table-bordered {
182
+ border: 0;
229
183
  }
230
184
  }
231
-
232
185
  }
233
186
  }
234
187
  }
@@ -1,101 +1,115 @@
1
- //
2
- // Tooltips
3
- // --------------------------------------------------
4
-
5
-
6
1
  // Base class
7
2
  .tooltip {
8
3
  position: absolute;
9
4
  z-index: $zindex-tooltip;
10
5
  display: block;
6
+ margin: $tooltip-margin;
11
7
  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
12
8
  // So reset our font and text properties to avoid inheriting weird values.
13
- @include reset-text;
14
- font-size: $font-size-small;
9
+ @include reset-text();
10
+ font-size: $tooltip-font-size;
11
+ // Allow breaking very long words so they don't overflow the tooltip's bounds
12
+ word-wrap: break-word;
13
+ opacity: 0;
15
14
 
16
- @include opacity(0);
15
+ &.show { opacity: $tooltip-opacity; }
17
16
 
18
- &.in { @include opacity($tooltip-opacity); }
19
- &.top { margin-top: -3px; padding: $tooltip-arrow-width 0; }
20
- &.right { margin-left: 3px; padding: 0 $tooltip-arrow-width; }
21
- &.bottom { margin-top: 3px; padding: $tooltip-arrow-width 0; }
22
- &.left { margin-left: -3px; padding: 0 $tooltip-arrow-width; }
23
- }
17
+ .arrow {
18
+ position: absolute;
19
+ display: block;
20
+ width: $tooltip-arrow-width;
21
+ height: $tooltip-arrow-height;
24
22
 
25
- // Wrapper for the tooltip content
26
- .tooltip-inner {
27
- max-width: $tooltip-max-width;
28
- padding: 3px 8px;
29
- color: $tooltip-color;
30
- text-align: center;
31
- background-color: $tooltip-bg;
32
- border-radius: $border-radius-base;
23
+ &::before {
24
+ position: absolute;
25
+ content: "";
26
+ border-color: transparent;
27
+ border-style: solid;
28
+ }
29
+ }
33
30
  }
34
31
 
35
- // Arrows
36
- .tooltip-arrow {
37
- position: absolute;
38
- width: 0;
39
- height: 0;
40
- border-color: transparent;
41
- border-style: solid;
42
- }
43
- // Note: Deprecated .top-left, .top-right, .bottom-left, and .bottom-right as of v3.3.1
44
- .tooltip {
45
- &.top .tooltip-arrow {
46
- bottom: 0;
47
- left: 50%;
48
- margin-left: -$tooltip-arrow-width;
49
- border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
50
- border-top-color: $tooltip-arrow-color;
51
- }
52
- &.top-left .tooltip-arrow {
53
- bottom: 0;
54
- right: $tooltip-arrow-width;
55
- margin-bottom: -$tooltip-arrow-width;
56
- border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
57
- border-top-color: $tooltip-arrow-color;
58
- }
59
- &.top-right .tooltip-arrow {
32
+ .bs-tooltip-top {
33
+ padding: $tooltip-arrow-height 0;
34
+
35
+ .arrow {
60
36
  bottom: 0;
61
- left: $tooltip-arrow-width;
62
- margin-bottom: -$tooltip-arrow-width;
63
- border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
64
- border-top-color: $tooltip-arrow-color;
37
+
38
+ &::before {
39
+ top: 0;
40
+ border-width: $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
41
+ border-top-color: $tooltip-arrow-color;
42
+ }
65
43
  }
66
- &.right .tooltip-arrow {
67
- top: 50%;
44
+ }
45
+
46
+ .bs-tooltip-right {
47
+ padding: 0 $tooltip-arrow-height;
48
+
49
+ .arrow {
68
50
  left: 0;
69
- margin-top: -$tooltip-arrow-width;
70
- border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0;
71
- border-right-color: $tooltip-arrow-color;
51
+ width: $tooltip-arrow-height;
52
+ height: $tooltip-arrow-width;
53
+
54
+ &::before {
55
+ right: 0;
56
+ border-width: ($tooltip-arrow-width / 2) $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
57
+ border-right-color: $tooltip-arrow-color;
58
+ }
72
59
  }
73
- &.left .tooltip-arrow {
74
- top: 50%;
60
+ }
61
+
62
+ .bs-tooltip-bottom {
63
+ padding: $tooltip-arrow-height 0;
64
+
65
+ .arrow {
66
+ top: 0;
67
+
68
+ &::before {
69
+ bottom: 0;
70
+ border-width: 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
71
+ border-bottom-color: $tooltip-arrow-color;
72
+ }
73
+ }
74
+ }
75
+
76
+ .bs-tooltip-left {
77
+ padding: 0 $tooltip-arrow-height;
78
+
79
+ .arrow {
75
80
  right: 0;
76
- margin-top: -$tooltip-arrow-width;
77
- border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width;
78
- border-left-color: $tooltip-arrow-color;
81
+ width: $tooltip-arrow-height;
82
+ height: $tooltip-arrow-width;
83
+
84
+ &::before {
85
+ left: 0;
86
+ border-width: ($tooltip-arrow-width / 2) 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
87
+ border-left-color: $tooltip-arrow-color;
88
+ }
79
89
  }
80
- &.bottom .tooltip-arrow {
81
- top: 0;
82
- left: 50%;
83
- margin-left: -$tooltip-arrow-width;
84
- border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
85
- border-bottom-color: $tooltip-arrow-color;
90
+ }
91
+
92
+ .bs-tooltip-auto {
93
+ &[x-placement^="top"] {
94
+ @extend .bs-tooltip-top;
86
95
  }
87
- &.bottom-left .tooltip-arrow {
88
- top: 0;
89
- right: $tooltip-arrow-width;
90
- margin-top: -$tooltip-arrow-width;
91
- border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
92
- border-bottom-color: $tooltip-arrow-color;
96
+ &[x-placement^="right"] {
97
+ @extend .bs-tooltip-right;
93
98
  }
94
- &.bottom-right .tooltip-arrow {
95
- top: 0;
96
- left: $tooltip-arrow-width;
97
- margin-top: -$tooltip-arrow-width;
98
- border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
99
- border-bottom-color: $tooltip-arrow-color;
99
+ &[x-placement^="bottom"] {
100
+ @extend .bs-tooltip-bottom;
101
+ }
102
+ &[x-placement^="left"] {
103
+ @extend .bs-tooltip-left;
100
104
  }
101
105
  }
106
+
107
+ // Wrapper for the tooltip content
108
+ .tooltip-inner {
109
+ max-width: $tooltip-max-width;
110
+ padding: $tooltip-padding-y $tooltip-padding-x;
111
+ color: $tooltip-color;
112
+ text-align: center;
113
+ background-color: $tooltip-bg;
114
+ @include border-radius($tooltip-border-radius);
115
+ }