jumbo-jekyll-theme 2.5.0 → 3.0.0

data/_sass/core.scss

@@ -8,5 +8,9 @@
 @import "core/breadcrumb";
 @import "core/tables";
 @import "core/forms";
+@import "core/fa";
+@import "core/jumbotron";
+@import "core/animations";
+@import "core/carousel-styles";
 @import "core/owl.carousel.min";
 @import "core/owl.theme.default.min";

data/_sass/core/blog.scss

@@ -248,9 +248,6 @@ div.tag_cloud {
     margin-bottom: 20px;
     margin-top: 20px;
 }
-div#featured-jumbotron.blog {
-    margin-top: 0;
-}
 div.previous_post{
     display:none;
 }
@@ -437,5 +434,9 @@ img.large-inline.right {
 .featured_blog_post  small em {
     color:black;
 }
-
-
+#featured-jumbotron a:hover{
+    text-decoration: none;
+}
+#featured-jumbotron a:hover img{
+    border-color:$brand-primary;
+}

data/_sass/core/breadcrumb.scss

@@ -79,8 +79,8 @@ ol.breadcrumb li span:hover {
 
 .breadcrumb-container{
     background-color: $breadcrumb-background-color;
-    padding-top: 5px;
-    padding-bottom: 5px;
+    padding-top: 10px;
+    padding-bottom: 10px;
 }
 
 .breadcrumb-container > p {

data/_sass/core/carousel-header.scss

@@ -0,0 +1,91 @@
+// Full Width Slider
+.carousel-fade .carousel-inner .item {
+    opacity: 0;
+    transition-property: opacity;
+}
+.carousel-fade .carousel-inner .active {
+    opacity: 1;
+}
+.carousel-fade .carousel-inner .active.left,
+.carousel-fade .carousel-inner .active.right {
+    left: 0;
+    opacity: 0;
+    z-index: 1;
+}
+.carousel-fade .carousel-inner .next.left,
+.carousel-fade .carousel-inner .prev.right {
+    opacity: 1;
+}
+.carousel-fade .carousel-control {
+    z-index: 2;
+}
+@media all and (transform-3d),
+(-webkit-transform-3d) {
+    .carousel-fade .carousel-inner > .item.next,
+    .carousel-fade .carousel-inner > .item.active.right {
+        opacity: 0;
+    }
+    .carousel-fade .carousel-inner > .item.prev,
+    .carousel-fade .carousel-inner > .item.active.left {
+        opacity: 0;
+    }
+    .carousel-fade .carousel-inner > .item.next.left,
+    .carousel-fade .carousel-inner > .item.prev.right,
+    .carousel-fade .carousel-inner > .item.active {
+        opacity: 1;
+    }
+}
+.item:nth-child(1) {
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+}
+.item:nth-child(2) {
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+}
+.item:nth-child(3) {
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+}
+.carousel .item {
+    position: fixed;
+    z-index: 99999;
+    width: 100%;
+    height: $jumbotron-height + 100px;
+    margin-top: $navbar-height;
+}
+.carousel.slide.carousel-fade {
+    position: absolute;
+    top: 0px;
+    z-index: -1;
+}
+nav#universal-nav {
+    z-index: 2;
+    position: static;
+}
+nav#main-navigation {
+    z-index: 999999;
+}
+#content-container {
+    z-index: 99999;
+    background-color: $body-bg;
+    position: relative;
+}
+div#jumbotron {
+    text-align: center;
+    min-height: $jumbotron-height;
+    z-index: 0;
+    position: relative;
+    background: none;
+}
+@media (max-width: $screen-sm-min){
+    #jumbotron {
+        font-size: 32px;
+    }
+}

data/_sass/core/carousel-styles.scss

@@ -1,3 +1,4 @@
 @import "owl.carousel.min";
 @import "owl.theme.default.min";
 @import "carousel";
+@import 'carousel-header';

data/_sass/core/carousel.scss

@@ -41,12 +41,6 @@
   min-width: 100%;
   height: 500px;
 }
-
-
- p.linaro-home-block-text {
-    color: #fff;
-}
-
 a.carousel-control{
     border-radius: 50px;
     border: solid 1px white;

data/_sass/core/cookieconsent.scss

@@ -4,14 +4,12 @@
 @media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
 .cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
 .cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
-
 //Button
 a.cc-btn.cc-dismiss {
         border: 1px $brand-primary solid;
         background-color: $cookie-consent-bg;
         padding: 2px;
 }
-
 //Message
 .cc-floating .cc-message {
     display: block;
@@ -19,12 +17,10 @@ a.cc-btn.cc-dismiss {
     font-size: 14px;
     text-align: left;
 }
-
 // Learn More link
 a.cc-link {
     color: $brand-primary !important;
 }
-
 // Main Div
 .cc-window.cc-floating.cc-type-info.cc-theme-classic.cc-bottom.cc-right.cc-color-override-3938 {
     background-color: $navbar-inverse-bg !important;
@@ -33,10 +29,11 @@ a.cc-link {
     border-radius: 5px;
     height: auto;
 }
-
 //Got It! Div around button
 .cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
     text-align: right !important;
     display: block !important;
-
 }
+.cc-window.cc-banner {
+    z-index: 999999;
+}

data/_sass/core/{404.scss → error.scss}

@@ -1,5 +1,8 @@
-svg#Linaro-Sprinkle {background-color: #fff;height: 350px;width: auto;}
-
+svg#Linaro-Sprinkle {
+    background-color: #fff;
+    height: 350px;
+    width: auto;
+}
 svg#Linaro-Sprinkle > path.purple{
   transform: translateY(0);
   animation: popup 10s linear infinite;
@@ -24,9 +27,6 @@ svg#Linaro-Sprinkle > path.pink{
   transform: translateY(0);
   animation: popup-small 11s linear infinite;
 }
-
-
-
 svg#Linaro-Sprinkle > path {
   opacity: .4;
 }
@@ -35,9 +35,7 @@ svg#Linaro-Sprinkle:hover > path {
   transform: translateY(0);
   opacity: .7;
 }
-
 @keyframes to-start {
-
      0% {
       transform: translateY(40px);
       opacity:.4;
@@ -167,7 +165,6 @@ svg#Linaro-Sprinkle:hover > path {
       transform: translateY(0);
     }
 }
-
 svg#Linaro-Sprinkle .cls-1,svg#Linaro-Sprinkle .cls-6
 {
     fill:#9c3 ;

data/_sass/core/featherlight.scss

@@ -0,0 +1,158 @@
+/**
+ * Featherlight – ultra slim jQuery lightbox
+ * Version 1.7.13 - http://noelboss.github.io/featherlight/
+ *
+ * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com)
+ * MIT Licensed.
+**/
+
+html.with-featherlight {
+	/* disable global scrolling when featherlights are visible */
+	overflow: hidden;
+}
+
+.featherlight {
+	display: none;
+
+	/* dimensions: spanning the background from edge to edge */
+	position:fixed;
+	top: 0; right: 0; bottom: 0; left: 0;
+	z-index: 2147483647; /* z-index needs to be >= elements on the site. */
+
+	/* position: centering content */
+	text-align: center;
+
+	/* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
+	white-space: nowrap;
+
+	/* styling */
+	cursor: pointer;
+	background: #333;
+	/* IE8 "hack" for nested featherlights */
+	background: rgba(0, 0, 0, 0);
+}
+
+/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
+.featherlight:last-of-type {
+	background: rgba(0, 0, 0, 0.8);
+}
+
+.featherlight:before {
+	/* position: trick to center content vertically */
+	content: '';
+	display: inline-block;
+	height: 100%;
+	vertical-align: middle;
+}
+
+.featherlight .featherlight-content {
+	/* make content container for positioned elements (close button) */
+	position: relative;
+
+	/* position: centering vertical and horizontal */
+	text-align: left;
+	vertical-align: middle;
+	display: inline-block;
+
+	/* dimensions: cut off images */
+	overflow: auto;
+	padding: 25px 25px 0;
+	border-bottom: 25px solid transparent;
+
+	/* dimensions: handling large content */
+	margin-left: 5%;
+	margin-right: 5%;
+	max-height: 95%;
+
+	/* styling */
+	background: #fff;
+	cursor: auto;
+
+	/* reset white-space wrapping */
+	white-space: normal;
+}
+
+/* contains the content */
+.featherlight .featherlight-inner {
+	/* make sure its visible */
+	display: block;
+}
+
+/* don't show these though */
+.featherlight script.featherlight-inner,
+.featherlight link.featherlight-inner,
+.featherlight style.featherlight-inner {
+	display: none;
+}
+
+.featherlight .featherlight-close-icon {
+	/* position: centering vertical and horizontal */
+	position: absolute;
+	z-index: 9999;
+	top: 0;
+	right: 0;
+
+	/* dimensions: 25px x 25px */
+	line-height: 25px;
+	width: 25px;
+
+	/* styling */
+	cursor: pointer;
+	text-align: center;
+	font-family: Arial, sans-serif;
+	background: #fff; /* Set the background in case it overlaps the content */
+	background: rgba(255, 255, 255, 0.3);
+	color: #000;
+	border: none;
+	padding: 0;
+}
+
+/* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */
+.featherlight .featherlight-close-icon::-moz-focus-inner {
+	border: 0;
+	padding: 0;
+}
+
+.featherlight .featherlight-image {
+	/* styling */
+	width: 100%;
+}
+
+
+.featherlight-iframe .featherlight-content {
+	/* removed the border for image croping since iframe is edge to edge */
+	border-bottom: 0;
+	padding: 0;
+	-webkit-overflow-scrolling: touch;
+}
+
+.featherlight iframe {
+	/* styling */
+	border: none;
+}
+
+.featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+/* handling phones and small screens */
+@media only screen and (max-width: 1024px) {
+	.featherlight .featherlight-content {
+		/* dimensions: maximize lightbox with for small screens */
+		margin-left: 0;
+		margin-right: 0;
+		max-height: 98%;
+
+		padding: 10px 10px 0;
+		border-bottom: 10px solid transparent;
+	}
+}
+
+/* hide non featherlight items when printing */
+@media print {
+	html.with-featherlight > * > :not(.featherlight) {
+		display: none;
+	}
+}

data/_sass/core/footer.scss

@@ -3,22 +3,18 @@
     padding-top: 40px;
     padding-bottom:30px;
 }
-
 #footer .col-md-6.company-footer-bottom a {
     color: $footer-text-color;
 }
-
 #footer .col-md-6.company-footer-bottom a:hover {
     color: $brand-primary;
-}
-// 
+} 
 #footer a.footer-element {
     color: $footer-text-color;
 }
 #footer a.footer-element:hover {
     color: $brand-primary;
 }
-
 #content-container > div.row.sub-footer{
     margin-top: 20px;
 }
@@ -27,30 +23,26 @@ input#mc-embedded-subscribe {
     background-color: #717171;
     border-color: #95989A;
 }
-  input#mc-embedded-subscribe:hover{
+input#mc-embedded-subscribe:hover{
     color: #fff;
-  }
-
+}
 div.row.sub-footer > div.container {
     padding: 0;
 }
-
 footer {
- background-color: $footer-bg-color;
- height:auto;
- color: $footer-text-color;
- padding:20px;
- font-size: 16px;
- }
+    background-color: $footer-bg-color;
+    height:auto;
+    color: $footer-text-color;
+    padding:20px;
+    font-size: 16px;
+}
  a.btn.btn-social-icon {
-     margin-right: 0;
-     padding-right: 0;
- }
-
- a.btn.btn-social-icon i {
-     margin-right: 0;
- }
- 
+    margin-right: 0;
+    padding-right: 0;
+}
+a.btn.btn-social-icon i {
+    margin-right: 0;
+}
 footer a{
     color: $footer-text-color;
     font-size: 14px;
@@ -65,29 +57,22 @@ footer a:hover{
    -moz-transition: color .5s ease;
    -webkit-transition: color .5s ease;
 }
-
 footer b a {
     color: $brand-primary;
 }
 footer b a:hover{
     color: $brand-primary;
 }
-
 .footer-bottom {
     height:40px;
     line-height: 29px;
     background-color: darken($brand-primary, 20%);
     color: #FFF;
 }
-
-
 .footer-strip{
     background-color: $footer-bg-color;
     border-top: 1px $footer-border-color solid;
 }
-
-
-
 div.row.footer-strip > div > div.pull-right > ul {
     background-color: $gray-darker;
 }
@@ -105,23 +90,18 @@ div.row.footer-strip > div > div.pull-right > ul a:hover{
     line-height: 50px;
     color: $footer-text-color;
 }
-
-
-
 .coloured-bp{
     color: $brand-primary;
 }
 .main-footer-content{
-        margin-bottom: 10px;
-        padding: 40px 0px;
+    margin-bottom: 10px;
+    padding: 40px 0px;
 }
-
 .footer-logo {
     display:block;
     max-width: 100px;
     height: auto;
 }
-
 .company-footer-bottom {
     padding-left: 0px;
     font-size: 13px;
@@ -129,14 +109,12 @@ div.row.footer-strip > div > div.pull-right > ul a:hover{
 .company-footer-bottom .container {
     padding-left: 0px;
 }
-
 .social-footer-bottom{
     padding-left: 0px;
 }
 .social-footer-bottom .container{
     padding-left: 0px;
 }
-
 a.btn.btn-social-icon i {
     color: $footer-text-color;
     transition: color 1s ease;
@@ -145,15 +123,14 @@ a.btn.btn-social-icon:hover i  {
     color: $brand-primary;
     transition: color 1s ease;
 }
-
-.company-footer-bottom img.linaro-logo {
+.company-footer-bottom img.footer-logo {
      width:40px;
      height:100%;
+     display:inline;
 }
 .company-footer-bottom, .company-footer-bottom a{
     color: $footer-text-color;
 }
-
 @media(max-width:$screen-sm-min - 1){
     .footer-strip .container div, .footer-strip {
         text-align: center;