linaro-jekyll-theme 0.10.149 → 4.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (340) 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 +82 -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 +244 -208
  156. data/_sass/core/bootstrap-multiselect.scss +1 -0
  157. data/_sass/core/breadcrumb.scss +16 -65
  158. data/_sass/core/carousel-header.scss +91 -0
  159. data/_sass/core/carousel-styles.scss +1 -0
  160. data/_sass/core/carousel.scss +202 -27
  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 -120
  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 -531
  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/custom.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 -234
  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 -32
  218. data/_includes/_theme-includes/_navigation/nav.html +0 -103
  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/_sass/_bootstrap-compass.scss +0 -9
  252. data/_sass/_bootstrap-mincer.scss +0 -19
  253. data/_sass/_bootstrap-sprockets.scss +0 -9
  254. data/_sass/_bootstrap.scss +0 -56
  255. data/_sass/bootstrap/_alerts.scss +0 -73
  256. data/_sass/bootstrap/_badges.scss +0 -68
  257. data/_sass/bootstrap/_breadcrumbs.scss +0 -28
  258. data/_sass/bootstrap/_button-groups.scss +0 -244
  259. data/_sass/bootstrap/_component-animations.scss +0 -37
  260. data/_sass/bootstrap/_dropdowns.scss +0 -216
  261. data/_sass/bootstrap/_glyphicons.scss +0 -307
  262. data/_sass/bootstrap/_input-groups.scss +0 -171
  263. data/_sass/bootstrap/_labels.scss +0 -66
  264. data/_sass/bootstrap/_modals.scss +0 -150
  265. data/_sass/bootstrap/_navs.scss +0 -242
  266. data/_sass/bootstrap/_normalize.scss +0 -424
  267. data/_sass/bootstrap/_pager.scss +0 -54
  268. data/_sass/bootstrap/_panels.scss +0 -271
  269. data/_sass/bootstrap/_popovers.scss +0 -131
  270. data/_sass/bootstrap/_progress-bars.scss +0 -87
  271. data/_sass/bootstrap/_responsive-utilities.scss +0 -179
  272. data/_sass/bootstrap/_scaffolding.scss +0 -161
  273. data/_sass/bootstrap/_theme.scss +0 -291
  274. data/_sass/bootstrap/_thumbnails.scss +0 -38
  275. data/_sass/bootstrap/_wells.scss +0 -29
  276. data/_sass/bootstrap/mixins/_alerts.scss +0 -14
  277. data/_sass/bootstrap/mixins/_center-block.scss +0 -7
  278. data/_sass/bootstrap/mixins/_hide-text.scss +0 -21
  279. data/_sass/bootstrap/mixins/_labels.scss +0 -12
  280. data/_sass/bootstrap/mixins/_nav-vertical-align.scss +0 -9
  281. data/_sass/bootstrap/mixins/_opacity.scss +0 -8
  282. data/_sass/bootstrap/mixins/_panels.scss +0 -24
  283. data/_sass/bootstrap/mixins/_progress-bar.scss +0 -10
  284. data/_sass/bootstrap/mixins/_reset-filter.scss +0 -8
  285. data/_sass/bootstrap/mixins/_responsive-visibility.scss +0 -21
  286. data/_sass/bootstrap/mixins/_tab-focus.scss +0 -9
  287. data/_sass/bootstrap/mixins/_vendor-prefixes.scss +0 -222
  288. data/_sass/core/animations.scss +0 -125
  289. data/_sass/core/cookieconsent.scss +0 -42
  290. data/_sass/core/custom.scss +0 -3
  291. data/_sass/core/fa.scss +0 -2336
  292. data/_sass/core/flipclock.scss +0 -435
  293. data/_sass/core/font-awesome.min.scss +0 -4
  294. data/_sass/core/fonts.scss +0 -7
  295. data/_sass/core/homepage.scss +0 -40
  296. data/_sass/core/lightbox.scss +0 -213
  297. data/_sass/core/nav.scss +0 -657
  298. data/_sass/core/openhours.scss +0 -51
  299. data/_sass/core/products.scss +0 -221
  300. data/_sass/core/projects.scss +0 -32
  301. data/_sass/core/social-media-icons.scss +0 -71
  302. data/_sass/core/tables.scss +0 -125
  303. data/assets/css/main-blog.scss +0 -19
  304. data/assets/css/main-home.scss +0 -16
  305. data/assets/css/main-lightbox.scss +0 -22
  306. data/assets/css/main-openhours.scss +0 -19
  307. data/assets/css/main-products.scss +0 -20
  308. data/assets/css/main-projects.scss +0 -20
  309. data/assets/fonts/fontawesome-webfont.eot +0 -0
  310. data/assets/fonts/fontawesome-webfont.svg +0 -2671
  311. data/assets/fonts/fontawesome-webfont.ttf +0 -0
  312. data/assets/fonts/fontawesome-webfont.woff +0 -0
  313. data/assets/fonts/fontawesome-webfont.woff2 +0 -0
  314. data/assets/fonts/fontello.eot +0 -0
  315. data/assets/fonts/fontello.svg +0 -44
  316. data/assets/fonts/glyphicons-halflings-regular.ttf +0 -0
  317. data/assets/fonts/glyphicons-halflings-regular.woff +0 -0
  318. data/assets/fonts/glyphicons-halflings-regular.woff2 +0 -0
  319. data/assets/images/96boards-Logo.svg +0 -1
  320. data/assets/images/Linaro-Logo_light.png +0 -0
  321. data/assets/images/Linaro-Sprinkle.svg +0 -13
  322. data/assets/images/background-image.jpg +0 -0
  323. data/assets/images/banner.jpg +0 -0
  324. data/assets/images/css3.png +0 -0
  325. data/assets/images/html5.png +0 -0
  326. data/assets/images/jekyll.svg +0 -1
  327. data/assets/images/js.jpeg +0 -0
  328. data/assets/images/placeholder.png +0 -0
  329. data/assets/js/app/search.js +0 -41
  330. data/assets/js/app/sticky.js +0 -76
  331. data/assets/js/app/tables.js +0 -8
  332. data/assets/js/vendor/bootstrap.min.js +0 -7
  333. data/assets/js/vendor/cognito-forms.js +0 -150
  334. data/assets/js/vendor/cookieconsent.min.js +0 -8
  335. data/assets/js/vendor/flipclock.min.js +0 -35
  336. data/assets/js/vendor/jquery.min.js +0 -4
  337. data/assets/js/vendor/lazysizes.min.js +0 -2
  338. data/assets/js/vendor/lightbox.min.js +0 -14
  339. data/assets/js/vendor/mc-validate.js +0 -14
  340. data/assets/js/vendor/owl.carousel.min.js +0 -27
@@ -1,122 +1,52 @@
1
- // Grid system
1
+ /// Grid system
2
2
  //
3
3
  // Generate semantic grid columns with these mixins.
4
4
 
5
- // Centered container element
6
- @mixin container-fixed($gutter: $grid-gutter-width) {
5
+ @mixin make-container() {
6
+ width: 100%;
7
+ padding-right: ($grid-gutter-width / 2);
8
+ padding-left: ($grid-gutter-width / 2);
7
9
  margin-right: auto;
8
10
  margin-left: auto;
9
- padding-left: floor(($gutter / 2));
10
- padding-right: ceil(($gutter / 2));
11
- @include clearfix;
12
11
  }
13
12
 
14
- // Creates a wrapper for a series of columns
15
- @mixin make-row($gutter: $grid-gutter-width) {
16
- margin-left: ceil(($gutter / -2));
17
- margin-right: floor(($gutter / -2));
18
- @include clearfix;
19
- }
20
-
21
- // Generate the extra small columns
22
- @mixin make-xs-column($columns, $gutter: $grid-gutter-width) {
23
- position: relative;
24
- float: left;
25
- width: percentage(($columns / $grid-columns));
26
- min-height: 1px;
27
- padding-left: ($gutter / 2);
28
- padding-right: ($gutter / 2);
29
- }
30
- @mixin make-xs-column-offset($columns) {
31
- margin-left: percentage(($columns / $grid-columns));
32
- }
33
- @mixin make-xs-column-push($columns) {
34
- left: percentage(($columns / $grid-columns));
35
- }
36
- @mixin make-xs-column-pull($columns) {
37
- right: percentage(($columns / $grid-columns));
38
- }
39
-
40
- // Generate the small columns
41
- @mixin make-sm-column($columns, $gutter: $grid-gutter-width) {
42
- position: relative;
43
- min-height: 1px;
44
- padding-left: ($gutter / 2);
45
- padding-right: ($gutter / 2);
46
13
 
47
- @media (min-width: $screen-sm-min) {
48
- float: left;
49
- width: percentage(($columns / $grid-columns));
50
- }
51
- }
52
- @mixin make-sm-column-offset($columns) {
53
- @media (min-width: $screen-sm-min) {
54
- margin-left: percentage(($columns / $grid-columns));
55
- }
56
- }
57
- @mixin make-sm-column-push($columns) {
58
- @media (min-width: $screen-sm-min) {
59
- left: percentage(($columns / $grid-columns));
60
- }
61
- }
62
- @mixin make-sm-column-pull($columns) {
63
- @media (min-width: $screen-sm-min) {
64
- right: percentage(($columns / $grid-columns));
14
+ // For each breakpoint, define the maximum width of the container in a media query
15
+ @mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
16
+ @each $breakpoint, $container-max-width in $max-widths {
17
+ @include media-breakpoint-up($breakpoint, $breakpoints) {
18
+ max-width: $container-max-width;
19
+ }
65
20
  }
66
21
  }
67
22
 
68
- // Generate the medium columns
69
- @mixin make-md-column($columns, $gutter: $grid-gutter-width) {
70
- position: relative;
71
- min-height: 1px;
72
- padding-left: ($gutter / 2);
73
- padding-right: ($gutter / 2);
74
-
75
- @media (min-width: $screen-md-min) {
76
- float: left;
77
- width: percentage(($columns / $grid-columns));
78
- }
79
- }
80
- @mixin make-md-column-offset($columns) {
81
- @media (min-width: $screen-md-min) {
82
- margin-left: percentage(($columns / $grid-columns));
83
- }
84
- }
85
- @mixin make-md-column-push($columns) {
86
- @media (min-width: $screen-md-min) {
87
- left: percentage(($columns / $grid-columns));
88
- }
89
- }
90
- @mixin make-md-column-pull($columns) {
91
- @media (min-width: $screen-md-min) {
92
- right: percentage(($columns / $grid-columns));
93
- }
23
+ @mixin make-row() {
24
+ display: flex;
25
+ flex-wrap: wrap;
26
+ margin-right: ($grid-gutter-width / -2);
27
+ margin-left: ($grid-gutter-width / -2);
94
28
  }
95
29
 
96
- // Generate the large columns
97
- @mixin make-lg-column($columns, $gutter: $grid-gutter-width) {
30
+ @mixin make-col-ready() {
98
31
  position: relative;
99
- min-height: 1px;
100
- padding-left: ($gutter / 2);
101
- padding-right: ($gutter / 2);
102
-
103
- @media (min-width: $screen-lg-min) {
104
- float: left;
105
- width: percentage(($columns / $grid-columns));
106
- }
107
- }
108
- @mixin make-lg-column-offset($columns) {
109
- @media (min-width: $screen-lg-min) {
110
- margin-left: percentage(($columns / $grid-columns));
111
- }
112
- }
113
- @mixin make-lg-column-push($columns) {
114
- @media (min-width: $screen-lg-min) {
115
- left: percentage(($columns / $grid-columns));
116
- }
117
- }
118
- @mixin make-lg-column-pull($columns) {
119
- @media (min-width: $screen-lg-min) {
120
- right: percentage(($columns / $grid-columns));
121
- }
32
+ // Prevent columns from becoming too narrow when at smaller grid tiers by
33
+ // always setting `width: 100%;`. This works because we use `flex` values
34
+ // later on to override this initial width.
35
+ width: 100%;
36
+ min-height: 1px; // Prevent collapsing
37
+ padding-right: ($grid-gutter-width / 2);
38
+ padding-left: ($grid-gutter-width / 2);
39
+ }
40
+
41
+ @mixin make-col($size, $columns: $grid-columns) {
42
+ flex: 0 0 percentage($size / $columns);
43
+ // Add a `max-width` to ensure content within each column does not blow out
44
+ // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
45
+ // do not appear to require this.
46
+ max-width: percentage($size / $columns);
47
+ }
48
+
49
+ @mixin make-col-offset($size, $columns: $grid-columns) {
50
+ $num: $size / $columns;
51
+ margin-left: if($num == 0, 0, percentage($num));
122
52
  }
@@ -0,0 +1,37 @@
1
+ // Hover mixin and `$enable-hover-media-query` are deprecated.
2
+ //
3
+ // Originally added during our alphas and maintained during betas, this mixin was
4
+ // designed to prevent `:hover` stickiness on iOS-an issue where hover styles
5
+ // would persist after initial touch.
6
+ //
7
+ // For backward compatibility, we've kept these mixins and updated them to
8
+ // always return their regular pseudo-classes instead of a shimmed media query.
9
+ //
10
+ // Issue: https://github.com/twbs/bootstrap/issues/25195
11
+
12
+ @mixin hover {
13
+ &:hover { @content; }
14
+ }
15
+
16
+ @mixin hover-focus {
17
+ &:hover,
18
+ &:focus {
19
+ @content;
20
+ }
21
+ }
22
+
23
+ @mixin plain-hover-focus {
24
+ &,
25
+ &:hover,
26
+ &:focus {
27
+ @content;
28
+ }
29
+ }
30
+
31
+ @mixin hover-focus-active {
32
+ &:hover,
33
+ &:focus,
34
+ &:active {
35
+ @content;
36
+ }
37
+ }
@@ -6,28 +6,31 @@
6
6
  // Responsive image
7
7
  //
8
8
  // Keep images from scaling beyond the width of their parents.
9
- @mixin img-responsive($display: block) {
10
- display: $display;
11
- max-width: 100%; // Part 1: Set a maximum relative to the parent
12
- height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
9
+
10
+ @mixin img-fluid {
11
+ // Part 1: Set a maximum relative to the parent
12
+ max-width: 100%;
13
+ // Part 2: Override the height to auto, otherwise images will be stretched
14
+ // when setting a width and height attribute on the img element.
15
+ height: auto;
13
16
  }
14
17
 
15
18
 
16
19
  // Retina image
17
20
  //
18
- // Short retina mixin for setting background-image and -size. Note that the
19
- // spelling of `min--moz-device-pixel-ratio` is intentional.
21
+ // Short retina mixin for setting background-image and -size.
22
+
23
+ // stylelint-disable indentation, media-query-list-comma-newline-after
20
24
  @mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
21
- background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-1x}"), "#{$file-1x}"));
25
+ background-image: url($file-1x);
22
26
 
23
- @media
24
- only screen and (-webkit-min-device-pixel-ratio: 2),
25
- only screen and ( min--moz-device-pixel-ratio: 2),
26
- only screen and ( -o-min-device-pixel-ratio: 2/1),
27
- only screen and ( min-device-pixel-ratio: 2),
28
- only screen and ( min-resolution: 192dpi),
29
- only screen and ( min-resolution: 2dppx) {
30
- background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-2x}"), "#{$file-2x}"));
27
+ // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,
28
+ // but doesn't convert dppx=>dpi.
29
+ // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.
30
+ // Compatibility info: https://caniuse.com/#feat=css-media-resolution
31
+ @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx
32
+ only screen and (min-resolution: 2dppx) { // Standardized
33
+ background-image: url($file-2x);
31
34
  background-size: $width-1x $height-1x;
32
35
  }
33
36
  }
@@ -5,28 +5,17 @@
5
5
  color: $color;
6
6
  background-color: $background;
7
7
 
8
- // [converter] extracted a&, button& to a.list-group-item-#{$state}, button.list-group-item-#{$state}
9
- }
10
-
11
- a.list-group-item-#{$state},
12
- button.list-group-item-#{$state} {
13
- color: $color;
8
+ &.list-group-item-action {
9
+ @include hover-focus {
10
+ color: $color;
11
+ background-color: darken($background, 5%);
12
+ }
14
13
 
15
- .list-group-item-heading {
16
- color: inherit;
17
- }
18
-
19
- &:hover,
20
- &:focus {
21
- color: $color;
22
- background-color: darken($background, 5%);
23
- }
24
- &.active,
25
- &.active:hover,
26
- &.active:focus {
27
- color: #fff;
28
- background-color: $color;
29
- border-color: $color;
14
+ &.active {
15
+ color: $white;
16
+ background-color: $color;
17
+ border-color: $color;
18
+ }
30
19
  }
31
20
  }
32
21
  }
@@ -0,0 +1,7 @@
1
+ // Lists
2
+
3
+ // Unstyled keeps list items block level, just removes default browser padding and list-style
4
+ @mixin list-unstyled {
5
+ padding-left: 0;
6
+ list-style: none;
7
+ }
@@ -2,9 +2,9 @@
2
2
  //
3
3
  // Dividers (basically an hr) within dropdowns and nav lists
4
4
 
5
- @mixin nav-divider($color: #e5e5e5) {
6
- height: 1px;
7
- margin: (($line-height-computed / 2) - 1) 0;
5
+ @mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y) {
6
+ height: 0;
7
+ margin: $margin-y 0;
8
8
  overflow: hidden;
9
- background-color: $color;
9
+ border-top: 1px solid $color;
10
10
  }
@@ -1,22 +1,20 @@
1
1
  // Pagination
2
2
 
3
- @mixin pagination-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
4
- > li {
5
- > a,
6
- > span {
7
- padding: $padding-vertical $padding-horizontal;
8
- font-size: $font-size;
9
- line-height: $line-height;
10
- }
3
+ @mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
4
+ .page-link {
5
+ padding: $padding-y $padding-x;
6
+ font-size: $font-size;
7
+ line-height: $line-height;
8
+ }
9
+
10
+ .page-item {
11
11
  &:first-child {
12
- > a,
13
- > span {
12
+ .page-link {
14
13
  @include border-left-radius($border-radius);
15
14
  }
16
15
  }
17
16
  &:last-child {
18
- > a,
19
- > span {
17
+ .page-link {
20
18
  @include border-right-radius($border-radius);
21
19
  }
22
20
  }
@@ -1,18 +1,17 @@
1
- @mixin reset-text() {
1
+ @mixin reset-text {
2
2
  font-family: $font-family-base;
3
- // We deliberately do NOT reset font-size.
3
+ // We deliberately do NOT reset font-size or word-wrap.
4
4
  font-style: normal;
5
- font-weight: normal;
6
- letter-spacing: normal;
7
- line-break: auto;
5
+ font-weight: $font-weight-normal;
8
6
  line-height: $line-height-base;
9
7
  text-align: left; // Fallback for where `start` is not supported
10
- text-align: start;
8
+ text-align: start; // stylelint-disable-line declaration-block-no-duplicate-properties
11
9
  text-decoration: none;
12
10
  text-shadow: none;
13
11
  text-transform: none;
14
- white-space: normal;
12
+ letter-spacing: normal;
15
13
  word-break: normal;
16
14
  word-spacing: normal;
17
- word-wrap: normal;
15
+ white-space: normal;
16
+ line-break: auto;
18
17
  }
@@ -1,6 +1,6 @@
1
1
  // Resize anything
2
2
 
3
3
  @mixin resizable($direction) {
4
- resize: $direction; // Options: horizontal, vertical, both
5
4
  overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
5
+ resize: $direction; // Options: horizontal, vertical, both
6
6
  }
@@ -0,0 +1,33 @@
1
+ // Only display content to screen readers
2
+ //
3
+ // See: https://a11yproject.com/posts/how-to-hide-content/
4
+ // See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/
5
+
6
+ @mixin sr-only {
7
+ position: absolute;
8
+ width: 1px;
9
+ height: 1px;
10
+ padding: 0;
11
+ overflow: hidden;
12
+ clip: rect(0, 0, 0, 0);
13
+ white-space: nowrap;
14
+ border: 0;
15
+ }
16
+
17
+ // Use in conjunction with .sr-only to only display content when it's focused.
18
+ //
19
+ // Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
20
+ //
21
+ // Credit: HTML5 Boilerplate
22
+
23
+ @mixin sr-only-focusable {
24
+ &:active,
25
+ &:focus {
26
+ position: static;
27
+ width: auto;
28
+ height: auto;
29
+ overflow: visible;
30
+ clip: auto;
31
+ white-space: normal;
32
+ }
33
+ }
@@ -1,10 +1,6 @@
1
1
  // Sizing shortcuts
2
2
 
3
- @mixin size($width, $height) {
3
+ @mixin size($width, $height: $width) {
4
4
  width: $width;
5
5
  height: $height;
6
6
  }
7
-
8
- @mixin square($size) {
9
- @include size($size, $size);
10
- }
@@ -3,26 +3,28 @@
3
3
  @mixin table-row-variant($state, $background) {
4
4
  // Exact selectors below required to override `.table-striped` and prevent
5
5
  // inheritance to nested tables.
6
- .table > thead > tr,
7
- .table > tbody > tr,
8
- .table > tfoot > tr {
9
- > td.#{$state},
10
- > th.#{$state},
11
- &.#{$state} > td,
12
- &.#{$state} > th {
6
+ .table-#{$state} {
7
+ &,
8
+ > th,
9
+ > td {
13
10
  background-color: $background;
14
11
  }
15
12
  }
16
13
 
17
14
  // Hover states for `.table-hover`
18
15
  // Note: this is not available for cells or rows within `thead` or `tfoot`.
19
- .table-hover > tbody > tr {
20
- > td.#{$state}:hover,
21
- > th.#{$state}:hover,
22
- &.#{$state}:hover > td,
23
- &:hover > .#{$state},
24
- &.#{$state}:hover > th {
25
- background-color: darken($background, 5%);
16
+ .table-hover {
17
+ $hover-background: darken($background, 5%);
18
+
19
+ .table-#{$state} {
20
+ @include hover {
21
+ background-color: $hover-background;
22
+
23
+ > td,
24
+ > th {
25
+ background-color: $hover-background;
26
+ }
27
+ }
26
28
  }
27
29
  }
28
30
  }