jumbo-jekyll-theme 5.6.9.4 → 5.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (317) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +202 -21
  3. data/README.md +10 -10
  4. data/_config.yml +146 -213
  5. data/_data/footer.yml +31 -33
  6. data/_data/nav.yml +73 -17
  7. data/_data/picture.yml +136 -0
  8. data/_data/settings.yml +97 -103
  9. data/_data/tags.yml +11 -11
  10. data/_data/universal_nav.yml +22 -0
  11. data/_includes/blog/authors_posts.html +37 -0
  12. data/_includes/blog/blog_filler_element.html +21 -0
  13. data/_includes/blog/display_blog_posts.html +126 -0
  14. data/_includes/{disqus-comments.html → blog/disqus_comments.html} +0 -0
  15. data/_includes/{latest-posts.html → blog/latest_posts.html} +0 -0
  16. data/_includes/blog/pagination.html +37 -0
  17. data/_includes/{post-series.html → blog/post_series.html} +0 -0
  18. data/_includes/blog/post_sidebar.html +81 -0
  19. data/_includes/{post-tags.html → blog/post_tags.html} +0 -0
  20. data/_includes/{read_time.html → blog/read_time.html} +0 -0
  21. data/_includes/components/breadcrumb.html +40 -0
  22. data/_includes/{carousel-header.html → components/carousel_header.html} +0 -0
  23. data/_includes/components/cookie_manager.html +80 -0
  24. data/_includes/components/css.html +8 -0
  25. data/_includes/{github-edit.html → components/github_edit.html} +0 -0
  26. data/_includes/components/head.html +60 -0
  27. data/_includes/components/http2.html +57 -0
  28. data/_includes/components/javascript.html +10 -0
  29. data/_includes/components/jumbotron.html +80 -0
  30. data/_includes/{linaro-404.html → components/linaro_404.html} +16 -19
  31. data/_includes/{schema.html → components/schema.html} +43 -43
  32. data/_includes/{sidebar.html → components/sidebar.html} +0 -0
  33. data/_includes/examples/custom_include.html +10 -0
  34. data/_includes/{custom_include_row.html → examples/custom_include_row.html} +562 -562
  35. data/_includes/flow/blocks.html +44 -0
  36. data/_includes/{core → flow}/button.html +5 -5
  37. data/_includes/flow/buttons.html +5 -0
  38. data/_includes/{core → flow}/call-to-action-banner.html +0 -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 +25 -0
  42. data/_includes/{core → flow}/full_width_row.html +5 -5
  43. data/_includes/{core → flow}/members-section.html +24 -32
  44. data/_includes/{core → flow}/slider.html +25 -33
  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 +73 -0
  50. data/_includes/image.html +5 -6
  51. data/_includes/js_bundles/app.html +5 -0
  52. data/_includes/js_bundles/vendor.html +13 -0
  53. data/_includes/nav/brand.html +3 -0
  54. data/_includes/nav/nav.html +133 -0
  55. data/_includes/nav/universal_nav.html +36 -0
  56. data/_includes/{social-media-icons.html → social_media_icons.html} +0 -0
  57. data/_includes/youtube.html +74 -6
  58. data/_layouts/author.html +62 -6
  59. data/_layouts/base.html +6 -8
  60. data/_layouts/default.html +3 -3
  61. data/_layouts/error.html +25 -25
  62. data/_layouts/flow.html +33 -36
  63. data/_layouts/post-index.html +17 -16
  64. data/_layouts/post.html +55 -39
  65. data/_sass/app/blog.scss +0 -22
  66. data/_sass/app/overrides.scss +121 -66
  67. data/_sass/app/search.scss +51 -51
  68. data/_sass/blog.scss +1 -1
  69. data/_sass/bootstrap/_alert.scss +51 -0
  70. data/_sass/bootstrap/_badge.scss +47 -0
  71. data/_sass/bootstrap/_breadcrumb.scss +41 -0
  72. data/_sass/bootstrap/_button-group.scss +172 -0
  73. data/_sass/bootstrap/_buttons.scss +75 -100
  74. data/_sass/bootstrap/_card.scss +301 -0
  75. data/_sass/bootstrap/_carousel.scss +161 -195
  76. data/_sass/bootstrap/_close.scss +15 -16
  77. data/_sass/bootstrap/_code.scss +15 -36
  78. data/_sass/bootstrap/_custom-forms.scss +433 -0
  79. data/_sass/bootstrap/_dropdown.scss +166 -0
  80. data/_sass/bootstrap/_forms.scss +213 -497
  81. data/_sass/bootstrap/_functions.scss +86 -0
  82. data/_sass/bootstrap/_grid.scss +29 -61
  83. data/_sass/bootstrap/_images.scss +42 -0
  84. data/_sass/bootstrap/_input-group.scss +173 -0
  85. data/_sass/bootstrap/_jumbotron.scss +9 -47
  86. data/_sass/bootstrap/_list-group.scss +64 -79
  87. data/_sass/bootstrap/_media.scss +3 -61
  88. data/_sass/bootstrap/_mixins.scss +19 -18
  89. data/_sass/bootstrap/_modal.scss +180 -0
  90. data/_sass/bootstrap/_nav.scss +118 -0
  91. data/_sass/bootstrap/_navbar.scss +192 -555
  92. data/_sass/bootstrap/_pagination.scss +59 -70
  93. data/_sass/bootstrap/_popover.scss +183 -0
  94. data/_sass/bootstrap/_print.scss +89 -49
  95. data/_sass/bootstrap/_progress.scss +34 -0
  96. data/_sass/bootstrap/_reboot.scss +483 -0
  97. data/_sass/bootstrap/_root.scss +19 -0
  98. data/_sass/bootstrap/_tables.scss +119 -166
  99. data/_sass/bootstrap/_tooltip.scss +93 -79
  100. data/_sass/bootstrap/_transitions.scss +22 -0
  101. data/_sass/bootstrap/_type.scss +66 -239
  102. data/_sass/bootstrap/_utilities.scss +15 -55
  103. data/_sass/bootstrap/_variables.scss +952 -932
  104. data/_sass/bootstrap/bootstrap-grid.scss +32 -0
  105. data/_sass/bootstrap/bootstrap-reboot.scss +12 -0
  106. data/_sass/bootstrap/bootstrap.scss +42 -0
  107. data/_sass/bootstrap/mixins/_alert.scss +13 -0
  108. data/_sass/bootstrap/mixins/_background-variant.scss +14 -5
  109. data/_sass/bootstrap/mixins/_badge.scss +12 -0
  110. data/_sass/bootstrap/mixins/_border-radius.scss +25 -8
  111. data/_sass/bootstrap/mixins/_box-shadow.scss +5 -0
  112. data/_sass/bootstrap/mixins/_breakpoints.scss +123 -0
  113. data/_sass/bootstrap/mixins/_buttons.scss +84 -40
  114. data/_sass/bootstrap/mixins/_caret.scss +66 -0
  115. data/_sass/bootstrap/mixins/_clearfix.scss +3 -18
  116. data/_sass/bootstrap/mixins/_float.scss +11 -0
  117. data/_sass/bootstrap/mixins/_forms.scss +125 -66
  118. data/_sass/bootstrap/mixins/_gradients.scss +17 -30
  119. data/_sass/bootstrap/mixins/_grid-framework.scss +52 -66
  120. data/_sass/bootstrap/mixins/_grid.scss +37 -107
  121. data/_sass/bootstrap/mixins/_hover.scss +37 -0
  122. data/_sass/bootstrap/mixins/_image.scss +18 -15
  123. data/_sass/bootstrap/mixins/_list-group.scss +10 -21
  124. data/_sass/bootstrap/mixins/_lists.scss +7 -0
  125. data/_sass/bootstrap/mixins/_nav-divider.scss +4 -4
  126. data/_sass/bootstrap/mixins/_pagination.scss +10 -12
  127. data/_sass/bootstrap/mixins/_reset-text.scss +7 -8
  128. data/_sass/bootstrap/mixins/_resize.scss +1 -1
  129. data/_sass/bootstrap/mixins/_screen-reader.scss +33 -0
  130. data/_sass/bootstrap/mixins/_size.scss +1 -5
  131. data/_sass/bootstrap/mixins/_table-row.scss +16 -14
  132. data/_sass/bootstrap/mixins/_text-emphasis.scss +7 -5
  133. data/_sass/bootstrap/mixins/_text-hide.scss +13 -0
  134. data/_sass/bootstrap/mixins/{_text-overflow.scss → _text-truncate.scss} +2 -2
  135. data/_sass/bootstrap/mixins/_transition.scss +13 -0
  136. data/_sass/bootstrap/mixins/_visibility.scss +7 -0
  137. data/_sass/bootstrap/utilities/_align.scss +8 -0
  138. data/_sass/bootstrap/utilities/_background.scss +19 -0
  139. data/_sass/bootstrap/utilities/_borders.scss +59 -0
  140. data/_sass/bootstrap/utilities/_clearfix.scss +3 -0
  141. data/_sass/bootstrap/utilities/_display.scss +38 -0
  142. data/_sass/bootstrap/{_responsive-embed.scss → utilities/_embed.scss} +26 -9
  143. data/_sass/bootstrap/utilities/_flex.scss +51 -0
  144. data/_sass/bootstrap/utilities/_float.scss +9 -0
  145. data/_sass/bootstrap/utilities/_position.scss +37 -0
  146. data/_sass/bootstrap/utilities/_screenreaders.scss +11 -0
  147. data/_sass/bootstrap/utilities/_shadows.scss +6 -0
  148. data/_sass/bootstrap/utilities/_sizing.scss +12 -0
  149. data/_sass/bootstrap/utilities/_spacing.scss +51 -0
  150. data/_sass/bootstrap/utilities/_text.scss +58 -0
  151. data/_sass/bootstrap/utilities/_visibility.scss +11 -0
  152. data/_sass/core.scss +15 -20
  153. data/_sass/core/blog.scss +126 -426
  154. data/_sass/core/breadcrumb.scss +16 -96
  155. data/_sass/core/carousel-header.scss +91 -91
  156. data/_sass/core/carousel.scss +7 -8
  157. data/_sass/core/cookies.scss +194 -0
  158. data/_sass/core/error.scss +190 -190
  159. data/_sass/core/flow.scss +71 -186
  160. data/_sass/core/fontello.scss +156 -0
  161. data/_sass/core/footer.scss +69 -142
  162. data/_sass/core/jumbotron.scss +90 -279
  163. data/_sass/core/navbar.scss +233 -0
  164. data/_sass/core/normalize.scss +357 -357
  165. data/_sass/core/theme.scss +40 -918
  166. data/assets/css/main-blog.scss +15 -14
  167. data/assets/css/main-error.scss +14 -13
  168. data/assets/css/main-search.scss +4 -3
  169. data/assets/css/main.scss +12 -11
  170. data/assets/fonts/fontello/fontello.eot +0 -0
  171. data/assets/fonts/fontello/fontello.svg +82 -0
  172. data/assets/fonts/fontello/fontello.ttf +0 -0
  173. data/assets/fonts/fontello/fontello.woff +0 -0
  174. data/assets/fonts/fontello/fontello.woff2 +0 -0
  175. data/assets/fonts/{lato-regular → lato}/LICENSE.txt +0 -0
  176. data/assets/fonts/{lato-regular → lato}/Lato-regular.eot +0 -0
  177. data/assets/fonts/{lato-regular → lato}/Lato-regular.svg +0 -0
  178. data/assets/fonts/{lato-regular → lato}/Lato-regular.ttf +0 -0
  179. data/assets/fonts/{lato-regular → lato}/Lato-regular.woff +0 -0
  180. data/assets/fonts/{lato-regular → lato}/Lato-regular.woff2 +0 -0
  181. data/assets/images/clipboard.svg +3 -0
  182. data/assets/js/app/main.js +298 -261
  183. data/assets/js/app/scroll-to-anchors.js +10 -9
  184. data/assets/js/app/sticky-tab-bar.js +67 -69
  185. data/assets/js/bootstrap.js.map +1 -0
  186. data/assets/js/popper.min.js.map +1 -0
  187. data/assets/js/vendor/_popper.js +5 -0
  188. data/assets/js/vendor/bootstrap.js +5 -2376
  189. data/assets/js/vendor/fess-ss.min.js +24 -24
  190. data/assets/js/vendor/jquery.cookie.js +120 -0
  191. data/assets/js/vendor/jquery.ihavecookies.js +263 -0
  192. data/assets/js/vendor/jquery.slim.js +8842 -0
  193. data/robots.txt +9 -9
  194. metadata +157 -377
  195. data/_data/example-carousel-data-source.yml +0 -36
  196. data/_data/members-section-example.yml +0 -0
  197. data/_data/universal-nav.yml +0 -7
  198. data/_includes/authors-posts.html +0 -18
  199. data/_includes/blog-filler-element.html +0 -24
  200. data/_includes/breadcrumb.html +0 -97
  201. data/_includes/core/blocks.html +0 -30
  202. data/_includes/core/buttons.html +0 -5
  203. data/_includes/core/container_row.html +0 -7
  204. data/_includes/core/feature_block.html +0 -43
  205. data/_includes/core/slider_row.html +0 -3
  206. data/_includes/core/text.html +0 -3
  207. data/_includes/core/title.html +0 -3
  208. data/_includes/core/youtube_video_embed.html +0 -11
  209. data/_includes/css.html +0 -9
  210. data/_includes/custom_include.html +0 -13
  211. data/_includes/display-blog-posts.html +0 -154
  212. data/_includes/flow_inner.html +0 -19
  213. data/_includes/footer.html +0 -68
  214. data/_includes/google-analytics.html +0 -16
  215. data/_includes/head.html +0 -19
  216. data/_includes/http2.html +0 -102
  217. data/_includes/javascript.html +0 -10
  218. data/_includes/jumbotron.html +0 -115
  219. data/_includes/linaro-svg.html +0 -1
  220. data/_includes/nav.html +0 -153
  221. data/_includes/pagination.html +0 -39
  222. data/_includes/post-sidebar.html +0 -182
  223. data/_includes/responsive-image.html +0 -6
  224. data/_includes/thumb-image.html +0 -31
  225. data/_includes/thumb.html +0 -2
  226. data/_includes/thumbnail_image.html +0 -10
  227. data/_includes/universal-nav.html +0 -30
  228. data/_layouts/jumbotron-container.html +0 -19
  229. data/_layouts/jumbotron.html +0 -12
  230. data/_layouts/redirect.html +0 -11
  231. data/_sass/_bootstrap-compass.scss +0 -9
  232. data/_sass/_bootstrap-mincer.scss +0 -19
  233. data/_sass/_bootstrap-sprockets.scss +0 -9
  234. data/_sass/_bootstrap.scss +0 -56
  235. data/_sass/app-package.scss +0 -11
  236. data/_sass/app/contact.scss +0 -3
  237. data/_sass/app/custom.scss +0 -1
  238. data/_sass/bootstrap/_alerts.scss +0 -73
  239. data/_sass/bootstrap/_badges.scss +0 -68
  240. data/_sass/bootstrap/_breadcrumbs.scss +0 -28
  241. data/_sass/bootstrap/_button-groups.scss +0 -244
  242. data/_sass/bootstrap/_component-animations.scss +0 -37
  243. data/_sass/bootstrap/_dropdowns.scss +0 -216
  244. data/_sass/bootstrap/_glyphicons.scss +0 -307
  245. data/_sass/bootstrap/_input-groups.scss +0 -171
  246. data/_sass/bootstrap/_labels.scss +0 -66
  247. data/_sass/bootstrap/_modals.scss +0 -150
  248. data/_sass/bootstrap/_navs.scss +0 -242
  249. data/_sass/bootstrap/_normalize.scss +0 -424
  250. data/_sass/bootstrap/_pager.scss +0 -54
  251. data/_sass/bootstrap/_panels.scss +0 -271
  252. data/_sass/bootstrap/_popovers.scss +0 -131
  253. data/_sass/bootstrap/_progress-bars.scss +0 -87
  254. data/_sass/bootstrap/_responsive-utilities.scss +0 -179
  255. data/_sass/bootstrap/_scaffolding.scss +0 -161
  256. data/_sass/bootstrap/_theme.scss +0 -291
  257. data/_sass/bootstrap/_thumbnails.scss +0 -38
  258. data/_sass/bootstrap/_wells.scss +0 -29
  259. data/_sass/bootstrap/mixins/_alerts.scss +0 -14
  260. data/_sass/bootstrap/mixins/_center-block.scss +0 -7
  261. data/_sass/bootstrap/mixins/_hide-text.scss +0 -21
  262. data/_sass/bootstrap/mixins/_labels.scss +0 -12
  263. data/_sass/bootstrap/mixins/_nav-vertical-align.scss +0 -9
  264. data/_sass/bootstrap/mixins/_opacity.scss +0 -8
  265. data/_sass/bootstrap/mixins/_panels.scss +0 -24
  266. data/_sass/bootstrap/mixins/_progress-bar.scss +0 -10
  267. data/_sass/bootstrap/mixins/_reset-filter.scss +0 -8
  268. data/_sass/bootstrap/mixins/_responsive-visibility.scss +0 -21
  269. data/_sass/bootstrap/mixins/_tab-focus.scss +0 -9
  270. data/_sass/bootstrap/mixins/_vendor-prefixes.scss +0 -222
  271. data/_sass/core/animations.scss +0 -125
  272. data/_sass/core/cookieconsent.scss +0 -39
  273. data/_sass/core/critical.scss +0 -0
  274. data/_sass/core/custom.scss +0 -3
  275. data/_sass/core/fa.scss +0 -2336
  276. data/_sass/core/flipclock.scss +0 -434
  277. data/_sass/core/fly.scss +0 -10
  278. data/_sass/core/font-awesome.min.scss +0 -4
  279. data/_sass/core/fonts.scss +0 -3
  280. data/_sass/core/forms.scss +0 -3
  281. data/_sass/core/homepage.scss +0 -19
  282. data/_sass/core/lightbox.scss +0 -212
  283. data/_sass/core/nav.scss +0 -1015
  284. data/_sass/core/social-media-icons.scss +0 -67
  285. data/_sass/core/tables.scss +0 -175
  286. data/_sass/core/triangle-divider.scss +0 -27
  287. data/_sass/core/universal-nav.scss +0 -167
  288. data/_sass/core/youtube-lazy.scss +0 -51
  289. data/_sass/core/youtube.scss +0 -65
  290. data/_sass/home.scss +0 -2
  291. data/assets/fonts/fontawesome-webfont.eot +0 -0
  292. data/assets/fonts/fontawesome-webfont.svg +0 -2671
  293. data/assets/fonts/fontawesome-webfont.ttf +0 -0
  294. data/assets/fonts/fontawesome-webfont.woff +0 -0
  295. data/assets/fonts/fontawesome-webfont.woff2 +0 -0
  296. data/assets/fonts/fontello.eot +0 -0
  297. data/assets/fonts/fontello.svg +0 -44
  298. data/assets/fonts/glyphicons-halflings-regular.ttf +0 -0
  299. data/assets/fonts/glyphicons-halflings-regular.woff +0 -0
  300. data/assets/fonts/glyphicons-halflings-regular.woff2 +0 -0
  301. data/assets/images/Linaro-Logo_light.png +0 -0
  302. data/assets/images/content/background-image1.jpg +0 -0
  303. data/assets/images/content/background-image2.png +0 -0
  304. data/assets/images/content/background-image3.jpg +0 -0
  305. data/assets/images/content/js-logo.png +0 -0
  306. data/assets/js/app/blog-comments.js +0 -50
  307. data/assets/js/app/facebook.js +0 -8
  308. data/assets/js/app/fly.js +0 -45
  309. data/assets/js/app/search.js +0 -29
  310. data/assets/js/app/youtube-lazy.js +0 -25
  311. data/assets/js/pacakge-search.js +0 -9
  312. data/assets/js/package-blog.js +0 -12
  313. data/assets/js/package-extended.js +0 -14
  314. data/assets/js/package-home.js +0 -14
  315. data/assets/js/package-main.js +0 -13
  316. data/assets/js/package-search.js +0 -8
  317. data/assets/js/vendor/cookieconsent.js +0 -1495
@@ -0,0 +1,32 @@
1
+ /*!
2
+ * Bootstrap Grid v4.1.3 (https://getbootstrap.com/)
3
+ * Copyright 2011-2018 The Bootstrap Authors
4
+ * Copyright 2011-2018 Twitter, Inc.
5
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6
+ */
7
+
8
+ @at-root {
9
+ @-ms-viewport { width: device-width; } // stylelint-disable-line at-rule-no-vendor-prefix
10
+ }
11
+
12
+ html {
13
+ box-sizing: border-box;
14
+ -ms-overflow-style: scrollbar;
15
+ }
16
+
17
+ *,
18
+ *::before,
19
+ *::after {
20
+ box-sizing: inherit;
21
+ }
22
+
23
+ @import "functions";
24
+ @import "variables";
25
+
26
+ @import "mixins/breakpoints";
27
+ @import "mixins/grid-framework";
28
+ @import "mixins/grid";
29
+
30
+ @import "grid";
31
+ @import "utilities/display";
32
+ @import "utilities/flex";
@@ -0,0 +1,12 @@
1
+ /*!
2
+ * Bootstrap Reboot v4.1.3 (https://getbootstrap.com/)
3
+ * Copyright 2011-2018 The Bootstrap Authors
4
+ * Copyright 2011-2018 Twitter, Inc.
5
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
7
+ */
8
+
9
+ @import "functions";
10
+ @import "variables";
11
+ @import "mixins";
12
+ @import "reboot";
@@ -0,0 +1,42 @@
1
+ /*!
2
+ * Bootstrap v4.1.3 (https://getbootstrap.com/)
3
+ * Copyright 2011-2018 The Bootstrap Authors
4
+ * Copyright 2011-2018 Twitter, Inc.
5
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6
+ */
7
+
8
+ @import "functions";
9
+ @import "variables";
10
+ @import "mixins";
11
+ @import "root";
12
+ @import "reboot";
13
+ @import "type";
14
+ @import "images";
15
+ @import "code";
16
+ @import "grid";
17
+ @import "tables";
18
+ @import "forms";
19
+ @import "buttons";
20
+ @import "transitions";
21
+ @import "dropdown";
22
+ @import "button-group";
23
+ @import "input-group";
24
+ @import "custom-forms";
25
+ @import "nav";
26
+ @import "navbar";
27
+ @import "card";
28
+ @import "breadcrumb";
29
+ @import "pagination";
30
+ @import "badge";
31
+ @import "jumbotron";
32
+ @import "alert";
33
+ @import "progress";
34
+ @import "media";
35
+ @import "list-group";
36
+ @import "close";
37
+ @import "modal";
38
+ @import "tooltip";
39
+ @import "popover";
40
+ @import "carousel";
41
+ @import "utilities";
42
+ @import "print";
@@ -0,0 +1,13 @@
1
+ @mixin alert-variant($background, $border, $color) {
2
+ color: $color;
3
+ @include gradient-bg($background);
4
+ border-color: $border;
5
+
6
+ hr {
7
+ border-top-color: darken($border, 5%);
8
+ }
9
+
10
+ .alert-link {
11
+ color: darken($color, 10%);
12
+ }
13
+ }
@@ -1,12 +1,21 @@
1
+ // stylelint-disable declaration-no-important
2
+
1
3
  // Contextual backgrounds
2
4
 
3
- // [converter] $parent hack
4
5
  @mixin bg-variant($parent, $color) {
5
6
  #{$parent} {
6
- background-color: $color;
7
+ background-color: $color !important;
8
+ }
9
+ a#{$parent},
10
+ button#{$parent} {
11
+ @include hover-focus {
12
+ background-color: darken($color, 10%) !important;
13
+ }
7
14
  }
8
- a#{$parent}:hover,
9
- a#{$parent}:focus {
10
- background-color: darken($color, 10%);
15
+ }
16
+
17
+ @mixin bg-gradient-variant($parent, $color) {
18
+ #{$parent} {
19
+ background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;
11
20
  }
12
21
  }
@@ -0,0 +1,12 @@
1
+ @mixin badge-variant($bg) {
2
+ color: color-yiq($bg);
3
+ background-color: $bg;
4
+
5
+ &[href] {
6
+ @include hover-focus {
7
+ color: color-yiq($bg);
8
+ text-decoration: none;
9
+ background-color: darken($bg, 10%);
10
+ }
11
+ }
12
+ }
@@ -1,18 +1,35 @@
1
1
  // Single side border-radius
2
2
 
3
+ @mixin border-radius($radius: $border-radius) {
4
+ @if $enable-rounded {
5
+ border-radius: $radius;
6
+ }
7
+ }
8
+
3
9
  @mixin border-top-radius($radius) {
4
- border-top-right-radius: $radius;
5
- border-top-left-radius: $radius;
10
+ @if $enable-rounded {
11
+ border-top-left-radius: $radius;
12
+ border-top-right-radius: $radius;
13
+ }
6
14
  }
15
+
7
16
  @mixin border-right-radius($radius) {
8
- border-bottom-right-radius: $radius;
9
- border-top-right-radius: $radius;
17
+ @if $enable-rounded {
18
+ border-top-right-radius: $radius;
19
+ border-bottom-right-radius: $radius;
20
+ }
10
21
  }
22
+
11
23
  @mixin border-bottom-radius($radius) {
12
- border-bottom-right-radius: $radius;
13
- border-bottom-left-radius: $radius;
24
+ @if $enable-rounded {
25
+ border-bottom-right-radius: $radius;
26
+ border-bottom-left-radius: $radius;
27
+ }
14
28
  }
29
+
15
30
  @mixin border-left-radius($radius) {
16
- border-bottom-left-radius: $radius;
17
- border-top-left-radius: $radius;
31
+ @if $enable-rounded {
32
+ border-top-left-radius: $radius;
33
+ border-bottom-left-radius: $radius;
34
+ }
18
35
  }
@@ -0,0 +1,5 @@
1
+ @mixin box-shadow($shadow...) {
2
+ @if $enable-shadows {
3
+ box-shadow: $shadow;
4
+ }
5
+ }
@@ -0,0 +1,123 @@
1
+ // Breakpoint viewport sizes and media queries.
2
+ //
3
+ // Breakpoints are defined as a map of (name: minimum width), order from small to large:
4
+ //
5
+ // (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)
6
+ //
7
+ // The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.
8
+
9
+ // Name of the next breakpoint, or null for the last breakpoint.
10
+ //
11
+ // >> breakpoint-next(sm)
12
+ // md
13
+ // >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
14
+ // md
15
+ // >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))
16
+ // md
17
+ @function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
18
+ $n: index($breakpoint-names, $name);
19
+ @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);
20
+ }
21
+
22
+ // Minimum breakpoint width. Null for the smallest (first) breakpoint.
23
+ //
24
+ // >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
25
+ // 576px
26
+ @function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
27
+ $min: map-get($breakpoints, $name);
28
+ @return if($min != 0, $min, null);
29
+ }
30
+
31
+ // Maximum breakpoint width. Null for the largest (last) breakpoint.
32
+ // The maximum value is calculated as the minimum of the next one less 0.02px
33
+ // to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
34
+ // See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
35
+ // Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
36
+ // See https://bugs.webkit.org/show_bug.cgi?id=178261
37
+ //
38
+ // >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
39
+ // 767.98px
40
+ @function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
41
+ $next: breakpoint-next($name, $breakpoints);
42
+ @return if($next, breakpoint-min($next, $breakpoints) - .02px, null);
43
+ }
44
+
45
+ // Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.
46
+ // Useful for making responsive utilities.
47
+ //
48
+ // >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
49
+ // "" (Returns a blank string)
50
+ // >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
51
+ // "-sm"
52
+ @function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {
53
+ @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");
54
+ }
55
+
56
+ // Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
57
+ // Makes the @content apply to the given breakpoint and wider.
58
+ @mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
59
+ $min: breakpoint-min($name, $breakpoints);
60
+ @if $min {
61
+ @media (min-width: $min) {
62
+ @content;
63
+ }
64
+ } @else {
65
+ @content;
66
+ }
67
+ }
68
+
69
+ // Media of at most the maximum breakpoint width. No query for the largest breakpoint.
70
+ // Makes the @content apply to the given breakpoint and narrower.
71
+ @mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {
72
+ $max: breakpoint-max($name, $breakpoints);
73
+ @if $max {
74
+ @media (max-width: $max) {
75
+ @content;
76
+ }
77
+ } @else {
78
+ @content;
79
+ }
80
+ }
81
+
82
+ // Media that spans multiple breakpoint widths.
83
+ // Makes the @content apply between the min and max breakpoints
84
+ @mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {
85
+ $min: breakpoint-min($lower, $breakpoints);
86
+ $max: breakpoint-max($upper, $breakpoints);
87
+
88
+ @if $min != null and $max != null {
89
+ @media (min-width: $min) and (max-width: $max) {
90
+ @content;
91
+ }
92
+ } @else if $max == null {
93
+ @include media-breakpoint-up($lower, $breakpoints) {
94
+ @content;
95
+ }
96
+ } @else if $min == null {
97
+ @include media-breakpoint-down($upper, $breakpoints) {
98
+ @content;
99
+ }
100
+ }
101
+ }
102
+
103
+ // Media between the breakpoint's minimum and maximum widths.
104
+ // No minimum for the smallest breakpoint, and no maximum for the largest one.
105
+ // Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
106
+ @mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {
107
+ $min: breakpoint-min($name, $breakpoints);
108
+ $max: breakpoint-max($name, $breakpoints);
109
+
110
+ @if $min != null and $max != null {
111
+ @media (min-width: $min) and (max-width: $max) {
112
+ @content;
113
+ }
114
+ } @else if $max == null {
115
+ @include media-breakpoint-up($name, $breakpoints) {
116
+ @content;
117
+ }
118
+ } @else if $min == null {
119
+ @include media-breakpoint-down($name, $breakpoints) {
120
+ @content;
121
+ }
122
+ }
123
+ }
@@ -3,63 +3,107 @@
3
3
  // Easily pump out default styles, as well as :hover, :focus, :active,
4
4
  // and disabled options for all buttons
5
5
 
6
- @mixin button-variant($color, $background, $border) {
7
- color: $color;
8
- background-color: $background;
6
+ @mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {
7
+ color: color-yiq($background);
8
+ @include gradient-bg($background);
9
9
  border-color: $border;
10
+ @include box-shadow($btn-box-shadow);
11
+
12
+ @include hover {
13
+ color: color-yiq($hover-background);
14
+ @include gradient-bg($hover-background);
15
+ border-color: $hover-border;
16
+ }
10
17
 
11
18
  &:focus,
12
19
  &.focus {
13
- color: $color;
14
- background-color: darken($background, 10%);
15
- border-color: darken($border, 25%);
20
+ // Avoid using mixin so we can pass custom focus shadow properly
21
+ @if $enable-shadows {
22
+ box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
23
+ } @else {
24
+ box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
25
+ }
16
26
  }
17
- &:hover {
18
- color: $color;
19
- background-color: darken($background, 10%);
20
- border-color: darken($border, 12%);
27
+
28
+ // Disabled comes first so active can properly restyle
29
+ &.disabled,
30
+ &:disabled {
31
+ color: color-yiq($background);
32
+ background-color: $background;
33
+ border-color: $border;
21
34
  }
22
- &:active,
23
- &.active,
24
- .open > &.dropdown-toggle {
25
- color: $color;
26
- background-color: darken($background, 10%);
27
- border-color: darken($border, 12%);
28
35
 
29
- &:hover,
30
- &:focus,
31
- &.focus {
32
- color: $color;
33
- background-color: darken($background, 17%);
34
- border-color: darken($border, 25%);
36
+ &:not(:disabled):not(.disabled):active,
37
+ &:not(:disabled):not(.disabled).active,
38
+ .show > &.dropdown-toggle {
39
+ color: color-yiq($active-background);
40
+ background-color: $active-background;
41
+ @if $enable-gradients {
42
+ background-image: none; // Remove the gradient for the pressed/active state
43
+ }
44
+ border-color: $active-border;
45
+
46
+ &:focus {
47
+ // Avoid using mixin so we can pass custom focus shadow properly
48
+ @if $enable-shadows {
49
+ box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
50
+ } @else {
51
+ box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
52
+ }
35
53
  }
36
54
  }
37
- &:active,
38
- &.active,
39
- .open > &.dropdown-toggle {
40
- background-image: none;
55
+ }
56
+
57
+ @mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {
58
+ color: $color;
59
+ background-color: transparent;
60
+ background-image: none;
61
+ border-color: $color;
62
+
63
+ &:hover {
64
+ color: $color-hover;
65
+ background-color: $active-background;
66
+ border-color: $active-border;
67
+ }
68
+
69
+ &:focus,
70
+ &.focus {
71
+ box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
41
72
  }
73
+
42
74
  &.disabled,
43
- &[disabled],
44
- fieldset[disabled] & {
45
- &:hover,
46
- &:focus,
47
- &.focus {
48
- background-color: $background;
49
- border-color: $border;
50
- }
75
+ &:disabled {
76
+ color: $color;
77
+ background-color: transparent;
51
78
  }
52
79
 
53
- .badge {
54
- color: $background;
55
- background-color: $color;
80
+ &:not(:disabled):not(.disabled):active,
81
+ &:not(:disabled):not(.disabled).active,
82
+ .show > &.dropdown-toggle {
83
+ color: color-yiq($active-background);
84
+ background-color: $active-background;
85
+ border-color: $active-border;
86
+
87
+ &:focus {
88
+ // Avoid using mixin so we can pass custom focus shadow properly
89
+ @if $enable-shadows and $btn-active-box-shadow != none {
90
+ box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);
91
+ } @else {
92
+ box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
93
+ }
94
+ }
56
95
  }
57
96
  }
58
97
 
59
98
  // Button sizes
60
- @mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
61
- padding: $padding-vertical $padding-horizontal;
99
+ @mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
100
+ padding: $padding-y $padding-x;
62
101
  font-size: $font-size;
63
102
  line-height: $line-height;
64
- border-radius: $border-radius;
103
+ // Manually declare to provide an override to the browser default
104
+ @if $enable-rounded {
105
+ border-radius: $border-radius;
106
+ } @else {
107
+ border-radius: 0;
108
+ }
65
109
  }