linaro-jekyll-theme 1.1 → 4.1.0

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 +131 -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/blog/tags.html +67 -0
  20. data/_includes/components/breadcrumb.html +37 -0
  21. data/_includes/components/carousel_header.html +15 -0
  22. data/_includes/components/cookie_manager.html +72 -0
  23. data/_includes/components/css.html +8 -0
  24. data/_includes/components/github_edit.html +34 -0
  25. data/_includes/components/head.html +66 -0
  26. data/_includes/components/http2.html +57 -0
  27. data/_includes/components/javascript.html +10 -0
  28. data/_includes/components/jumbotron.html +83 -0
  29. data/_includes/components/linaro_404.html +16 -0
  30. data/_includes/components/schema.html +1 -0
  31. data/_includes/components/sidebar.html +55 -0
  32. data/_includes/examples/custom_include.html +10 -0
  33. data/_includes/examples/custom_include_row.html +562 -0
  34. data/_includes/flow/blocks.html +73 -0
  35. data/_includes/flow/button.html +6 -0
  36. data/_includes/flow/buttons.html +5 -0
  37. data/_includes/flow/call-to-action-banner.html +8 -0
  38. data/_includes/flow/collapse.html +21 -0
  39. data/_includes/flow/container_row.html +11 -0
  40. data/_includes/flow/feature_block.html +41 -0
  41. data/_includes/flow/flow_inner.html +29 -0
  42. data/_includes/flow/full_width_row.html +5 -0
  43. data/_includes/flow/image.html +12 -0
  44. data/_includes/flow/members-section.html +24 -0
  45. data/_includes/flow/slider.html +25 -0
  46. data/_includes/flow/slider_row.html +3 -0
  47. data/_includes/flow/tabbed_content.html +21 -0
  48. data/_includes/flow/text.html +3 -0
  49. data/_includes/flow/title.html +3 -0
  50. data/_includes/footer/footer.html +29 -0
  51. data/_includes/image.html +15 -4
  52. data/_includes/js_bundles/app.html +4 -0
  53. data/_includes/js_bundles/vendor.html +13 -0
  54. data/_includes/media.html +4 -4
  55. data/_includes/nav/brand.html +3 -0
  56. data/_includes/nav/nav.html +133 -0
  57. data/_includes/nav/universal_nav.html +36 -0
  58. data/_includes/social_media_icons.html +24 -0
  59. data/_includes/sticky-tab-bar.html +61 -0
  60. data/_includes/youtube.html +74 -6
  61. data/_layouts/author.html +61 -0
  62. data/_layouts/base.html +14 -0
  63. data/_layouts/default.html +2 -18
  64. data/_layouts/flow.html +33 -0
  65. data/_layouts/page.html +5 -0
  66. data/_layouts/post.html +75 -133
  67. data/{_layouts/about.html → _sass/app/blog.scss} +0 -0
  68. data/_sass/app/custom.scss +1 -0
  69. data/_sass/app/overrides.scss +43 -0
  70. data/_sass/app/search.scss +51 -0
  71. data/_sass/blog.scss +3 -0
  72. data/_sass/bootstrap/_alert.scss +51 -0
  73. data/_sass/bootstrap/_badge.scss +47 -0
  74. data/_sass/bootstrap/_breadcrumb.scss +41 -0
  75. data/_sass/bootstrap/_button-group.scss +172 -0
  76. data/_sass/bootstrap/_buttons.scss +75 -100
  77. data/_sass/bootstrap/_card.scss +301 -0
  78. data/_sass/bootstrap/_carousel.scss +161 -195
  79. data/_sass/bootstrap/_close.scss +15 -16
  80. data/_sass/bootstrap/_code.scss +15 -36
  81. data/_sass/bootstrap/_custom-forms.scss +433 -0
  82. data/_sass/bootstrap/_dropdown.scss +166 -0
  83. data/_sass/bootstrap/_forms.scss +213 -497
  84. data/_sass/bootstrap/_functions.scss +86 -0
  85. data/_sass/bootstrap/_grid.scss +29 -61
  86. data/_sass/bootstrap/_images.scss +42 -0
  87. data/_sass/bootstrap/_input-group.scss +173 -0
  88. data/_sass/bootstrap/_jumbotron.scss +9 -47
  89. data/_sass/bootstrap/_list-group.scss +64 -79
  90. data/_sass/bootstrap/_media.scss +3 -61
  91. data/_sass/bootstrap/_mixins.scss +19 -18
  92. data/_sass/bootstrap/_modal.scss +180 -0
  93. data/_sass/bootstrap/_nav.scss +118 -0
  94. data/_sass/bootstrap/_navbar.scss +192 -555
  95. data/_sass/bootstrap/_pagination.scss +59 -70
  96. data/_sass/bootstrap/_popover.scss +183 -0
  97. data/_sass/bootstrap/_print.scss +89 -49
  98. data/_sass/bootstrap/_progress.scss +34 -0
  99. data/_sass/bootstrap/_reboot.scss +483 -0
  100. data/_sass/bootstrap/_root.scss +19 -0
  101. data/_sass/bootstrap/_tables.scss +119 -166
  102. data/_sass/bootstrap/_tooltip.scss +93 -79
  103. data/_sass/bootstrap/_transitions.scss +22 -0
  104. data/_sass/bootstrap/_type.scss +66 -239
  105. data/_sass/bootstrap/_utilities.scss +15 -55
  106. data/_sass/bootstrap/_variables.scss +782 -727
  107. data/_sass/bootstrap/bootstrap-grid.scss +32 -0
  108. data/_sass/bootstrap/bootstrap-reboot.scss +12 -0
  109. data/_sass/bootstrap/bootstrap.scss +42 -0
  110. data/_sass/bootstrap/mixins/_alert.scss +13 -0
  111. data/_sass/bootstrap/mixins/_background-variant.scss +14 -5
  112. data/_sass/bootstrap/mixins/_badge.scss +12 -0
  113. data/_sass/bootstrap/mixins/_border-radius.scss +25 -8
  114. data/_sass/bootstrap/mixins/_box-shadow.scss +5 -0
  115. data/_sass/bootstrap/mixins/_breakpoints.scss +123 -0
  116. data/_sass/bootstrap/mixins/_buttons.scss +84 -40
  117. data/_sass/bootstrap/mixins/_caret.scss +66 -0
  118. data/_sass/bootstrap/mixins/_clearfix.scss +3 -18
  119. data/_sass/bootstrap/mixins/_float.scss +11 -0
  120. data/_sass/bootstrap/mixins/_forms.scss +125 -66
  121. data/_sass/bootstrap/mixins/_gradients.scss +17 -30
  122. data/_sass/bootstrap/mixins/_grid-framework.scss +52 -66
  123. data/_sass/bootstrap/mixins/_grid.scss +37 -107
  124. data/_sass/bootstrap/mixins/_hover.scss +37 -0
  125. data/_sass/bootstrap/mixins/_image.scss +18 -15
  126. data/_sass/bootstrap/mixins/_list-group.scss +10 -21
  127. data/_sass/bootstrap/mixins/_lists.scss +7 -0
  128. data/_sass/bootstrap/mixins/_nav-divider.scss +4 -4
  129. data/_sass/bootstrap/mixins/_pagination.scss +10 -12
  130. data/_sass/bootstrap/mixins/_reset-text.scss +7 -8
  131. data/_sass/bootstrap/mixins/_resize.scss +1 -1
  132. data/_sass/bootstrap/mixins/_screen-reader.scss +33 -0
  133. data/_sass/bootstrap/mixins/_size.scss +1 -5
  134. data/_sass/bootstrap/mixins/_table-row.scss +16 -14
  135. data/_sass/bootstrap/mixins/_text-emphasis.scss +7 -5
  136. data/_sass/bootstrap/mixins/_text-hide.scss +13 -0
  137. data/_sass/bootstrap/mixins/{_text-overflow.scss → _text-truncate.scss} +2 -2
  138. data/_sass/bootstrap/mixins/_transition.scss +13 -0
  139. data/_sass/bootstrap/mixins/_visibility.scss +7 -0
  140. data/_sass/bootstrap/utilities/_align.scss +8 -0
  141. data/_sass/bootstrap/utilities/_background.scss +19 -0
  142. data/_sass/bootstrap/utilities/_borders.scss +59 -0
  143. data/_sass/bootstrap/utilities/_clearfix.scss +3 -0
  144. data/_sass/bootstrap/utilities/_display.scss +38 -0
  145. data/_sass/bootstrap/{_responsive-embed.scss → utilities/_embed.scss} +26 -9
  146. data/_sass/bootstrap/utilities/_flex.scss +51 -0
  147. data/_sass/bootstrap/utilities/_float.scss +9 -0
  148. data/_sass/bootstrap/utilities/_position.scss +37 -0
  149. data/_sass/bootstrap/utilities/_screenreaders.scss +11 -0
  150. data/_sass/bootstrap/utilities/_shadows.scss +6 -0
  151. data/_sass/bootstrap/utilities/_sizing.scss +12 -0
  152. data/_sass/bootstrap/utilities/_spacing.scss +51 -0
  153. data/_sass/bootstrap/utilities/_text.scss +58 -0
  154. data/_sass/bootstrap/utilities/_visibility.scss +11 -0
  155. data/_sass/core.scss +15 -0
  156. data/_sass/core/blog.scss +253 -327
  157. data/_sass/core/bootstrap-multiselect.scss +1 -0
  158. data/_sass/core/breadcrumb.scss +16 -88
  159. data/_sass/core/carousel-header.scss +91 -0
  160. data/_sass/core/carousel-styles.scss +1 -0
  161. data/_sass/core/carousel.scss +188 -28
  162. data/_sass/core/cookies.scss +200 -0
  163. data/_sass/core/error.scss +190 -0
  164. data/_sass/core/featherlight.scss +158 -0
  165. data/_sass/core/flow.scss +94 -0
  166. data/_sass/core/fontello.scss +91 -0
  167. data/_sass/core/footer.scss +60 -132
  168. data/_sass/core/jumbotron.scss +105 -0
  169. data/_sass/core/navbar.scss +241 -0
  170. data/_sass/core/normalize.scss +358 -0
  171. data/_sass/core/syntax.scss +65 -62
  172. data/_sass/core/theme.scss +49 -440
  173. data/assets/css/main.scss +12 -18
  174. data/assets/fonts/fontello/fontello.eot +0 -0
  175. data/assets/fonts/fontello/fontello.svg +94 -0
  176. data/assets/fonts/fontello/fontello.ttf +0 -0
  177. data/assets/fonts/fontello/fontello.woff +0 -0
  178. data/assets/fonts/fontello/fontello.woff2 +0 -0
  179. data/assets/fonts/{lato-regular → lato}/LICENSE.txt +0 -0
  180. data/assets/fonts/{lato-regular → lato}/Lato-regular.eot +0 -0
  181. data/assets/fonts/{lato-regular → lato}/Lato-regular.svg +0 -0
  182. data/assets/fonts/{lato-regular → lato}/Lato-regular.ttf +0 -0
  183. data/assets/fonts/{lato-regular → lato}/Lato-regular.woff +0 -0
  184. data/assets/fonts/{lato-regular → lato}/Lato-regular.woff2 +0 -0
  185. data/assets/images/{Linaro-Logo_standard.svg → Linaro-Logo.svg} +0 -0
  186. data/assets/images/Linaro-Sprinkle.png +0 -0
  187. data/assets/images/Linaro-logo-white.png +0 -0
  188. data/assets/images/{avatar-placeholder.png → avatar-placeholder.jpg} +0 -0
  189. data/assets/images/breadcrumb-image.jpg +0 -0
  190. data/assets/images/clipboard.svg +3 -0
  191. data/{_sass/core/forms.scss → assets/js/app/custom.js} +0 -0
  192. data/assets/js/app/main.js +384 -96
  193. data/assets/js/bootstrap.js.map +1 -0
  194. data/assets/js/popper.min.js.map +1 -0
  195. data/assets/js/vendor/_popper.js +5 -0
  196. data/assets/js/vendor/bootstrap.js +6 -0
  197. data/assets/js/vendor/clipboard.min.js +7 -0
  198. data/assets/js/vendor/featherlight.js +641 -0
  199. data/assets/js/vendor/jquery.cookie.js +120 -0
  200. data/assets/js/vendor/jquery.ihavecookies.js +271 -0
  201. data/assets/js/vendor/jquery.js +10364 -0
  202. data/assets/js/vendor/lazysizes.js +698 -0
  203. data/assets/js/vendor/ls.unveilhooks.js +145 -0
  204. data/assets/js/vendor/owl.carousel.js +3907 -0
  205. data/assets/js/vendor/simple-jekyll-search.min.js +278 -0
  206. data/assets/json/posts.json +28 -0
  207. data/robots.txt +2 -2
  208. metadata +206 -274
  209. data/_data/authors.yml +0 -7
  210. data/_data/company.yml +0 -29
  211. data/_data/linaro.yml +0 -4
  212. data/_data/members_db.yaml +0 -115
  213. data/_data/news.yaml +0 -230
  214. data/_data/sub-nav-stacked.yml +0 -67
  215. data/_data/sub-nav.yml +0 -61
  216. data/_includes/_theme-includes/_blog/pagination.html +0 -39
  217. data/_includes/_theme-includes/_footer/footer.html +0 -85
  218. data/_includes/_theme-includes/_head/head.html +0 -35
  219. data/_includes/_theme-includes/_navigation/nav.html +0 -128
  220. data/_includes/_theme-includes/_navigation/stacked-nav.html +0 -20
  221. data/_includes/_theme-includes/_navigation/tabbed-nav.html +0 -35
  222. data/_includes/_theme-includes/_page-structure/breadcrumb.html +0 -101
  223. data/_includes/_theme-includes/_page-structure/home-hero-shape.html +0 -34
  224. data/_includes/_theme-includes/_page-structure/home-hero.html +0 -23
  225. data/_includes/_theme-includes/_page-structure/shape-divider.html +0 -12
  226. data/_includes/_theme-includes/_script-includes/css.html +0 -40
  227. data/_includes/_theme-includes/_script-includes/google-analytics/script.html +0 -10
  228. data/_includes/_theme-includes/_script-includes/gtm/gtm-noscript.html +0 -5
  229. data/_includes/_theme-includes/_script-includes/gtm/gtm-script.html +0 -9
  230. data/_includes/_theme-includes/_script-includes/javascript.html +0 -50
  231. data/_includes/_theme-includes/_third-party/disqus.html +0 -14
  232. data/_includes/_theme-includes/_third-party/mailchimp-homepage.html +0 -33
  233. data/_includes/_theme-includes/members.html +0 -63
  234. data/_includes/base.html +0 -14
  235. data/_includes/owl-carousel-homepage.html +0 -103
  236. data/_layouts/accessory-display-page.html +0 -88
  237. data/_layouts/blog-breadcrumbless.html +0 -49
  238. data/_layouts/blog.html +0 -56
  239. data/_layouts/contact.html +0 -10
  240. data/_layouts/default-empty.html +0 -11
  241. data/_layouts/default-no-sub-nav.html +0 -15
  242. data/_layouts/default-plain.html +0 -16
  243. data/_layouts/default-stacked-breadcrumb.html +0 -23
  244. data/_layouts/default-stacked.html +0 -22
  245. data/_layouts/empty.html +0 -10
  246. data/_layouts/fluid-no-sub-nav.html +0 -11
  247. data/_layouts/fluid.html +0 -15
  248. data/_layouts/home-shape.html +0 -18
  249. data/_layouts/home.html +0 -18
  250. data/_layouts/product-display-page.html +0 -262
  251. data/_layouts/project-display-page.html +0 -28
  252. data/_layouts/redirect.html +0 -11
  253. data/_sass/_bootstrap-compass.scss +0 -9
  254. data/_sass/_bootstrap-mincer.scss +0 -19
  255. data/_sass/_bootstrap-sprockets.scss +0 -9
  256. data/_sass/_bootstrap.scss +0 -56
  257. data/_sass/bootstrap/_alerts.scss +0 -73
  258. data/_sass/bootstrap/_badges.scss +0 -68
  259. data/_sass/bootstrap/_breadcrumbs.scss +0 -28
  260. data/_sass/bootstrap/_button-groups.scss +0 -244
  261. data/_sass/bootstrap/_component-animations.scss +0 -37
  262. data/_sass/bootstrap/_dropdowns.scss +0 -216
  263. data/_sass/bootstrap/_glyphicons.scss +0 -307
  264. data/_sass/bootstrap/_input-groups.scss +0 -171
  265. data/_sass/bootstrap/_labels.scss +0 -66
  266. data/_sass/bootstrap/_modals.scss +0 -150
  267. data/_sass/bootstrap/_navs.scss +0 -242
  268. data/_sass/bootstrap/_normalize.scss +0 -424
  269. data/_sass/bootstrap/_pager.scss +0 -54
  270. data/_sass/bootstrap/_panels.scss +0 -271
  271. data/_sass/bootstrap/_popovers.scss +0 -131
  272. data/_sass/bootstrap/_progress-bars.scss +0 -87
  273. data/_sass/bootstrap/_responsive-utilities.scss +0 -179
  274. data/_sass/bootstrap/_scaffolding.scss +0 -161
  275. data/_sass/bootstrap/_theme.scss +0 -291
  276. data/_sass/bootstrap/_thumbnails.scss +0 -38
  277. data/_sass/bootstrap/_wells.scss +0 -29
  278. data/_sass/bootstrap/mixins/_alerts.scss +0 -14
  279. data/_sass/bootstrap/mixins/_center-block.scss +0 -7
  280. data/_sass/bootstrap/mixins/_hide-text.scss +0 -21
  281. data/_sass/bootstrap/mixins/_labels.scss +0 -12
  282. data/_sass/bootstrap/mixins/_nav-vertical-align.scss +0 -9
  283. data/_sass/bootstrap/mixins/_opacity.scss +0 -8
  284. data/_sass/bootstrap/mixins/_panels.scss +0 -24
  285. data/_sass/bootstrap/mixins/_progress-bar.scss +0 -10
  286. data/_sass/bootstrap/mixins/_reset-filter.scss +0 -8
  287. data/_sass/bootstrap/mixins/_responsive-visibility.scss +0 -21
  288. data/_sass/bootstrap/mixins/_tab-focus.scss +0 -9
  289. data/_sass/bootstrap/mixins/_vendor-prefixes.scss +0 -222
  290. data/_sass/core/animations.scss +0 -125
  291. data/_sass/core/cookieconsent.scss +0 -42
  292. data/_sass/core/custom.scss +0 -3
  293. data/_sass/core/fa.scss +0 -2336
  294. data/_sass/core/flipclock.scss +0 -435
  295. data/_sass/core/font-awesome.min.scss +0 -4
  296. data/_sass/core/fonts.scss +0 -7
  297. data/_sass/core/homepage.scss +0 -45
  298. data/_sass/core/lightbox.scss +0 -213
  299. data/_sass/core/nav.scss +0 -723
  300. data/_sass/core/old-search.scss +0 -239
  301. data/_sass/core/openhours.scss +0 -51
  302. data/_sass/core/products.scss +0 -221
  303. data/_sass/core/projects.scss +0 -32
  304. data/_sass/core/social-media-icons.scss +0 -71
  305. data/_sass/core/tables.scss +0 -125
  306. data/_sass/core/youtube.scss +0 -65
  307. data/_sass/custom.scss +0 -0
  308. data/assets/fonts/fontawesome-webfont.eot +0 -0
  309. data/assets/fonts/fontawesome-webfont.svg +0 -2671
  310. data/assets/fonts/fontawesome-webfont.ttf +0 -0
  311. data/assets/fonts/fontawesome-webfont.woff +0 -0
  312. data/assets/fonts/fontawesome-webfont.woff2 +0 -0
  313. data/assets/fonts/fontello.eot +0 -0
  314. data/assets/fonts/fontello.svg +0 -44
  315. data/assets/fonts/glyphicons-halflings-regular.ttf +0 -0
  316. data/assets/fonts/glyphicons-halflings-regular.woff +0 -0
  317. data/assets/fonts/glyphicons-halflings-regular.woff2 +0 -0
  318. data/assets/images/96boards-Logo.svg +0 -1
  319. data/assets/images/Linaro-Logo_light.png +0 -0
  320. data/assets/images/Linaro-Sprinkle.svg +0 -13
  321. data/assets/images/background-image.jpg +0 -0
  322. data/assets/images/banner.jpg +0 -0
  323. data/assets/images/css3.png +0 -0
  324. data/assets/images/html5.png +0 -0
  325. data/assets/images/jekyll.svg +0 -1
  326. data/assets/images/js.jpeg +0 -0
  327. data/assets/images/placeholder.png +0 -0
  328. data/assets/js/app/search.js +0 -41
  329. data/assets/js/app/sticky.js +0 -76
  330. data/assets/js/app/tables.js +0 -8
  331. data/assets/js/vendor/bootstrap.min.js +0 -7
  332. data/assets/js/vendor/cognito-forms.js +0 -150
  333. data/assets/js/vendor/cookieconsent.min.js +0 -8
  334. data/assets/js/vendor/flipclock.min.js +0 -35
  335. data/assets/js/vendor/jquery.min.js +0 -4
  336. data/assets/js/vendor/lazysizes.min.js +0 -2
  337. data/assets/js/vendor/lightbox.min.js +0 -14
  338. data/assets/js/vendor/loadCSS.js +0 -79
  339. data/assets/js/vendor/mc-validate.js +0 -14
  340. data/assets/js/vendor/owl.carousel.min.js +0 -27
@@ -0,0 +1,86 @@
1
+ // Bootstrap functions
2
+ //
3
+ // Utility mixins and functions for evaluating source code across our variables, maps, and mixins.
4
+
5
+ // Ascending
6
+ // Used to evaluate Sass maps like our grid breakpoints.
7
+ @mixin _assert-ascending($map, $map-name) {
8
+ $prev-key: null;
9
+ $prev-num: null;
10
+ @each $key, $num in $map {
11
+ @if $prev-num == null {
12
+ // Do nothing
13
+ } @else if not comparable($prev-num, $num) {
14
+ @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
15
+ } @else if $prev-num >= $num {
16
+ @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
17
+ }
18
+ $prev-key: $key;
19
+ $prev-num: $num;
20
+ }
21
+ }
22
+
23
+ // Starts at zero
24
+ // Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.
25
+ @mixin _assert-starts-at-zero($map) {
26
+ $values: map-values($map);
27
+ $first-value: nth($values, 1);
28
+ @if $first-value != 0 {
29
+ @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.";
30
+ }
31
+ }
32
+
33
+ // Replace `$search` with `$replace` in `$string`
34
+ // Used on our SVG icon backgrounds for custom forms.
35
+ //
36
+ // @author Hugo Giraudel
37
+ // @param {String} $string - Initial string
38
+ // @param {String} $search - Substring to replace
39
+ // @param {String} $replace ('') - New value
40
+ // @return {String} - Updated string
41
+ @function str-replace($string, $search, $replace: "") {
42
+ $index: str-index($string, $search);
43
+
44
+ @if $index {
45
+ @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
46
+ }
47
+
48
+ @return $string;
49
+ }
50
+
51
+ // Color contrast
52
+ @function color-yiq($color) {
53
+ $r: red($color);
54
+ $g: green($color);
55
+ $b: blue($color);
56
+
57
+ $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
58
+
59
+ @if ($yiq >= $yiq-contrasted-threshold) {
60
+ @return $yiq-text-dark;
61
+ } @else {
62
+ @return $yiq-text-light;
63
+ }
64
+ }
65
+
66
+ // Retrieve color Sass maps
67
+ @function color($key: "blue") {
68
+ @return map-get($colors, $key);
69
+ }
70
+
71
+ @function theme-color($key: "primary") {
72
+ @return map-get($theme-colors, $key);
73
+ }
74
+
75
+ @function gray($key: "100") {
76
+ @return map-get($grays, $key);
77
+ }
78
+
79
+ // Request a theme color level
80
+ @function theme-color-level($color-name: "primary", $level: 0) {
81
+ $color: theme-color($color-name);
82
+ $color-base: if($level > 0, $black, $white);
83
+ $level: abs($level);
84
+
85
+ @return mix($color-base, $color, $level * $theme-color-interval);
86
+ }
@@ -1,84 +1,52 @@
1
- //
2
- // Grid system
3
- // --------------------------------------------------
4
-
5
-
6
1
  // Container widths
7
2
  //
8
3
  // Set the container width, and override it for fixed navbars in media queries.
9
4
 
10
- .container {
11
- @include container-fixed;
12
-
13
- @media (min-width: $screen-sm-min) {
14
- width: $container-sm;
15
- }
16
- @media (min-width: $screen-md-min) {
17
- width: $container-md;
18
- }
19
- @media (min-width: $screen-lg-min) {
20
- width: $container-lg;
5
+ @if $enable-grid-classes {
6
+ .container {
7
+ @include make-container();
8
+ @include make-container-max-widths();
21
9
  }
22
10
  }
23
11
 
24
-
25
12
  // Fluid container
26
13
  //
27
- // Utilizes the mixin meant for fixed width containers, but without any defined
28
- // width for fluid, full width layouts.
14
+ // Utilizes the mixin meant for fixed width containers, but with 100% width for
15
+ // fluid, full width layouts.
29
16
 
30
- .container-fluid {
31
- @include container-fixed;
17
+ @if $enable-grid-classes {
18
+ .container-fluid {
19
+ @include make-container();
20
+ }
32
21
  }
33
22
 
34
-
35
23
  // Row
36
24
  //
37
25
  // Rows contain and clear the floats of your columns.
38
26
 
39
- .row {
40
- @include make-row;
41
- }
27
+ @if $enable-grid-classes {
28
+ .row {
29
+ @include make-row();
30
+ }
42
31
 
32
+ // Remove the negative margin from default .row, then the horizontal padding
33
+ // from all immediate children columns (to prevent runaway style inheritance).
34
+ .no-gutters {
35
+ margin-right: 0;
36
+ margin-left: 0;
37
+
38
+ > .col,
39
+ > [class*="col-"] {
40
+ padding-right: 0;
41
+ padding-left: 0;
42
+ }
43
+ }
44
+ }
43
45
 
44
46
  // Columns
45
47
  //
46
48
  // Common styles for small and large grid columns
47
49
 
48
- @include make-grid-columns;
49
-
50
-
51
- // Extra small grid
52
- //
53
- // Columns, offsets, pushes, and pulls for extra small devices like
54
- // smartphones.
55
-
56
- @include make-grid(xs);
57
-
58
-
59
- // Small grid
60
- //
61
- // Columns, offsets, pushes, and pulls for the small device range, from phones
62
- // to tablets.
63
-
64
- @media (min-width: $screen-sm-min) {
65
- @include make-grid(sm);
66
- }
67
-
68
-
69
- // Medium grid
70
- //
71
- // Columns, offsets, pushes, and pulls for the desktop device range.
72
-
73
- @media (min-width: $screen-md-min) {
74
- @include make-grid(md);
75
- }
76
-
77
-
78
- // Large grid
79
- //
80
- // Columns, offsets, pushes, and pulls for the large desktop device range.
81
-
82
- @media (min-width: $screen-lg-min) {
83
- @include make-grid(lg);
50
+ @if $enable-grid-classes {
51
+ @include make-grid-columns();
84
52
  }
@@ -0,0 +1,42 @@
1
+ // Responsive images (ensure images don't scale beyond their parents)
2
+ //
3
+ // This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.
4
+ // We previously tried the "images are responsive by default" approach in Bootstrap v2,
5
+ // and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)
6
+ // which weren't expecting the images within themselves to be involuntarily resized.
7
+ // See also https://github.com/twbs/bootstrap/issues/18178
8
+ .img-fluid {
9
+ @include img-fluid;
10
+ }
11
+
12
+
13
+ // Image thumbnails
14
+ .img-thumbnail {
15
+ padding: $thumbnail-padding;
16
+ background-color: $thumbnail-bg;
17
+ border: $thumbnail-border-width solid $thumbnail-border-color;
18
+ @include border-radius($thumbnail-border-radius);
19
+ @include box-shadow($thumbnail-box-shadow);
20
+
21
+ // Keep them at most 100% wide
22
+ @include img-fluid;
23
+ }
24
+
25
+ //
26
+ // Figures
27
+ //
28
+
29
+ .figure {
30
+ // Ensures the caption's text aligns with the image.
31
+ display: inline-block;
32
+ }
33
+
34
+ .figure-img {
35
+ margin-bottom: ($spacer / 2);
36
+ line-height: 1;
37
+ }
38
+
39
+ .figure-caption {
40
+ font-size: $figure-caption-font-size;
41
+ color: $figure-caption-color;
42
+ }
@@ -0,0 +1,173 @@
1
+ // stylelint-disable selector-no-qualifying-type
2
+
3
+ //
4
+ // Base styles
5
+ //
6
+
7
+ .input-group {
8
+ position: relative;
9
+ display: flex;
10
+ flex-wrap: wrap; // For form validation feedback
11
+ align-items: stretch;
12
+ width: 100%;
13
+
14
+ > .form-control,
15
+ > .custom-select,
16
+ > .custom-file {
17
+ position: relative; // For focus state's z-index
18
+ flex: 1 1 auto;
19
+ // Add width 1% and flex-basis auto to ensure that button will not wrap out
20
+ // the column. Applies to IE Edge+ and Firefox. Chrome does not require this.
21
+ width: 1%;
22
+ margin-bottom: 0;
23
+
24
+ + .form-control,
25
+ + .custom-select,
26
+ + .custom-file {
27
+ margin-left: -$input-border-width;
28
+ }
29
+ }
30
+
31
+ // Bring the "active" form control to the top of surrounding elements
32
+ > .form-control:focus,
33
+ > .custom-select:focus,
34
+ > .custom-file .custom-file-input:focus ~ .custom-file-label {
35
+ z-index: 3;
36
+ }
37
+
38
+ // Bring the custom file input above the label
39
+ > .custom-file .custom-file-input:focus {
40
+ z-index: 4;
41
+ }
42
+
43
+ > .form-control,
44
+ > .custom-select {
45
+ &:not(:last-child) { @include border-right-radius(0); }
46
+ &:not(:first-child) { @include border-left-radius(0); }
47
+ }
48
+
49
+ // Custom file inputs have more complex markup, thus requiring different
50
+ // border-radius overrides.
51
+ > .custom-file {
52
+ display: flex;
53
+ align-items: center;
54
+
55
+ &:not(:last-child) .custom-file-label,
56
+ &:not(:last-child) .custom-file-label::after { @include border-right-radius(0); }
57
+ &:not(:first-child) .custom-file-label { @include border-left-radius(0); }
58
+ }
59
+ }
60
+
61
+
62
+ // Prepend and append
63
+ //
64
+ // While it requires one extra layer of HTML for each, dedicated prepend and
65
+ // append elements allow us to 1) be less clever, 2) simplify our selectors, and
66
+ // 3) support HTML5 form validation.
67
+
68
+ .input-group-prepend,
69
+ .input-group-append {
70
+ display: flex;
71
+
72
+ // Ensure buttons are always above inputs for more visually pleasing borders.
73
+ // This isn't needed for `.input-group-text` since it shares the same border-color
74
+ // as our inputs.
75
+ .btn {
76
+ position: relative;
77
+ z-index: 2;
78
+ }
79
+
80
+ .btn + .btn,
81
+ .btn + .input-group-text,
82
+ .input-group-text + .input-group-text,
83
+ .input-group-text + .btn {
84
+ margin-left: -$input-border-width;
85
+ }
86
+ }
87
+
88
+ .input-group-prepend { margin-right: -$input-border-width; }
89
+ .input-group-append { margin-left: -$input-border-width; }
90
+
91
+
92
+ // Textual addons
93
+ //
94
+ // Serves as a catch-all element for any text or radio/checkbox input you wish
95
+ // to prepend or append to an input.
96
+
97
+ .input-group-text {
98
+ display: flex;
99
+ align-items: center;
100
+ padding: $input-padding-y $input-padding-x;
101
+ margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom
102
+ font-size: $font-size-base; // Match inputs
103
+ font-weight: $font-weight-normal;
104
+ line-height: $input-line-height;
105
+ color: $input-group-addon-color;
106
+ text-align: center;
107
+ white-space: nowrap;
108
+ background-color: $input-group-addon-bg;
109
+ border: $input-border-width solid $input-group-addon-border-color;
110
+ @include border-radius($input-border-radius);
111
+
112
+ // Nuke default margins from checkboxes and radios to vertically center within.
113
+ input[type="radio"],
114
+ input[type="checkbox"] {
115
+ margin-top: 0;
116
+ }
117
+ }
118
+
119
+
120
+ // Sizing
121
+ //
122
+ // Remix the default form control sizing classes into new ones for easier
123
+ // manipulation.
124
+
125
+ .input-group-lg > .form-control,
126
+ .input-group-lg > .input-group-prepend > .input-group-text,
127
+ .input-group-lg > .input-group-append > .input-group-text,
128
+ .input-group-lg > .input-group-prepend > .btn,
129
+ .input-group-lg > .input-group-append > .btn {
130
+ height: $input-height-lg;
131
+ padding: $input-padding-y-lg $input-padding-x-lg;
132
+ font-size: $font-size-lg;
133
+ line-height: $input-line-height-lg;
134
+ @include border-radius($input-border-radius-lg);
135
+ }
136
+
137
+ .input-group-sm > .form-control,
138
+ .input-group-sm > .input-group-prepend > .input-group-text,
139
+ .input-group-sm > .input-group-append > .input-group-text,
140
+ .input-group-sm > .input-group-prepend > .btn,
141
+ .input-group-sm > .input-group-append > .btn {
142
+ height: $input-height-sm;
143
+ padding: $input-padding-y-sm $input-padding-x-sm;
144
+ font-size: $font-size-sm;
145
+ line-height: $input-line-height-sm;
146
+ @include border-radius($input-border-radius-sm);
147
+ }
148
+
149
+
150
+ // Prepend and append rounded corners
151
+ //
152
+ // These rulesets must come after the sizing ones to properly override sm and lg
153
+ // border-radius values when extending. They're more specific than we'd like
154
+ // with the `.input-group >` part, but without it, we cannot override the sizing.
155
+
156
+
157
+ .input-group > .input-group-prepend > .btn,
158
+ .input-group > .input-group-prepend > .input-group-text,
159
+ .input-group > .input-group-append:not(:last-child) > .btn,
160
+ .input-group > .input-group-append:not(:last-child) > .input-group-text,
161
+ .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
162
+ .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
163
+ @include border-right-radius(0);
164
+ }
165
+
166
+ .input-group > .input-group-append > .btn,
167
+ .input-group > .input-group-append > .input-group-text,
168
+ .input-group > .input-group-prepend:not(:first-child) > .btn,
169
+ .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
170
+ .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
171
+ .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
172
+ @include border-left-radius(0);
173
+ }
@@ -1,54 +1,16 @@
1
- //
2
- // Jumbotron
3
- // --------------------------------------------------
4
-
5
-
6
1
  .jumbotron {
7
- padding-top: $jumbotron-padding;
8
- padding-bottom: $jumbotron-padding;
2
+ padding: $jumbotron-padding ($jumbotron-padding / 2);
9
3
  margin-bottom: $jumbotron-padding;
10
- color: $jumbotron-color;
11
4
  background-color: $jumbotron-bg;
5
+ @include border-radius($border-radius-lg);
12
6
 
13
- h1,
14
- .h1 {
15
- color: $jumbotron-heading-color;
16
- }
17
-
18
- p {
19
- margin-bottom: ($jumbotron-padding / 2);
20
- font-size: $jumbotron-font-size;
21
- font-weight: 200;
22
- }
23
-
24
- > hr {
25
- border-top-color: darken($jumbotron-bg, 10%);
26
- }
27
-
28
- .container &,
29
- .container-fluid & {
30
- border-radius: $border-radius-large; // Only round corners at higher resolutions if contained in a container
31
- padding-left: ($grid-gutter-width / 2);
32
- padding-right: ($grid-gutter-width / 2);
33
- }
34
-
35
- .container {
36
- max-width: 100%;
7
+ @include media-breakpoint-up(sm) {
8
+ padding: ($jumbotron-padding * 2) $jumbotron-padding;
37
9
  }
10
+ }
38
11
 
39
- @media screen and (min-width: $screen-sm-min) {
40
- padding-top: ($jumbotron-padding * 1.6);
41
- padding-bottom: ($jumbotron-padding * 1.6);
42
-
43
- .container &,
44
- .container-fluid & {
45
- padding-left: ($jumbotron-padding * 2);
46
- padding-right: ($jumbotron-padding * 2);
47
- }
48
-
49
- h1,
50
- .h1 {
51
- font-size: $jumbotron-heading-font-size;
52
- }
53
- }
12
+ .jumbotron-fluid {
13
+ padding-right: 0;
14
+ padding-left: 0;
15
+ @include border-radius(0);
54
16
  }