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,58 @@
1
+ // stylelint-disable declaration-no-important
2
+
3
+ //
4
+ // Text
5
+ //
6
+
7
+ .text-monospace { font-family: $font-family-monospace; }
8
+
9
+ // Alignment
10
+
11
+ .text-justify { text-align: justify !important; }
12
+ .text-nowrap { white-space: nowrap !important; }
13
+ .text-truncate { @include text-truncate; }
14
+
15
+ // Responsive alignment
16
+
17
+ @each $breakpoint in map-keys($grid-breakpoints) {
18
+ @include media-breakpoint-up($breakpoint) {
19
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
20
+
21
+ .text#{$infix}-left { text-align: left !important; }
22
+ .text#{$infix}-right { text-align: right !important; }
23
+ .text#{$infix}-center { text-align: center !important; }
24
+ }
25
+ }
26
+
27
+ // Transformation
28
+
29
+ .text-lowercase { text-transform: lowercase !important; }
30
+ .text-uppercase { text-transform: uppercase !important; }
31
+ .text-capitalize { text-transform: capitalize !important; }
32
+
33
+ // Weight and italics
34
+
35
+ .font-weight-light { font-weight: $font-weight-light !important; }
36
+ .font-weight-normal { font-weight: $font-weight-normal !important; }
37
+ .font-weight-bold { font-weight: $font-weight-bold !important; }
38
+ .font-italic { font-style: italic !important; }
39
+
40
+ // Contextual colors
41
+
42
+ .text-white { color: $white !important; }
43
+
44
+ @each $color, $value in $theme-colors {
45
+ @include text-emphasis-variant(".text-#{$color}", $value);
46
+ }
47
+
48
+ .text-body { color: $body-color !important; }
49
+ .text-muted { color: $text-muted !important; }
50
+
51
+ .text-black-50 { color: rgba($black, .5) !important; }
52
+ .text-white-50 { color: rgba($white, .5) !important; }
53
+
54
+ // Misc
55
+
56
+ .text-hide {
57
+ @include text-hide($ignore-warning: true);
58
+ }
@@ -0,0 +1,11 @@
1
+ //
2
+ // Visibility utilities
3
+ //
4
+
5
+ .visible {
6
+ @include invisible(visible);
7
+ }
8
+
9
+ .invisible {
10
+ @include invisible(hidden);
11
+ }
@@ -0,0 +1,15 @@
1
+ // Core Jumbo Jekyll Theme Sass includes.
2
+ @import "core/normalize";
3
+ @import "core/navbar";
4
+ @import "core/theme";
5
+ @import "core/breadcrumb";
6
+ @import "core/jumbotron";
7
+ @import "core/syntax";
8
+ @import "core/footer";
9
+ @import "core/flow";
10
+ @import "core/blog";
11
+ @import "core/error";
12
+ @import "core/cookies";
13
+ @import "core/fontello";
14
+ @import "core/featherlight";
15
+ @import "core/carousel-styles";
@@ -1,338 +1,264 @@
1
- div#pagination_panel > ul > li.active > a{
2
- color: $navbar-inverse-bg;
3
- }
4
- .full-page-image {
5
- color: $gray-base;
6
- height:500px;
7
- width: 100%;
8
- object-fit: cover;
9
- display: block;
10
- }
11
- .blog-row {
12
- margin-top: 30px;
13
- margin-left: 15px;
14
- margin-right: 15px;
15
- }
16
-
17
-
18
-
19
-
20
- #main-container small.blog-author.text-center > a > em {
21
- color:white;
22
- transition: all 500ms linear;
23
- }
24
- #main-container small.blog-author.text-center > a:hover > em {
25
- color:#a681b8;
26
- }
27
-
28
- img.blog-author-image {
29
- transition: all 100ms linear;
30
- }
31
-
32
- a:hover > img.blog-author-image {
33
- border-color: #d4d4d4;
34
- }
35
-
36
-
37
-
38
-
39
- //Make post images responsive by default
40
- .post-content img {
41
- width: 100%;
42
- height: auto;
43
- }
1
+ #wrapper {
2
+ .latest-featured-post {
3
+ picture {
4
+ height: 100% !important;
5
+ display: block;
6
+ overflow: hidden;
7
+ .post_index_header_image {
8
+ max-width: 100%;
9
+ width: 100%;
10
+ max-height: 400px;
11
+ height: 100%;
12
+ object-fit: cover;
13
+ }
14
+ }
15
+ }
44
16
 
45
- //Img Thumbnail size
46
- img.img-thumbnail {
17
+ #image_header {
18
+ height: 200px;
19
+ overflow: hidden;
20
+ object-fit: cover;
21
+ .header_background_image.lazyloaded {
22
+ object-fit: cover;
23
+ object-position: 50% 50% !important;
24
+ height: 200px;
25
+ width: 100vw;
26
+ display: block;
27
+ position: relative;
28
+ }
29
+ }
30
+ .blog-content {
31
+ .blog_content_image {
32
+ margin: 20px 0px;
33
+ &.small-inline {
34
+ @include media-breakpoint-up(md) {
35
+ width: 200px;
36
+ display: block;
37
+ float: left;
38
+ margin: 0px 20px;
39
+ }
40
+ }
41
+ &.medium-inline {
42
+ @include media-breakpoint-up(md) {
43
+ width: 300px;
44
+ display: block;
45
+ float: left;
46
+ margin: 0px 20px;
47
+ }
48
+ }
49
+ &.large-inline {
50
+ @include media-breakpoint-up(md) {
51
+ width: 400px;
52
+ display: block;
53
+ float: left;
54
+ margin: 0px 20px;
55
+ }
56
+ }
57
+ &.right {
58
+ @include media-breakpoint-up(md) {
59
+ float: right !important;
60
+ }
61
+ }
62
+ }
63
+ }
64
+ #post_search {
65
+ #results-container {
66
+ position: absolute;
67
+ z-index: 9999;
68
+ background-color: white;
69
+ width: 100%;
70
+ border: 1px solid #eee;
71
+ height: 300px;
72
+ overflow: scroll;
73
+ }
74
+ .close_search {
75
+ display: none;
76
+ position: absolute;
77
+ top: 0px;
78
+ right: 0px;
79
+ font-size: 26px;
80
+ color: #000;
81
+ line-height: 80px;
82
+ padding-right: 10px;
83
+ &:hover {
84
+ text-decoration: none;
85
+ color: $primary;
86
+ }
87
+ }
88
+ .search_result_img {
89
+ width: 100px;
90
+ }
91
+ }
92
+ .highlighter-rouge {
93
+ div.highlight {
94
+ position: relative;
95
+ pre.highlight {
96
+ padding: 15px;
97
+ position: relative;
98
+ }
99
+ .copyBtn {
100
+ position: absolute;
101
+ bottom: 0px;
102
+ z-index: 9999;
103
+ height: 40px;
104
+ right: 0px;
105
+ border-left: 1px solid white;
106
+ border-top: 1px solid white;
107
+ border-top-right-radius: 0px;
108
+ border-bottom-right-radius: 0px;
109
+ border-bottom-left-radius: 0px;
110
+ width: 40px;
111
+ &:hover,
112
+ &:focus {
113
+ background-color: $primary;
114
+ }
115
+ }
116
+ }
117
+ }
118
+ .suggested_post_thumb {
47
119
  width: 100px;
48
- }
49
- .blog-panel{
50
- margin-top:30px;
51
- }
52
- .blog-panel .panel-primary .panel-heading{
53
- margin-left: 5px;
54
- }
55
- .img-blog{
56
- height:600px;
57
- }
58
- .blog-featured-img-container{
59
- position: relative;
60
- }
61
- .blog-full-page-image-info{
62
- color: #FFF;
63
- height: 500px;
64
- margin-left: auto;
65
- margin-right: auto;
66
- z-index: 1;
67
- text-align: center;
68
- margin-top: -21px;
69
- line-height:50px;
70
- position: relative;
71
- top: 10vh;
72
- vertical-align:middle;
73
- }
74
- .blog-title {
75
- width: 50%;
76
- margin-right: auto;
77
- margin-left: auto;
78
- font-size: 56px;
79
- }
80
- .panel-primary {
81
- border: 1px solid $brand-primary;
82
- }
83
- .panel-heading {
84
- background-color: $brand-primary;
85
- color: #fff;
86
- }
87
-
88
- .blog-author-image{
89
- height: 83px;
90
- width: 83px;
91
- border-radius:83px;
92
- border: 4px solid white;
93
- background-size: cover;
94
- }
95
-
96
- .full-page-image-text{
97
- top:300px;
98
- position:relative;
99
- margin-left: auto;
100
- margin-right: auto;
101
- z-index: 1;
102
- line-height:50px;
103
- vertical-align:middle;
104
- }
105
-
106
- .no-padding {
107
- padding: 0 !important;
108
- margin: 0 !important;
109
- }
110
- .blog-icons{
111
- border: 1px solid $gray-light;
112
- border-radius: 45px;
113
- width: 34px;
114
- padding: 5px;
115
- float: left;
116
- display: block;
117
- margin: 5px;
118
- opacity: .8;
119
- color: $gray-light;
120
- -webkit-transition: all 1s ease;
121
- transition: all 1s ease;
122
- }
123
-
124
- .blog-icons:hover{
125
- color: $brand-primary;
126
- border: 1px solid $brand-primary;
127
- background-color: black;
128
- opacity: 1;
129
- transition: all 1s ease;
130
- }
131
- .blog-icons:active, .blog-icons:focus{
132
- border: 1px solid $gray-light;
133
- border-radius: 45px;
134
- width: 45px;
135
- margin: 4px;
136
- opacity: .8;
137
- color: $gray-light;
138
- }
139
-
140
-
141
- .blog-read-more-btn{
142
- background-color: white;
143
- border: 2px solid $gray-base;
144
- border-radius: 0px;
145
- font-weight: normal;
146
- color: $gray-base;
147
- transition: all 1s ease;
148
- padding: 6px;
149
- }
150
- .blog-read-more-btn:hover{
151
- background-color: $brand-primary;
152
- color: white;
153
- transition: all 1s ease;
154
- }
155
- .blog-read-more-btn:active, .blog-read-more-btn:focus{
156
- background-color: $brand-primary;
157
- color: white;
158
- transition: all 1s ease;
159
- }
160
- a.featured_blog_post_text {
161
- font-size: 13px;
162
- line-height: 18px;
163
- color: $gray-base;
164
- transition: all 1s ease;
165
- }
166
- a.featured_blog_post_text:hover{
167
- font-size: 13px;
168
- line-height: 18px;
169
- color: $brand-primary;
170
- transition: all 1s ease;
171
- }
172
-
173
- .blog_post{
174
- border-bottom: 1px solid $gray-lighter;
175
- padding-bottom: 13px;
176
- }
177
-
178
- .featured_blog_post {
179
- height: auto;
180
- margin: 5px;
181
- border-bottom: 1px solid $gray-lighter;
182
- padding: 12px;
183
- }
184
-
185
- .blog-well {
186
- background: $gray-darker;
187
- }
188
- .btn-blog{
189
- border: 2px solid $gray-lighter;
190
- color: $gray-base;
191
- padding: 6px;
192
- }
193
- .btn-blog:hover{
194
- color: $brand-primary;
195
- }
196
-
197
- .blog-img {
198
- margin-top:25px;
199
- }
200
-
201
- #blog-background-image{
202
- background-size: cover;
203
- height:800px;
204
- }
205
-
206
- .post-content ol, .post-content ul {
207
- line-height: 1.6em;
208
- font-size: 16px;
209
- }
210
- .post_tag {
211
- background-color: $gray-lighter;
212
- margin: 2px;
213
- color: #464646;
214
- }
215
-
216
- //Pagination centered style
217
- .pagination-centered { text-align: center;}
218
-
219
-
220
-
221
-
222
-
223
-
224
- // Tag Cloud Style
225
- div.tag_cloud {
226
- margin-bottom: 20px;
227
- margin-top: 20px;
228
- }
229
-
230
- div.previous_post{
231
- display:none;
232
- }
233
- div.next_post{
234
- display:none;
235
- }
236
- a.previous_post_anchor {
237
- position: fixed;
238
- top: 50%;
239
- right:0;
240
- }
241
- a.next_post_anchor {
242
- position: fixed;
243
- top: 50%;
244
- left:0;
245
- }
246
-
247
- //Small Inline Blog Images
248
- img.small-inline {
249
- width: 100px !important;
250
- height: auto !important;
251
- display: inline-block;
252
- float: left;
253
- margin-right: 30px;
254
- margin-top: 5px;
255
- margin-bottom: 30px;
256
- }
257
-
258
- // Medium Inline Blog Images
259
- img.medium-inline {
260
- width: 200px !important;
261
- height: auto !important;
262
- display: inline-block;
263
- float: left;
264
- margin-right: 30px;
265
- margin-top: 5px;
266
- margin-bottom: 30px;
267
- }
268
-
269
- //Large Inline Blog Images
270
- img.large-inline {
271
- width: 300px !important;
272
- height: auto !important;
273
- display: inline-block;
274
- float: left;
275
- margin-right: 30px;
276
- margin-top: 5px;
277
- margin-bottom: 30px;
278
- }
279
-
280
- img.medium-inline.right {
281
- float: right;
282
- }
283
-
284
- img.small-inline.right {
285
- float: right;
286
- }
287
-
288
- img.large-inline.right {
289
- float: right;
290
- }
291
-
292
- // Previous and Next Post Style
293
- @media(min-width:992px){
294
-
295
- div.previous_post{
296
- display:block;
297
- width: 0;
298
- height: 0;
299
- border-top: 20px solid transparent;
300
- border-bottom: 20px solid transparent;
301
- border-left: 20px solid #eee;
120
+ border: 1px solid lightgray;
121
+ padding: 0;
122
+ @include media-breakpoint-down(xs) {
123
+ width: 100%;
302
124
  }
303
- div.next_post{
304
- display:block;
305
- width: 0;
306
- height: 0;
307
- border-top: 20px solid transparent;
308
- border-bottom: 20px solid transparent;
309
- border-right: 20px solid #eee;
125
+ }
126
+ .media-body {
127
+ h5 {
128
+ font-size: 1.7rem;
310
129
  }
311
- }
312
-
313
- //Responsive CSS for Blog
314
- @media(max-width:767px){
315
-
316
- .blog-title{
317
- width:95%;
318
- font-size: 34px;
130
+ & > a {
131
+ color: #313131;
132
+ &:hover {
133
+ text-decoration: none;
134
+ }
319
135
  }
320
- .blog-author-image {
321
- height: 100px;
136
+ }
137
+ .suggested_post_date {
138
+ display: block;
139
+ }
140
+ a {
141
+ transition: all 500ms ease-in-out;
142
+ &:hover {
143
+ color: $primary;
144
+ }
145
+ }
146
+ .rounded-circle {
322
147
  width: 100px;
148
+ height: 100px;
149
+ transition: all 100ms ease-out;
150
+ object-fit: cover;
151
+ &:hover {
152
+ transform: rotate(-5deg);
153
+ -webkit-box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.75);
154
+ -moz-box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.75);
155
+ box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.75);
156
+ }
157
+ &.small {
158
+ height: 50px;
159
+ width: 50px;
160
+ margin-right: 10px;
323
161
  }
324
- .blog_post{
325
- padding:20px;
162
+ }
163
+ .featured_post {
164
+ .row {
165
+ border-radius: 20px;
166
+ overflow: hidden;
167
+ -webkit-box-shadow: 0px 0px 20px 5px #f0f0f0;
168
+ -moz-box-shadow: 0px 0px 20px 5px #e5e5e5;
169
+ box-shadow: 0px 0px 20px 5px #ebebeb;
170
+ margin-left: 0;
171
+ margin-right: 0;
172
+ padding: 0px;
173
+ .latest-featured-post-content {
174
+ .card {
175
+ border-radius: 20px;
176
+ border-top-right-radius: 0px;
177
+ border-bottom-right-radius: 0px;
178
+ @include media-breakpoint-down(sm) {
179
+ border-bottom-right-radius: 20px;
180
+ border-top-right-radius: 0px;
181
+ border-top-left-radius: 0px;
182
+ }
183
+ }
184
+ }
326
185
  }
327
- em.post_date {
328
- font-size: 13px;
186
+ }
187
+ .blog_image_header {
188
+ overflow: hidden;
189
+ position: relative;
190
+ img {
191
+ height: 150px;
192
+ width: 100%;
193
+ object-fit: cover;
329
194
  }
330
- p.post_excerpt {
331
- font-size: 11px;
195
+ &:after {
196
+ content: "";
197
+ display: none;
198
+ height: 100%;
199
+ width: 100%;
200
+ position: absolute;
201
+ top: 0px;
202
+ opacity: 0.4;
203
+ background-color: $primary;
204
+ z-index: 0;
332
205
  }
333
-
334
- h3.post_title {
335
- font-size: 17px;
206
+ &:before {
207
+ content: "Read";
208
+ display: none;
209
+ width: 100%;
210
+ color: white;
211
+ position: absolute;
212
+ z-index: 0;
213
+ text-align: center;
214
+ top: 50%;
215
+ transform: translateY(-50%);
216
+ opacity: 1;
336
217
  }
337
-
338
- }
218
+ }
219
+ .blog-post-item-col {
220
+ a {
221
+ color: black;
222
+ &:hover {
223
+ text-decoration: none;
224
+ color: black;
225
+ }
226
+ }
227
+ .rounded-circle:hover {
228
+ transform: none;
229
+ -webkit-box-shadow: none;
230
+ box-shadow: none;
231
+ -moz-box-shadow: none;
232
+ }
233
+ .card {
234
+ a.wrapper_link {
235
+ position: absolute;
236
+ width: 100%;
237
+ height: 100%;
238
+ z-index: 1;
239
+ }
240
+ border-radius: 20px;
241
+ overflow: hidden;
242
+ -webkit-box-shadow: 0px 0px 20px 5px #f0f0f0;
243
+ -moz-box-shadow: 0px 0px 20px 5px #e5e5e5;
244
+ box-shadow: 0px 0px 20px 5px #ebebeb;
245
+ transition: all 200ms ease;
246
+ a {
247
+ position: relative;
248
+ z-index: 2;
249
+ }
250
+ &:hover {
251
+ transform: translateY(-5px);
252
+ -webkit-box-shadow: 0px 0px 20px 5px #b3b3b3;
253
+ -moz-box-shadow: 0px 0px 20px 5px #b3b3b3;
254
+ box-shadow: 0px 0px 20px 5px#b3b3b3;
255
+ .blog_image_header {
256
+ &:before,
257
+ &:after {
258
+ display: block;
259
+ }
260
+ }
261
+ }
262
+ }
263
+ }
264
+ }