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
@@ -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,253 @@
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%;
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
+ }
16
+ #image_header {
17
+ height: 200px;
18
+ overflow: hidden;
8
19
  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
- }
44
-
45
- //Img Thumbnail size
46
- img.img-thumbnail {
20
+ .header_background_image.lazyloaded {
21
+ object-fit: cover;
22
+ object-position: 50% 50% !important;
23
+ height: 200px;
24
+ width: 100vw;
25
+ display: block;
26
+ position: relative;
27
+ }
28
+ }
29
+ .blog-content {
30
+ .blog_content_image {
31
+ margin: 20px 0px;
32
+ &.small-inline {
33
+ @include media-breakpoint-up(md) {
34
+ width: 200px;
35
+ display: block;
36
+ float: left;
37
+ margin: 0px 20px;
38
+ }
39
+ }
40
+ &.medium-inline {
41
+ @include media-breakpoint-up(md) {
42
+ width: 300px;
43
+ display: block;
44
+ float: left;
45
+ margin: 0px 20px;
46
+ }
47
+ }
48
+ &.large-inline {
49
+ @include media-breakpoint-up(md) {
50
+ width: 400px;
51
+ display: block;
52
+ float: left;
53
+ margin: 0px 20px;
54
+ }
55
+ }
56
+ &.right {
57
+ @include media-breakpoint-up(md) {
58
+ float: right !important;
59
+ }
60
+ }
61
+ }
62
+ }
63
+ #post_search {
64
+ #results-container {
65
+ position: absolute;
66
+ z-index: 9999;
67
+ background-color: white;
68
+ width: 100%;
69
+ border: 1px solid #eee;
70
+ height: 300px;
71
+ overflow: scroll;
72
+ }
73
+ .close_search {
74
+ display: none;
75
+ position: absolute;
76
+ top: 0px;
77
+ right: 0px;
78
+ font-size: 26px;
79
+ color: #000;
80
+ line-height: 80px;
81
+ padding-right: 10px;
82
+ &:hover {
83
+ text-decoration: none;
84
+ color: $primary;
85
+ }
86
+ }
87
+ .search_result_img {
88
+ width: 100px;
89
+ }
90
+ }
91
+ .highlighter-rouge {
92
+ div.highlight {
93
+ position: relative;
94
+ pre.highlight {
95
+ padding: 15px;
96
+ position: relative;
97
+ }
98
+ .copyBtn {
99
+ position: absolute;
100
+ bottom: 0px;
101
+ z-index: 9999;
102
+ height: 40px;
103
+ right: 0px;
104
+ border-left: 1px solid white;
105
+ border-top: 1px solid white;
106
+ border-top-right-radius: 0px;
107
+ border-bottom-right-radius: 0px;
108
+ border-bottom-left-radius: 0px;
109
+ width: 40px;
110
+ &:hover,
111
+ &:focus {
112
+ background-color: $primary;
113
+ }
114
+ }
115
+ }
116
+ }
117
+ .suggested_post_thumb {
47
118
  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;
119
+ border: 1px solid lightgray;
120
+ padding: 0;
121
+ @include media-breakpoint-down(xs) {
122
+ width: 100%;
302
123
  }
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;
124
+ }
125
+ .media-body {
126
+ h5 {
127
+ font-size: 1.7rem;
310
128
  }
311
- }
312
-
313
- //Responsive CSS for Blog
314
- @media(max-width:767px){
315
-
316
- .blog-title{
317
- width:95%;
318
- font-size: 34px;
129
+ & > a {
130
+ color: #313131;
131
+ &:hover {
132
+ text-decoration: none;
133
+ }
319
134
  }
320
- .blog-author-image {
321
- height: 100px;
135
+ }
136
+ .suggested_post_date {
137
+ display: block;
138
+ }
139
+ a {
140
+ transition: all 500ms ease-in-out;
141
+ &:hover {
142
+ color: $primary;
143
+ }
144
+ }
145
+ .rounded-circle {
322
146
  width: 100px;
147
+ height: 100px;
148
+ transition: all 100ms ease-out;
149
+ object-fit: cover;
150
+ &:hover {
151
+ transform: rotate(-5deg);
152
+ -webkit-box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.75);
153
+ -moz-box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.75);
154
+ box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.75);
155
+ }
156
+ &.small {
157
+ height: 50px;
158
+ width: 50px;
159
+ margin-right: 10px;
160
+ }
161
+ }
162
+ .featured_post {
163
+ .row {
164
+ border-radius: 20px;
165
+ overflow: hidden;
166
+ -webkit-box-shadow: 0px 0px 20px 5px #f0f0f0;
167
+ -moz-box-shadow: 0px 0px 20px 5px #e5e5e5;
168
+ box-shadow: 0px 0px 20px 5px #ebebeb;
169
+ margin-left: 0;
170
+ margin-right: 0;
171
+ padding: 0px;
172
+ .latest-featured-post-content {
173
+ .card {
174
+ border-radius: 20px;
175
+ border-top-right-radius: 0px;
176
+ border-bottom-right-radius: 0px;
177
+ @include media-breakpoint-down(sm) {
178
+ border-bottom-right-radius: 20px;
179
+ border-top-right-radius: 0px;
180
+ border-top-left-radius: 0px;
181
+ }
182
+ }
183
+ }
323
184
  }
324
- .blog_post{
325
- padding:20px;
185
+ }
186
+ .blog_image_header {
187
+ overflow: hidden;
188
+ position: relative;
189
+ img {
190
+ height: 150px;
191
+ width: 100%;
192
+ object-fit: cover;
193
+ }
194
+ &:after {
195
+ content: "";
196
+ display: none;
197
+ height: 100%;
198
+ width: 100%;
199
+ position: absolute;
200
+ top: 0px;
201
+ opacity: 0.4;
202
+ background-color: $primary;
203
+ z-index: 0;
326
204
  }
327
- em.post_date {
328
- font-size: 13px;
205
+ &:before {
206
+ content: "Read";
207
+ display: none;
208
+ width: 100%;
209
+ color: white;
210
+ position: absolute;
211
+ z-index: 1;
212
+ text-align: center;
213
+ top: 50%;
214
+ transform: translateY(-50%);
215
+ opacity: 1;
329
216
  }
330
- p.post_excerpt {
331
- font-size: 11px;
217
+ }
218
+ .blog-post-item-col {
219
+ a {
220
+ color: black;
221
+ &:hover {
222
+ text-decoration: none;
223
+ color: black;
224
+ }
332
225
  }
333
-
334
- h3.post_title {
335
- font-size: 17px;
226
+ .rounded-circle:hover {
227
+ transform: none;
228
+ -webkit-box-shadow: none;
229
+ box-shadow: none;
230
+ -moz-box-shadow: none;
336
231
  }
337
-
338
- }
232
+ .card {
233
+ border-radius: 20px;
234
+ overflow: hidden;
235
+ -webkit-box-shadow: 0px 0px 20px 5px #f0f0f0;
236
+ -moz-box-shadow: 0px 0px 20px 5px #e5e5e5;
237
+ box-shadow: 0px 0px 20px 5px #ebebeb;
238
+ transition: all 200ms ease;
239
+ &:hover {
240
+ transform: translateY(-5px);
241
+ -webkit-box-shadow: 0px 0px 20px 5px #b3b3b3;
242
+ -moz-box-shadow: 0px 0px 20px 5px #b3b3b3;
243
+ box-shadow: 0px 0px 20px 5px#b3b3b3;
244
+ .blog_image_header {
245
+ &:before,
246
+ &:after {
247
+ display: block;
248
+ }
249
+ }
250
+ }
251
+ }
252
+ }
253
+ }