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,16 +1,38 @@
1
- //
2
- // List groups
3
- // --------------------------------------------------
4
-
5
-
6
1
  // Base class
7
2
  //
8
3
  // Easily usable on <ul>, <ol>, or <div>.
9
4
 
10
5
  .list-group {
6
+ display: flex;
7
+ flex-direction: column;
8
+
11
9
  // No need to set list-style: none; since .list-group-item is block level
12
- margin-bottom: 20px;
13
10
  padding-left: 0; // reset padding because ul and ol
11
+ margin-bottom: 0;
12
+ }
13
+
14
+
15
+ // Interactive list items
16
+ //
17
+ // Use anchor or button elements instead of `li`s or `div`s to create interactive
18
+ // list items. Includes an extra `.active` modifier class for selected items.
19
+
20
+ .list-group-item-action {
21
+ width: 100%; // For `<button>`s (anchors become 100% by default though)
22
+ color: $list-group-action-color;
23
+ text-align: inherit; // For `<button>`s (anchors inherit)
24
+
25
+ // Hover state
26
+ @include hover-focus {
27
+ color: $list-group-action-hover-color;
28
+ text-decoration: none;
29
+ background-color: $list-group-hover-bg;
30
+ }
31
+
32
+ &:active {
33
+ color: $list-group-action-active-color;
34
+ background-color: $list-group-action-active-bg;
35
+ }
14
36
  }
15
37
 
16
38
 
@@ -21,85 +43,63 @@
21
43
  .list-group-item {
22
44
  position: relative;
23
45
  display: block;
24
- padding: 10px 15px;
46
+ padding: $list-group-item-padding-y $list-group-item-padding-x;
25
47
  // Place the border on the list items and negative margin up for better styling
26
- margin-bottom: -1px;
48
+ margin-bottom: -$list-group-border-width;
27
49
  background-color: $list-group-bg;
28
- border: 1px solid $list-group-border;
50
+ border: $list-group-border-width solid $list-group-border-color;
29
51
 
30
- // Round the first and last items
31
52
  &:first-child {
32
53
  @include border-top-radius($list-group-border-radius);
33
54
  }
55
+
34
56
  &:last-child {
35
57
  margin-bottom: 0;
36
58
  @include border-bottom-radius($list-group-border-radius);
37
59
  }
38
- }
39
-
40
-
41
- // Interactive list items
42
- //
43
- // Use anchor or button elements instead of `li`s or `div`s to create interactive items.
44
- // Includes an extra `.active` modifier class for showing selected items.
45
-
46
- a.list-group-item,
47
- button.list-group-item {
48
- color: $list-group-link-color;
49
-
50
- .list-group-item-heading {
51
- color: $list-group-link-heading-color;
52
- }
53
60
 
54
- // Hover state
55
- &:hover,
56
- &:focus {
61
+ @include hover-focus {
62
+ z-index: 1; // Place hover/active items above their siblings for proper border styling
57
63
  text-decoration: none;
58
- color: $list-group-link-hover-color;
59
- background-color: $list-group-hover-bg;
60
64
  }
61
- }
62
65
 
63
- button.list-group-item {
64
- width: 100%;
65
- text-align: left;
66
- }
67
-
68
- .list-group-item {
69
- // Disabled state
70
66
  &.disabled,
71
- &.disabled:hover,
72
- &.disabled:focus {
73
- background-color: $list-group-disabled-bg;
67
+ &:disabled {
74
68
  color: $list-group-disabled-color;
75
- cursor: $cursor-disabled;
76
-
77
- // Force color to inherit for custom content
78
- .list-group-item-heading {
79
- color: inherit;
80
- }
81
- .list-group-item-text {
82
- color: $list-group-disabled-text-color;
83
- }
69
+ background-color: $list-group-disabled-bg;
84
70
  }
85
71
 
86
- // Active class on item itself, not parent
87
- &.active,
88
- &.active:hover,
89
- &.active:focus {
72
+ // Include both here for `<a>`s and `<button>`s
73
+ &.active {
90
74
  z-index: 2; // Place active items above their siblings for proper border styling
91
75
  color: $list-group-active-color;
92
76
  background-color: $list-group-active-bg;
93
- border-color: $list-group-active-border;
77
+ border-color: $list-group-active-border-color;
78
+ }
79
+ }
80
+
94
81
 
95
- // Force color to inherit for custom content
96
- .list-group-item-heading,
97
- .list-group-item-heading > small,
98
- .list-group-item-heading > .small {
99
- color: inherit;
82
+ // Flush list items
83
+ //
84
+ // Remove borders and border-radius to keep list group items edge-to-edge. Most
85
+ // useful within other components (e.g., cards).
86
+
87
+ .list-group-flush {
88
+ .list-group-item {
89
+ border-right: 0;
90
+ border-left: 0;
91
+ @include border-radius(0);
92
+ }
93
+
94
+ &:first-child {
95
+ .list-group-item:first-child {
96
+ border-top: 0;
100
97
  }
101
- .list-group-item-text {
102
- color: $list-group-active-text-color;
98
+ }
99
+
100
+ &:last-child {
101
+ .list-group-item:last-child {
102
+ border-bottom: 0;
103
103
  }
104
104
  }
105
105
  }
@@ -110,21 +110,6 @@ button.list-group-item {
110
110
  // Add modifier classes to change text and background color on individual items.
111
111
  // Organizationally, this must come after the `:hover` states.
112
112
 
113
- @include list-group-item-variant(success, $state-success-bg, $state-success-text);
114
- @include list-group-item-variant(info, $state-info-bg, $state-info-text);
115
- @include list-group-item-variant(warning, $state-warning-bg, $state-warning-text);
116
- @include list-group-item-variant(danger, $state-danger-bg, $state-danger-text);
117
-
118
-
119
- // Custom content options
120
- //
121
- // Extra classes for creating well-formatted content within `.list-group-item`s.
122
-
123
- .list-group-item-heading {
124
- margin-top: 0;
125
- margin-bottom: 5px;
126
- }
127
- .list-group-item-text {
128
- margin-bottom: 0;
129
- line-height: 1.3;
113
+ @each $color, $value in $theme-colors {
114
+ @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));
130
115
  }
@@ -1,66 +1,8 @@
1
1
  .media {
2
- // Proper spacing between instances of .media
3
- margin-top: 15px;
4
-
5
- &:first-child {
6
- margin-top: 0;
7
- }
8
- }
9
-
10
- .media,
11
- .media-body {
12
- zoom: 1;
13
- overflow: hidden;
14
- }
15
-
16
- .media-body {
17
- width: 10000px;
18
- }
19
-
20
- .media-object {
21
- display: block;
22
-
23
- // Fix collapse in webkit from max-width: 100% and display: table-cell.
24
- &.img-thumbnail {
25
- max-width: none;
26
- }
27
- }
28
-
29
- .media-right,
30
- .media > .pull-right {
31
- padding-left: 10px;
32
- }
33
-
34
- .media-left,
35
- .media > .pull-left {
36
- padding-right: 10px;
2
+ display: flex;
3
+ align-items: flex-start;
37
4
  }
38
5
 
39
- .media-left,
40
- .media-right,
41
6
  .media-body {
42
- display: table-cell;
43
- vertical-align: top;
44
- }
45
-
46
- .media-middle {
47
- vertical-align: middle;
48
- }
49
-
50
- .media-bottom {
51
- vertical-align: bottom;
52
- }
53
-
54
- // Reset margins on headings for tighter default spacing
55
- .media-heading {
56
- margin-top: 0;
57
- margin-bottom: 5px;
58
- }
59
-
60
- // Media list variation
61
- //
62
- // Undo default ul/ol styles
63
- .media-list {
64
- padding-left: 0;
65
- list-style: none;
7
+ flex: 1;
66
8
  }
@@ -1,40 +1,41 @@
1
- // Mixins
2
- // --------------------------------------------------
1
+ // Toggles
2
+ //
3
+ // Used in conjunction with global variables to enable certain theme features.
3
4
 
4
5
  // Utilities
5
- @import "mixins/hide-text";
6
- @import "mixins/opacity";
6
+ @import "mixins/breakpoints";
7
+ @import "mixins/hover";
7
8
  @import "mixins/image";
8
- @import "mixins/labels";
9
- @import "mixins/reset-filter";
9
+ @import "mixins/badge";
10
10
  @import "mixins/resize";
11
- @import "mixins/responsive-visibility";
11
+ @import "mixins/screen-reader";
12
12
  @import "mixins/size";
13
- @import "mixins/tab-focus";
14
13
  @import "mixins/reset-text";
15
14
  @import "mixins/text-emphasis";
16
- @import "mixins/text-overflow";
17
- @import "mixins/vendor-prefixes";
15
+ @import "mixins/text-hide";
16
+ @import "mixins/text-truncate";
17
+ @import "mixins/visibility";
18
18
 
19
- // Components
20
- @import "mixins/alerts";
19
+ // // Components
20
+ @import "mixins/alert";
21
21
  @import "mixins/buttons";
22
- @import "mixins/panels";
22
+ @import "mixins/caret";
23
23
  @import "mixins/pagination";
24
+ @import "mixins/lists";
24
25
  @import "mixins/list-group";
25
26
  @import "mixins/nav-divider";
26
27
  @import "mixins/forms";
27
- @import "mixins/progress-bar";
28
28
  @import "mixins/table-row";
29
29
 
30
- // Skins
30
+ // // Skins
31
31
  @import "mixins/background-variant";
32
32
  @import "mixins/border-radius";
33
+ @import "mixins/box-shadow";
33
34
  @import "mixins/gradients";
35
+ @import "mixins/transition";
34
36
 
35
- // Layout
37
+ // // Layout
36
38
  @import "mixins/clearfix";
37
- @import "mixins/center-block";
38
- @import "mixins/nav-vertical-align";
39
39
  @import "mixins/grid-framework";
40
40
  @import "mixins/grid";
41
+ @import "mixins/float";
@@ -0,0 +1,180 @@
1
+ // .modal-open - body class for killing the scroll
2
+ // .modal - container to scroll within
3
+ // .modal-dialog - positioning shell for the actual modal
4
+ // .modal-content - actual modal w/ bg and corners and stuff
5
+
6
+
7
+ .modal-open {
8
+ // Kill the scroll on the body
9
+ overflow: hidden;
10
+
11
+ .modal {
12
+ overflow-x: hidden;
13
+ overflow-y: auto;
14
+ }
15
+ }
16
+
17
+ // Container that the modal scrolls within
18
+ .modal {
19
+ position: fixed;
20
+ top: 0;
21
+ right: 0;
22
+ bottom: 0;
23
+ left: 0;
24
+ z-index: $zindex-modal;
25
+ display: none;
26
+ overflow: hidden;
27
+ // Prevent Chrome on Windows from adding a focus outline. For details, see
28
+ // https://github.com/twbs/bootstrap/pull/10951.
29
+ outline: 0;
30
+ // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a
31
+ // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342
32
+ // See also https://github.com/twbs/bootstrap/issues/17695
33
+ }
34
+
35
+ // Shell div to position the modal with bottom padding
36
+ .modal-dialog {
37
+ position: relative;
38
+ width: auto;
39
+ margin: $modal-dialog-margin;
40
+ // allow clicks to pass through for custom click handling to close modal
41
+ pointer-events: none;
42
+
43
+ // When fading in the modal, animate it to slide down
44
+ .modal.fade & {
45
+ @include transition($modal-transition);
46
+ transform: translate(0, -25%);
47
+ }
48
+ .modal.show & {
49
+ transform: translate(0, 0);
50
+ }
51
+ }
52
+
53
+ .modal-dialog-centered {
54
+ display: flex;
55
+ align-items: center;
56
+ min-height: calc(100% - (#{$modal-dialog-margin} * 2));
57
+
58
+ // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)
59
+ &::before {
60
+ display: block; // IE10
61
+ height: calc(100vh - (#{$modal-dialog-margin} * 2));
62
+ content: "";
63
+ }
64
+ }
65
+
66
+ // Actual modal
67
+ .modal-content {
68
+ position: relative;
69
+ display: flex;
70
+ flex-direction: column;
71
+ width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`
72
+ // counteract the pointer-events: none; in the .modal-dialog
73
+ pointer-events: auto;
74
+ background-color: $modal-content-bg;
75
+ background-clip: padding-box;
76
+ border: $modal-content-border-width solid $modal-content-border-color;
77
+ @include border-radius($modal-content-border-radius);
78
+ @include box-shadow($modal-content-box-shadow-xs);
79
+ // Remove focus outline from opened modal
80
+ outline: 0;
81
+ }
82
+
83
+ // Modal background
84
+ .modal-backdrop {
85
+ position: fixed;
86
+ top: 0;
87
+ right: 0;
88
+ bottom: 0;
89
+ left: 0;
90
+ z-index: $zindex-modal-backdrop;
91
+ background-color: $modal-backdrop-bg;
92
+
93
+ // Fade for backdrop
94
+ &.fade { opacity: 0; }
95
+ &.show { opacity: $modal-backdrop-opacity; }
96
+ }
97
+
98
+ // Modal header
99
+ // Top section of the modal w/ title and dismiss
100
+ .modal-header {
101
+ display: flex;
102
+ align-items: flex-start; // so the close btn always stays on the upper right corner
103
+ justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends
104
+ padding: $modal-header-padding;
105
+ border-bottom: $modal-header-border-width solid $modal-header-border-color;
106
+ @include border-top-radius($modal-content-border-radius);
107
+
108
+ .close {
109
+ padding: $modal-header-padding;
110
+ // auto on the left force icon to the right even when there is no .modal-title
111
+ margin: (-$modal-header-padding) (-$modal-header-padding) (-$modal-header-padding) auto;
112
+ }
113
+ }
114
+
115
+ // Title text within header
116
+ .modal-title {
117
+ margin-bottom: 0;
118
+ line-height: $modal-title-line-height;
119
+ }
120
+
121
+ // Modal body
122
+ // Where all modal content resides (sibling of .modal-header and .modal-footer)
123
+ .modal-body {
124
+ position: relative;
125
+ // Enable `flex-grow: 1` so that the body take up as much space as possible
126
+ // when should there be a fixed height on `.modal-dialog`.
127
+ flex: 1 1 auto;
128
+ padding: $modal-inner-padding;
129
+ }
130
+
131
+ // Footer (for actions)
132
+ .modal-footer {
133
+ display: flex;
134
+ align-items: center; // vertically center
135
+ justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items
136
+ padding: $modal-inner-padding;
137
+ border-top: $modal-footer-border-width solid $modal-footer-border-color;
138
+
139
+ // Easily place margin between footer elements
140
+ > :not(:first-child) { margin-left: .25rem; }
141
+ > :not(:last-child) { margin-right: .25rem; }
142
+ }
143
+
144
+ // Measure scrollbar width for padding body during modal show/hide
145
+ .modal-scrollbar-measure {
146
+ position: absolute;
147
+ top: -9999px;
148
+ width: 50px;
149
+ height: 50px;
150
+ overflow: scroll;
151
+ }
152
+
153
+ // Scale up the modal
154
+ @include media-breakpoint-up(sm) {
155
+ // Automatically set modal's width for larger viewports
156
+ .modal-dialog {
157
+ max-width: $modal-md;
158
+ margin: $modal-dialog-margin-y-sm-up auto;
159
+ }
160
+
161
+ .modal-dialog-centered {
162
+ min-height: calc(100% - (#{$modal-dialog-margin-y-sm-up} * 2));
163
+
164
+ &::before {
165
+ height: calc(100vh - (#{$modal-dialog-margin-y-sm-up} * 2));
166
+ }
167
+
168
+ }
169
+
170
+ .modal-content {
171
+ @include box-shadow($modal-content-box-shadow-sm-up);
172
+ }
173
+
174
+ .modal-sm { max-width: $modal-sm; }
175
+
176
+ }
177
+
178
+ @include media-breakpoint-up(lg) {
179
+ .modal-lg { max-width: $modal-lg; }
180
+ }