linaro-jekyll-theme 1.0 → 4.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (339) hide show
  1. checksums.yaml +5 -5
  2. data/LICENSE.txt +1 -1
  3. data/README.md +19 -50
  4. data/_config.yml +192 -0
  5. data/_data/footer.yml +27 -107
  6. data/_data/nav.yml +72 -61
  7. data/_data/picture.yml +151 -0
  8. data/_data/universal_nav.yml +22 -0
  9. data/_includes/blog/authors_posts.html +37 -0
  10. data/_includes/blog/blog_filler_element.html +21 -0
  11. data/_includes/blog/display_latest_posts.html +119 -0
  12. data/_includes/blog/disqus_comments.html +24 -0
  13. data/_includes/blog/latest_posts.html +11 -0
  14. data/_includes/blog/pagination.html +37 -0
  15. data/_includes/blog/post_search.html +11 -0
  16. data/_includes/blog/post_series.html +28 -0
  17. data/_includes/blog/post_sidebar.html +74 -0
  18. data/_includes/blog/read_time.html +7 -0
  19. data/_includes/components/breadcrumb.html +37 -0
  20. data/_includes/components/carousel_header.html +15 -0
  21. data/_includes/components/cookie_manager.html +72 -0
  22. data/_includes/components/css.html +8 -0
  23. data/_includes/components/github_edit.html +34 -0
  24. data/_includes/components/head.html +65 -0
  25. data/_includes/components/http2.html +57 -0
  26. data/_includes/components/javascript.html +10 -0
  27. data/_includes/components/jumbotron.html +83 -0
  28. data/_includes/components/linaro_404.html +16 -0
  29. data/_includes/components/schema.html +1 -0
  30. data/_includes/components/sidebar.html +55 -0
  31. data/_includes/examples/custom_include.html +10 -0
  32. data/_includes/examples/custom_include_row.html +562 -0
  33. data/_includes/flow/blocks.html +73 -0
  34. data/_includes/flow/button.html +6 -0
  35. data/_includes/flow/buttons.html +5 -0
  36. data/_includes/flow/call-to-action-banner.html +8 -0
  37. data/_includes/flow/collapse.html +21 -0
  38. data/_includes/flow/container_row.html +11 -0
  39. data/_includes/flow/feature_block.html +41 -0
  40. data/_includes/flow/flow_inner.html +29 -0
  41. data/_includes/flow/full_width_row.html +5 -0
  42. data/_includes/flow/image.html +12 -0
  43. data/_includes/flow/members-section.html +24 -0
  44. data/_includes/flow/slider.html +25 -0
  45. data/_includes/flow/slider_row.html +3 -0
  46. data/_includes/flow/tabbed_content.html +21 -0
  47. data/_includes/flow/text.html +3 -0
  48. data/_includes/flow/title.html +3 -0
  49. data/_includes/footer/footer.html +29 -0
  50. data/_includes/image.html +15 -4
  51. data/_includes/js_bundles/app.html +4 -0
  52. data/_includes/js_bundles/vendor.html +13 -0
  53. data/_includes/media.html +4 -4
  54. data/_includes/nav/brand.html +3 -0
  55. data/_includes/nav/nav.html +133 -0
  56. data/_includes/nav/universal_nav.html +36 -0
  57. data/_includes/social_media_icons.html +24 -0
  58. data/_includes/sticky-tab-bar.html +61 -0
  59. data/_includes/youtube.html +74 -6
  60. data/_layouts/author.html +61 -0
  61. data/_layouts/base.html +14 -0
  62. data/_layouts/default.html +2 -18
  63. data/_layouts/flow.html +33 -0
  64. data/_layouts/page.html +5 -0
  65. data/_layouts/post.html +56 -133
  66. data/{_layouts/about.html → _sass/app/blog.scss} +0 -0
  67. data/_sass/app/custom.scss +1 -0
  68. data/_sass/app/overrides.scss +43 -0
  69. data/_sass/app/search.scss +51 -0
  70. data/_sass/blog.scss +3 -0
  71. data/_sass/bootstrap/_alert.scss +51 -0
  72. data/_sass/bootstrap/_badge.scss +47 -0
  73. data/_sass/bootstrap/_breadcrumb.scss +41 -0
  74. data/_sass/bootstrap/_button-group.scss +172 -0
  75. data/_sass/bootstrap/_buttons.scss +75 -100
  76. data/_sass/bootstrap/_card.scss +301 -0
  77. data/_sass/bootstrap/_carousel.scss +161 -195
  78. data/_sass/bootstrap/_close.scss +15 -16
  79. data/_sass/bootstrap/_code.scss +15 -36
  80. data/_sass/bootstrap/_custom-forms.scss +433 -0
  81. data/_sass/bootstrap/_dropdown.scss +166 -0
  82. data/_sass/bootstrap/_forms.scss +213 -497
  83. data/_sass/bootstrap/_functions.scss +86 -0
  84. data/_sass/bootstrap/_grid.scss +29 -61
  85. data/_sass/bootstrap/_images.scss +42 -0
  86. data/_sass/bootstrap/_input-group.scss +173 -0
  87. data/_sass/bootstrap/_jumbotron.scss +9 -47
  88. data/_sass/bootstrap/_list-group.scss +64 -79
  89. data/_sass/bootstrap/_media.scss +3 -61
  90. data/_sass/bootstrap/_mixins.scss +19 -18
  91. data/_sass/bootstrap/_modal.scss +180 -0
  92. data/_sass/bootstrap/_nav.scss +118 -0
  93. data/_sass/bootstrap/_navbar.scss +192 -555
  94. data/_sass/bootstrap/_pagination.scss +59 -70
  95. data/_sass/bootstrap/_popover.scss +183 -0
  96. data/_sass/bootstrap/_print.scss +89 -49
  97. data/_sass/bootstrap/_progress.scss +34 -0
  98. data/_sass/bootstrap/_reboot.scss +483 -0
  99. data/_sass/bootstrap/_root.scss +19 -0
  100. data/_sass/bootstrap/_tables.scss +119 -166
  101. data/_sass/bootstrap/_tooltip.scss +93 -79
  102. data/_sass/bootstrap/_transitions.scss +22 -0
  103. data/_sass/bootstrap/_type.scss +66 -239
  104. data/_sass/bootstrap/_utilities.scss +15 -55
  105. data/_sass/bootstrap/_variables.scss +782 -727
  106. data/_sass/bootstrap/bootstrap-grid.scss +32 -0
  107. data/_sass/bootstrap/bootstrap-reboot.scss +12 -0
  108. data/_sass/bootstrap/bootstrap.scss +42 -0
  109. data/_sass/bootstrap/mixins/_alert.scss +13 -0
  110. data/_sass/bootstrap/mixins/_background-variant.scss +14 -5
  111. data/_sass/bootstrap/mixins/_badge.scss +12 -0
  112. data/_sass/bootstrap/mixins/_border-radius.scss +25 -8
  113. data/_sass/bootstrap/mixins/_box-shadow.scss +5 -0
  114. data/_sass/bootstrap/mixins/_breakpoints.scss +123 -0
  115. data/_sass/bootstrap/mixins/_buttons.scss +84 -40
  116. data/_sass/bootstrap/mixins/_caret.scss +66 -0
  117. data/_sass/bootstrap/mixins/_clearfix.scss +3 -18
  118. data/_sass/bootstrap/mixins/_float.scss +11 -0
  119. data/_sass/bootstrap/mixins/_forms.scss +125 -66
  120. data/_sass/bootstrap/mixins/_gradients.scss +17 -30
  121. data/_sass/bootstrap/mixins/_grid-framework.scss +52 -66
  122. data/_sass/bootstrap/mixins/_grid.scss +37 -107
  123. data/_sass/bootstrap/mixins/_hover.scss +37 -0
  124. data/_sass/bootstrap/mixins/_image.scss +18 -15
  125. data/_sass/bootstrap/mixins/_list-group.scss +10 -21
  126. data/_sass/bootstrap/mixins/_lists.scss +7 -0
  127. data/_sass/bootstrap/mixins/_nav-divider.scss +4 -4
  128. data/_sass/bootstrap/mixins/_pagination.scss +10 -12
  129. data/_sass/bootstrap/mixins/_reset-text.scss +7 -8
  130. data/_sass/bootstrap/mixins/_resize.scss +1 -1
  131. data/_sass/bootstrap/mixins/_screen-reader.scss +33 -0
  132. data/_sass/bootstrap/mixins/_size.scss +1 -5
  133. data/_sass/bootstrap/mixins/_table-row.scss +16 -14
  134. data/_sass/bootstrap/mixins/_text-emphasis.scss +7 -5
  135. data/_sass/bootstrap/mixins/_text-hide.scss +13 -0
  136. data/_sass/bootstrap/mixins/{_text-overflow.scss → _text-truncate.scss} +2 -2
  137. data/_sass/bootstrap/mixins/_transition.scss +13 -0
  138. data/_sass/bootstrap/mixins/_visibility.scss +7 -0
  139. data/_sass/bootstrap/utilities/_align.scss +8 -0
  140. data/_sass/bootstrap/utilities/_background.scss +19 -0
  141. data/_sass/bootstrap/utilities/_borders.scss +59 -0
  142. data/_sass/bootstrap/utilities/_clearfix.scss +3 -0
  143. data/_sass/bootstrap/utilities/_display.scss +38 -0
  144. data/_sass/bootstrap/{_responsive-embed.scss → utilities/_embed.scss} +26 -9
  145. data/_sass/bootstrap/utilities/_flex.scss +51 -0
  146. data/_sass/bootstrap/utilities/_float.scss +9 -0
  147. data/_sass/bootstrap/utilities/_position.scss +37 -0
  148. data/_sass/bootstrap/utilities/_screenreaders.scss +11 -0
  149. data/_sass/bootstrap/utilities/_shadows.scss +6 -0
  150. data/_sass/bootstrap/utilities/_sizing.scss +12 -0
  151. data/_sass/bootstrap/utilities/_spacing.scss +51 -0
  152. data/_sass/bootstrap/utilities/_text.scss +58 -0
  153. data/_sass/bootstrap/utilities/_visibility.scss +11 -0
  154. data/_sass/core.scss +15 -0
  155. data/_sass/core/blog.scss +242 -327
  156. data/_sass/core/bootstrap-multiselect.scss +1 -0
  157. data/_sass/core/breadcrumb.scss +16 -88
  158. data/_sass/core/carousel-header.scss +91 -0
  159. data/_sass/core/carousel-styles.scss +1 -0
  160. data/_sass/core/carousel.scss +188 -28
  161. data/_sass/core/cookies.scss +200 -0
  162. data/_sass/core/error.scss +190 -0
  163. data/_sass/core/featherlight.scss +158 -0
  164. data/_sass/core/flow.scss +94 -0
  165. data/_sass/core/fontello.scss +91 -0
  166. data/_sass/core/footer.scss +60 -132
  167. data/_sass/core/jumbotron.scss +105 -0
  168. data/_sass/core/navbar.scss +241 -0
  169. data/_sass/core/normalize.scss +358 -0
  170. data/_sass/core/syntax.scss +65 -62
  171. data/_sass/core/theme.scss +49 -440
  172. data/assets/css/main.scss +12 -18
  173. data/assets/fonts/fontello/fontello.eot +0 -0
  174. data/assets/fonts/fontello/fontello.svg +94 -0
  175. data/assets/fonts/fontello/fontello.ttf +0 -0
  176. data/assets/fonts/fontello/fontello.woff +0 -0
  177. data/assets/fonts/fontello/fontello.woff2 +0 -0
  178. data/assets/fonts/{lato-regular → lato}/LICENSE.txt +0 -0
  179. data/assets/fonts/{lato-regular → lato}/Lato-regular.eot +0 -0
  180. data/assets/fonts/{lato-regular → lato}/Lato-regular.svg +0 -0
  181. data/assets/fonts/{lato-regular → lato}/Lato-regular.ttf +0 -0
  182. data/assets/fonts/{lato-regular → lato}/Lato-regular.woff +0 -0
  183. data/assets/fonts/{lato-regular → lato}/Lato-regular.woff2 +0 -0
  184. data/assets/images/{Linaro-Logo_standard.svg → Linaro-Logo.svg} +0 -0
  185. data/assets/images/Linaro-Sprinkle.png +0 -0
  186. data/assets/images/Linaro-logo-white.png +0 -0
  187. data/assets/images/{avatar-placeholder.png → avatar-placeholder.jpg} +0 -0
  188. data/assets/images/breadcrumb-image.jpg +0 -0
  189. data/assets/images/clipboard.svg +3 -0
  190. data/{_sass/core/forms.scss → assets/js/app/custom.js} +0 -0
  191. data/assets/js/app/main.js +360 -96
  192. data/assets/js/bootstrap.js.map +1 -0
  193. data/assets/js/popper.min.js.map +1 -0
  194. data/assets/js/vendor/_popper.js +5 -0
  195. data/assets/js/vendor/bootstrap.js +6 -0
  196. data/assets/js/vendor/clipboard.min.js +7 -0
  197. data/assets/js/vendor/featherlight.js +641 -0
  198. data/assets/js/vendor/jquery.cookie.js +120 -0
  199. data/assets/js/vendor/jquery.ihavecookies.js +271 -0
  200. data/assets/js/vendor/jquery.js +10364 -0
  201. data/assets/js/vendor/lazysizes.js +698 -0
  202. data/assets/js/vendor/ls.unveilhooks.js +145 -0
  203. data/assets/js/vendor/owl.carousel.js +3907 -0
  204. data/assets/js/vendor/simple-jekyll-search.min.js +278 -0
  205. data/assets/json/posts.json +28 -0
  206. data/robots.txt +2 -2
  207. metadata +206 -233
  208. data/_data/authors.yml +0 -7
  209. data/_data/company.yml +0 -29
  210. data/_data/linaro.yml +0 -4
  211. data/_data/members_db.yaml +0 -115
  212. data/_data/news.yaml +0 -230
  213. data/_data/sub-nav-stacked.yml +0 -67
  214. data/_data/sub-nav.yml +0 -61
  215. data/_includes/_theme-includes/_blog/pagination.html +0 -39
  216. data/_includes/_theme-includes/_footer/footer.html +0 -85
  217. data/_includes/_theme-includes/_head/head.html +0 -35
  218. data/_includes/_theme-includes/_navigation/nav.html +0 -128
  219. data/_includes/_theme-includes/_navigation/stacked-nav.html +0 -20
  220. data/_includes/_theme-includes/_navigation/tabbed-nav.html +0 -35
  221. data/_includes/_theme-includes/_page-structure/breadcrumb.html +0 -101
  222. data/_includes/_theme-includes/_page-structure/home-hero-shape.html +0 -34
  223. data/_includes/_theme-includes/_page-structure/home-hero.html +0 -23
  224. data/_includes/_theme-includes/_page-structure/shape-divider.html +0 -12
  225. data/_includes/_theme-includes/_script-includes/css.html +0 -40
  226. data/_includes/_theme-includes/_script-includes/google-analytics/script.html +0 -10
  227. data/_includes/_theme-includes/_script-includes/gtm/gtm-noscript.html +0 -5
  228. data/_includes/_theme-includes/_script-includes/gtm/gtm-script.html +0 -9
  229. data/_includes/_theme-includes/_script-includes/javascript.html +0 -50
  230. data/_includes/_theme-includes/_third-party/disqus.html +0 -14
  231. data/_includes/_theme-includes/_third-party/mailchimp-homepage.html +0 -33
  232. data/_includes/_theme-includes/members.html +0 -63
  233. data/_includes/base.html +0 -14
  234. data/_includes/owl-carousel-homepage.html +0 -103
  235. data/_layouts/accessory-display-page.html +0 -88
  236. data/_layouts/blog-breadcrumbless.html +0 -49
  237. data/_layouts/blog.html +0 -56
  238. data/_layouts/contact.html +0 -10
  239. data/_layouts/default-empty.html +0 -11
  240. data/_layouts/default-no-sub-nav.html +0 -15
  241. data/_layouts/default-plain.html +0 -16
  242. data/_layouts/default-stacked-breadcrumb.html +0 -23
  243. data/_layouts/default-stacked.html +0 -22
  244. data/_layouts/empty.html +0 -10
  245. data/_layouts/fluid-no-sub-nav.html +0 -11
  246. data/_layouts/fluid.html +0 -15
  247. data/_layouts/home-shape.html +0 -18
  248. data/_layouts/home.html +0 -18
  249. data/_layouts/product-display-page.html +0 -262
  250. data/_layouts/project-display-page.html +0 -28
  251. data/_layouts/redirect.html +0 -11
  252. data/_sass/_bootstrap-compass.scss +0 -9
  253. data/_sass/_bootstrap-mincer.scss +0 -19
  254. data/_sass/_bootstrap-sprockets.scss +0 -9
  255. data/_sass/_bootstrap.scss +0 -56
  256. data/_sass/bootstrap/_alerts.scss +0 -73
  257. data/_sass/bootstrap/_badges.scss +0 -68
  258. data/_sass/bootstrap/_breadcrumbs.scss +0 -28
  259. data/_sass/bootstrap/_button-groups.scss +0 -244
  260. data/_sass/bootstrap/_component-animations.scss +0 -37
  261. data/_sass/bootstrap/_dropdowns.scss +0 -216
  262. data/_sass/bootstrap/_glyphicons.scss +0 -307
  263. data/_sass/bootstrap/_input-groups.scss +0 -171
  264. data/_sass/bootstrap/_labels.scss +0 -66
  265. data/_sass/bootstrap/_modals.scss +0 -150
  266. data/_sass/bootstrap/_navs.scss +0 -242
  267. data/_sass/bootstrap/_normalize.scss +0 -424
  268. data/_sass/bootstrap/_pager.scss +0 -54
  269. data/_sass/bootstrap/_panels.scss +0 -271
  270. data/_sass/bootstrap/_popovers.scss +0 -131
  271. data/_sass/bootstrap/_progress-bars.scss +0 -87
  272. data/_sass/bootstrap/_responsive-utilities.scss +0 -179
  273. data/_sass/bootstrap/_scaffolding.scss +0 -161
  274. data/_sass/bootstrap/_theme.scss +0 -291
  275. data/_sass/bootstrap/_thumbnails.scss +0 -38
  276. data/_sass/bootstrap/_wells.scss +0 -29
  277. data/_sass/bootstrap/mixins/_alerts.scss +0 -14
  278. data/_sass/bootstrap/mixins/_center-block.scss +0 -7
  279. data/_sass/bootstrap/mixins/_hide-text.scss +0 -21
  280. data/_sass/bootstrap/mixins/_labels.scss +0 -12
  281. data/_sass/bootstrap/mixins/_nav-vertical-align.scss +0 -9
  282. data/_sass/bootstrap/mixins/_opacity.scss +0 -8
  283. data/_sass/bootstrap/mixins/_panels.scss +0 -24
  284. data/_sass/bootstrap/mixins/_progress-bar.scss +0 -10
  285. data/_sass/bootstrap/mixins/_reset-filter.scss +0 -8
  286. data/_sass/bootstrap/mixins/_responsive-visibility.scss +0 -21
  287. data/_sass/bootstrap/mixins/_tab-focus.scss +0 -9
  288. data/_sass/bootstrap/mixins/_vendor-prefixes.scss +0 -222
  289. data/_sass/core/animations.scss +0 -125
  290. data/_sass/core/cookieconsent.scss +0 -42
  291. data/_sass/core/custom.scss +0 -3
  292. data/_sass/core/fa.scss +0 -2336
  293. data/_sass/core/flipclock.scss +0 -435
  294. data/_sass/core/font-awesome.min.scss +0 -4
  295. data/_sass/core/fonts.scss +0 -7
  296. data/_sass/core/homepage.scss +0 -45
  297. data/_sass/core/lightbox.scss +0 -213
  298. data/_sass/core/nav.scss +0 -723
  299. data/_sass/core/old-search.scss +0 -239
  300. data/_sass/core/openhours.scss +0 -51
  301. data/_sass/core/products.scss +0 -221
  302. data/_sass/core/projects.scss +0 -32
  303. data/_sass/core/social-media-icons.scss +0 -71
  304. data/_sass/core/tables.scss +0 -125
  305. data/_sass/core/youtube.scss +0 -65
  306. data/_sass/custom.scss +0 -0
  307. data/assets/fonts/fontawesome-webfont.eot +0 -0
  308. data/assets/fonts/fontawesome-webfont.svg +0 -2671
  309. data/assets/fonts/fontawesome-webfont.ttf +0 -0
  310. data/assets/fonts/fontawesome-webfont.woff +0 -0
  311. data/assets/fonts/fontawesome-webfont.woff2 +0 -0
  312. data/assets/fonts/fontello.eot +0 -0
  313. data/assets/fonts/fontello.svg +0 -44
  314. data/assets/fonts/glyphicons-halflings-regular.ttf +0 -0
  315. data/assets/fonts/glyphicons-halflings-regular.woff +0 -0
  316. data/assets/fonts/glyphicons-halflings-regular.woff2 +0 -0
  317. data/assets/images/96boards-Logo.svg +0 -1
  318. data/assets/images/Linaro-Logo_light.png +0 -0
  319. data/assets/images/Linaro-Sprinkle.svg +0 -13
  320. data/assets/images/background-image.jpg +0 -0
  321. data/assets/images/banner.jpg +0 -0
  322. data/assets/images/css3.png +0 -0
  323. data/assets/images/html5.png +0 -0
  324. data/assets/images/jekyll.svg +0 -1
  325. data/assets/images/js.jpeg +0 -0
  326. data/assets/images/placeholder.png +0 -0
  327. data/assets/js/app/search.js +0 -41
  328. data/assets/js/app/sticky.js +0 -76
  329. data/assets/js/app/tables.js +0 -8
  330. data/assets/js/vendor/bootstrap.min.js +0 -7
  331. data/assets/js/vendor/cognito-forms.js +0 -150
  332. data/assets/js/vendor/cookieconsent.min.js +0 -8
  333. data/assets/js/vendor/flipclock.min.js +0 -35
  334. data/assets/js/vendor/jquery.min.js +0 -4
  335. data/assets/js/vendor/lazysizes.min.js +0 -2
  336. data/assets/js/vendor/lightbox.min.js +0 -14
  337. data/assets/js/vendor/loadCSS.js +0 -79
  338. data/assets/js/vendor/mc-validate.js +0 -14
  339. data/assets/js/vendor/owl.carousel.min.js +0 -27
@@ -1,12 +1,14 @@
1
+ // stylelint-disable declaration-no-important
2
+
1
3
  // Typography
2
4
 
3
- // [converter] $parent hack
4
5
  @mixin text-emphasis-variant($parent, $color) {
5
6
  #{$parent} {
6
- color: $color;
7
+ color: $color !important;
7
8
  }
8
- a#{$parent}:hover,
9
- a#{$parent}:focus {
10
- color: darken($color, 10%);
9
+ a#{$parent} {
10
+ @include hover-focus {
11
+ color: darken($color, 10%) !important;
12
+ }
11
13
  }
12
14
  }
@@ -0,0 +1,13 @@
1
+ // CSS image replacement
2
+ @mixin text-hide($ignore-warning: false) {
3
+ // stylelint-disable-next-line font-family-no-missing-generic-family-keyword
4
+ font: 0/0 a;
5
+ color: transparent;
6
+ text-shadow: none;
7
+ background-color: transparent;
8
+ border: 0;
9
+
10
+ @if ($ignore-warning != true) {
11
+ @warn "The `text-hide()` mixin has been deprecated as of v4.1.0. It will be removed entirely in v5.";
12
+ }
13
+ }
@@ -1,7 +1,7 @@
1
- // Text overflow
1
+ // Text truncate
2
2
  // Requires inline-block or block for proper styling
3
3
 
4
- @mixin text-overflow() {
4
+ @mixin text-truncate() {
5
5
  overflow: hidden;
6
6
  text-overflow: ellipsis;
7
7
  white-space: nowrap;
@@ -0,0 +1,13 @@
1
+ @mixin transition($transition...) {
2
+ @if $enable-transitions {
3
+ @if length($transition) == 0 {
4
+ transition: $transition-base;
5
+ } @else {
6
+ transition: $transition;
7
+ }
8
+ }
9
+
10
+ @media screen and (prefers-reduced-motion: reduce) {
11
+ transition: none;
12
+ }
13
+ }
@@ -0,0 +1,7 @@
1
+ // stylelint-disable declaration-no-important
2
+
3
+ // Visibility
4
+
5
+ @mixin invisible($visibility) {
6
+ visibility: $visibility !important;
7
+ }
@@ -0,0 +1,8 @@
1
+ // stylelint-disable declaration-no-important
2
+
3
+ .align-baseline { vertical-align: baseline !important; } // Browser default
4
+ .align-top { vertical-align: top !important; }
5
+ .align-middle { vertical-align: middle !important; }
6
+ .align-bottom { vertical-align: bottom !important; }
7
+ .align-text-bottom { vertical-align: text-bottom !important; }
8
+ .align-text-top { vertical-align: text-top !important; }
@@ -0,0 +1,19 @@
1
+ // stylelint-disable declaration-no-important
2
+
3
+ @each $color, $value in $theme-colors {
4
+ @include bg-variant(".bg-#{$color}", $value);
5
+ }
6
+
7
+ @if $enable-gradients {
8
+ @each $color, $value in $theme-colors {
9
+ @include bg-gradient-variant(".bg-gradient-#{$color}", $value);
10
+ }
11
+ }
12
+
13
+ .bg-white {
14
+ background-color: $white !important;
15
+ }
16
+
17
+ .bg-transparent {
18
+ background-color: transparent !important;
19
+ }
@@ -0,0 +1,59 @@
1
+ // stylelint-disable declaration-no-important
2
+
3
+ //
4
+ // Border
5
+ //
6
+
7
+ .border { border: $border-width solid $border-color !important; }
8
+ .border-top { border-top: $border-width solid $border-color !important; }
9
+ .border-right { border-right: $border-width solid $border-color !important; }
10
+ .border-bottom { border-bottom: $border-width solid $border-color !important; }
11
+ .border-left { border-left: $border-width solid $border-color !important; }
12
+
13
+ .border-0 { border: 0 !important; }
14
+ .border-top-0 { border-top: 0 !important; }
15
+ .border-right-0 { border-right: 0 !important; }
16
+ .border-bottom-0 { border-bottom: 0 !important; }
17
+ .border-left-0 { border-left: 0 !important; }
18
+
19
+ @each $color, $value in $theme-colors {
20
+ .border-#{$color} {
21
+ border-color: $value !important;
22
+ }
23
+ }
24
+
25
+ .border-white {
26
+ border-color: $white !important;
27
+ }
28
+
29
+ //
30
+ // Border-radius
31
+ //
32
+
33
+ .rounded {
34
+ border-radius: $border-radius !important;
35
+ }
36
+ .rounded-top {
37
+ border-top-left-radius: $border-radius !important;
38
+ border-top-right-radius: $border-radius !important;
39
+ }
40
+ .rounded-right {
41
+ border-top-right-radius: $border-radius !important;
42
+ border-bottom-right-radius: $border-radius !important;
43
+ }
44
+ .rounded-bottom {
45
+ border-bottom-right-radius: $border-radius !important;
46
+ border-bottom-left-radius: $border-radius !important;
47
+ }
48
+ .rounded-left {
49
+ border-top-left-radius: $border-radius !important;
50
+ border-bottom-left-radius: $border-radius !important;
51
+ }
52
+
53
+ .rounded-circle {
54
+ border-radius: 50% !important;
55
+ }
56
+
57
+ .rounded-0 {
58
+ border-radius: 0 !important;
59
+ }
@@ -0,0 +1,3 @@
1
+ .clearfix {
2
+ @include clearfix();
3
+ }
@@ -0,0 +1,38 @@
1
+ // stylelint-disable declaration-no-important
2
+
3
+ //
4
+ // Utilities for common `display` values
5
+ //
6
+
7
+ @each $breakpoint in map-keys($grid-breakpoints) {
8
+ @include media-breakpoint-up($breakpoint) {
9
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
10
+
11
+ .d#{$infix}-none { display: none !important; }
12
+ .d#{$infix}-inline { display: inline !important; }
13
+ .d#{$infix}-inline-block { display: inline-block !important; }
14
+ .d#{$infix}-block { display: block !important; }
15
+ .d#{$infix}-table { display: table !important; }
16
+ .d#{$infix}-table-row { display: table-row !important; }
17
+ .d#{$infix}-table-cell { display: table-cell !important; }
18
+ .d#{$infix}-flex { display: flex !important; }
19
+ .d#{$infix}-inline-flex { display: inline-flex !important; }
20
+ }
21
+ }
22
+
23
+
24
+ //
25
+ // Utilities for toggling `display` in print
26
+ //
27
+
28
+ @media print {
29
+ .d-print-none { display: none !important; }
30
+ .d-print-inline { display: inline !important; }
31
+ .d-print-inline-block { display: inline-block !important; }
32
+ .d-print-block { display: block !important; }
33
+ .d-print-table { display: table !important; }
34
+ .d-print-table-row { display: table-row !important; }
35
+ .d-print-table-cell { display: table-cell !important; }
36
+ .d-print-flex { display: flex !important; }
37
+ .d-print-inline-flex { display: inline-flex !important; }
38
+ }
@@ -1,14 +1,17 @@
1
- // Embeds responsive
2
- //
3
1
  // Credit: Nicolas Gallagher and SUIT CSS.
4
2
 
5
3
  .embed-responsive {
6
4
  position: relative;
7
5
  display: block;
8
- height: 0;
6
+ width: 100%;
9
7
  padding: 0;
10
8
  overflow: hidden;
11
9
 
10
+ &::before {
11
+ display: block;
12
+ content: "";
13
+ }
14
+
12
15
  .embed-responsive-item,
13
16
  iframe,
14
17
  embed,
@@ -16,20 +19,34 @@
16
19
  video {
17
20
  position: absolute;
18
21
  top: 0;
19
- left: 0;
20
22
  bottom: 0;
21
- height: 100%;
23
+ left: 0;
22
24
  width: 100%;
25
+ height: 100%;
23
26
  border: 0;
24
27
  }
25
28
  }
26
29
 
27
- // Modifier class for 16:9 aspect ratio
30
+ .embed-responsive-21by9 {
31
+ &::before {
32
+ padding-top: percentage(9 / 21);
33
+ }
34
+ }
35
+
28
36
  .embed-responsive-16by9 {
29
- padding-bottom: 56.25%;
37
+ &::before {
38
+ padding-top: percentage(9 / 16);
39
+ }
30
40
  }
31
41
 
32
- // Modifier class for 4:3 aspect ratio
33
42
  .embed-responsive-4by3 {
34
- padding-bottom: 75%;
43
+ &::before {
44
+ padding-top: percentage(3 / 4);
45
+ }
46
+ }
47
+
48
+ .embed-responsive-1by1 {
49
+ &::before {
50
+ padding-top: percentage(1 / 1);
51
+ }
35
52
  }
@@ -0,0 +1,51 @@
1
+ // stylelint-disable declaration-no-important
2
+
3
+ // Flex variation
4
+ //
5
+ // Custom styles for additional flex alignment options.
6
+
7
+ @each $breakpoint in map-keys($grid-breakpoints) {
8
+ @include media-breakpoint-up($breakpoint) {
9
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
10
+
11
+ .flex#{$infix}-row { flex-direction: row !important; }
12
+ .flex#{$infix}-column { flex-direction: column !important; }
13
+ .flex#{$infix}-row-reverse { flex-direction: row-reverse !important; }
14
+ .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }
15
+
16
+ .flex#{$infix}-wrap { flex-wrap: wrap !important; }
17
+ .flex#{$infix}-nowrap { flex-wrap: nowrap !important; }
18
+ .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }
19
+ .flex#{$infix}-fill { flex: 1 1 auto !important; }
20
+ .flex#{$infix}-grow-0 { flex-grow: 0 !important; }
21
+ .flex#{$infix}-grow-1 { flex-grow: 1 !important; }
22
+ .flex#{$infix}-shrink-0 { flex-shrink: 0 !important; }
23
+ .flex#{$infix}-shrink-1 { flex-shrink: 1 !important; }
24
+
25
+ .justify-content#{$infix}-start { justify-content: flex-start !important; }
26
+ .justify-content#{$infix}-end { justify-content: flex-end !important; }
27
+ .justify-content#{$infix}-center { justify-content: center !important; }
28
+ .justify-content#{$infix}-between { justify-content: space-between !important; }
29
+ .justify-content#{$infix}-around { justify-content: space-around !important; }
30
+
31
+ .align-items#{$infix}-start { align-items: flex-start !important; }
32
+ .align-items#{$infix}-end { align-items: flex-end !important; }
33
+ .align-items#{$infix}-center { align-items: center !important; }
34
+ .align-items#{$infix}-baseline { align-items: baseline !important; }
35
+ .align-items#{$infix}-stretch { align-items: stretch !important; }
36
+
37
+ .align-content#{$infix}-start { align-content: flex-start !important; }
38
+ .align-content#{$infix}-end { align-content: flex-end !important; }
39
+ .align-content#{$infix}-center { align-content: center !important; }
40
+ .align-content#{$infix}-between { align-content: space-between !important; }
41
+ .align-content#{$infix}-around { align-content: space-around !important; }
42
+ .align-content#{$infix}-stretch { align-content: stretch !important; }
43
+
44
+ .align-self#{$infix}-auto { align-self: auto !important; }
45
+ .align-self#{$infix}-start { align-self: flex-start !important; }
46
+ .align-self#{$infix}-end { align-self: flex-end !important; }
47
+ .align-self#{$infix}-center { align-self: center !important; }
48
+ .align-self#{$infix}-baseline { align-self: baseline !important; }
49
+ .align-self#{$infix}-stretch { align-self: stretch !important; }
50
+ }
51
+ }
@@ -0,0 +1,9 @@
1
+ @each $breakpoint in map-keys($grid-breakpoints) {
2
+ @include media-breakpoint-up($breakpoint) {
3
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
4
+
5
+ .float#{$infix}-left { @include float-left; }
6
+ .float#{$infix}-right { @include float-right; }
7
+ .float#{$infix}-none { @include float-none; }
8
+ }
9
+ }
@@ -0,0 +1,37 @@
1
+ // stylelint-disable declaration-no-important
2
+
3
+ // Common values
4
+
5
+ // Sass list not in variables since it's not intended for customization.
6
+ // stylelint-disable-next-line scss/dollar-variable-default
7
+ $positions: static, relative, absolute, fixed, sticky;
8
+
9
+ @each $position in $positions {
10
+ .position-#{$position} { position: $position !important; }
11
+ }
12
+
13
+ // Shorthand
14
+
15
+ .fixed-top {
16
+ position: fixed;
17
+ top: 0;
18
+ right: 0;
19
+ left: 0;
20
+ z-index: $zindex-fixed;
21
+ }
22
+
23
+ .fixed-bottom {
24
+ position: fixed;
25
+ right: 0;
26
+ bottom: 0;
27
+ left: 0;
28
+ z-index: $zindex-fixed;
29
+ }
30
+
31
+ .sticky-top {
32
+ @supports (position: sticky) {
33
+ position: sticky;
34
+ top: 0;
35
+ z-index: $zindex-sticky;
36
+ }
37
+ }
@@ -0,0 +1,11 @@
1
+ //
2
+ // Screenreaders
3
+ //
4
+
5
+ .sr-only {
6
+ @include sr-only();
7
+ }
8
+
9
+ .sr-only-focusable {
10
+ @include sr-only-focusable();
11
+ }
@@ -0,0 +1,6 @@
1
+ // stylelint-disable declaration-no-important
2
+
3
+ .shadow-sm { box-shadow: $box-shadow-sm !important; }
4
+ .shadow { box-shadow: $box-shadow !important; }
5
+ .shadow-lg { box-shadow: $box-shadow-lg !important; }
6
+ .shadow-none { box-shadow: none !important; }
@@ -0,0 +1,12 @@
1
+ // stylelint-disable declaration-no-important
2
+
3
+ // Width and height
4
+
5
+ @each $prop, $abbrev in (width: w, height: h) {
6
+ @each $size, $length in $sizes {
7
+ .#{$abbrev}-#{$size} { #{$prop}: $length !important; }
8
+ }
9
+ }
10
+
11
+ .mw-100 { max-width: 100% !important; }
12
+ .mh-100 { max-height: 100% !important; }
@@ -0,0 +1,51 @@
1
+ // stylelint-disable declaration-no-important
2
+
3
+ // Margin and Padding
4
+
5
+ @each $breakpoint in map-keys($grid-breakpoints) {
6
+ @include media-breakpoint-up($breakpoint) {
7
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
8
+
9
+ @each $prop, $abbrev in (margin: m, padding: p) {
10
+ @each $size, $length in $spacers {
11
+
12
+ .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
13
+ .#{$abbrev}t#{$infix}-#{$size},
14
+ .#{$abbrev}y#{$infix}-#{$size} {
15
+ #{$prop}-top: $length !important;
16
+ }
17
+ .#{$abbrev}r#{$infix}-#{$size},
18
+ .#{$abbrev}x#{$infix}-#{$size} {
19
+ #{$prop}-right: $length !important;
20
+ }
21
+ .#{$abbrev}b#{$infix}-#{$size},
22
+ .#{$abbrev}y#{$infix}-#{$size} {
23
+ #{$prop}-bottom: $length !important;
24
+ }
25
+ .#{$abbrev}l#{$infix}-#{$size},
26
+ .#{$abbrev}x#{$infix}-#{$size} {
27
+ #{$prop}-left: $length !important;
28
+ }
29
+ }
30
+ }
31
+
32
+ // Some special margin utils
33
+ .m#{$infix}-auto { margin: auto !important; }
34
+ .mt#{$infix}-auto,
35
+ .my#{$infix}-auto {
36
+ margin-top: auto !important;
37
+ }
38
+ .mr#{$infix}-auto,
39
+ .mx#{$infix}-auto {
40
+ margin-right: auto !important;
41
+ }
42
+ .mb#{$infix}-auto,
43
+ .my#{$infix}-auto {
44
+ margin-bottom: auto !important;
45
+ }
46
+ .ml#{$infix}-auto,
47
+ .mx#{$infix}-auto {
48
+ margin-left: auto !important;
49
+ }
50
+ }
51
+ }