linaro-jekyll-theme 4.1.6 → 4.2.0

data/_layouts/flow.html

@@ -6,6 +6,9 @@ layout: base
 {% elsif page.breadcrumb %}
     {% include components/breadcrumb.html %}
 {% endif %}
+{% if page.sticky_tab_bar %}
+    {% include components/sticky_tab_bar.html object=page %}
+{% endif %}
 <div class="container-fluid main_content" id="flow_wrapper">
     {% if page.flow %}
         {% for each in page.flow %}

data/_sass/app/overrides.scss

@@ -4,7 +4,7 @@ $secondary: #575757;
 $theme-colors: (
   "primary": $primary,
   "secondary": $secondary,
-  "danger": #ff4136
+  "danger": #ff4136,
 );
 // Universal Navbar
 $universal_navbar_height_padding: 0px;
@@ -14,19 +14,26 @@ $universal_navbar_bg_color: $primary;
 $navbar_height_padding: 5px;
 $navbar_text_color: #575757;
 $navbar_bg_color: #fff;
+// Breakpoint at which navbars are expanded
+// Also set in the _data/nav.yml file - both are needed
+$nav_expand_point: "lg";
 // Jumbotron
 $jumbotron_bg_color: lightgray;
 $jumbotron_height: 350px;
 // Typography
 @font-face {
   font-display: fallback;
-  font-family: 'Lato';
-  src: url('/assets/fonts/lato/Lato-regular.eot'); /* IE9 Compat Modes */
-  src: url('/assets/fonts/lato/Lato-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('/assets/fonts/lato/Lato-regular.woff2') format('woff2'), /* Super Modern Browsers */
-       url('/assets/fonts/lato/Lato-regular.woff') format('woff'), /* Pretty Modern Browsers */
-       url('/assets/fonts/lato/Lato-regular.ttf')  format('truetype'), /* Safari, Android, iOS */
-       url('/assets/fonts/lato/Lato-regular.svg') format('svg'); /* Legacy iOS */
+  font-family: "Lato";
+  src: url("/assets/fonts/lato/Lato-regular.eot"); /* IE9 Compat Modes */
+  src: url("/assets/fonts/lato/Lato-regular.eot?#iefix")
+      format("embedded-opentype"),
+    /* IE6-IE8 */ url("/assets/fonts/lato/Lato-regular.woff2") format("woff2"),
+    /* Super Modern Browsers */ url("/assets/fonts/lato/Lato-regular.woff")
+      format("woff"),
+    /* Pretty Modern Browsers */ url("/assets/fonts/lato/Lato-regular.ttf")
+      format("truetype"),
+    /* Safari, Android, iOS */ url("/assets/fonts/lato/Lato-regular.svg")
+      format("svg"); /* Legacy iOS */
 }
 // Fonts
 $font-family-base: "Lato";
@@ -41,3 +48,9 @@ $cookie_consent_bg: #000;
 $cookie_consent_text_color: #fff;
 // Breadcrumb
 $breadcrumb_bg_color: #e9ecef;
+// Sticky Tab Bar
+$tabbed_nav_height: 80px;
+$tabbed_nav_bg: #fff;
+$tabbed_nav_text_colour: #000;
+$tabbed_nav_active_bg_colour: $secondary;
+$tabbed_nav_active_colour: #fff;

data/_sass/core.scss

@@ -1,6 +1,8 @@
 // Core Jumbo Jekyll Theme Sass includes.
 @import "core/normalize";
 @import "core/navbar";
+@import "core/sticky_tab_bar";
+@import "core/documentation";
 @import "core/theme";
 @import "core/breadcrumb";
 @import "core/jumbotron";

data/_sass/core/breadcrumb.scss

@@ -1,18 +1,40 @@
 #wrapper {
-    #breadcrumb {
-        background-color: $breadcrumb_bg_color;
-        h1 {
-            margin-top:0px;
-            margin-bottom:0px;
-            padding-top:10px;
-        }
+  #breadcrumb {
+    background-color: $breadcrumb_bg_color;
+    &.breadcrumb_bg {
+      position: relative;
+      img.breadcrumb_image {
+        position: absolute;
+        height: 100%;
+        width: 100%;
+        object-fit: cover;
+        filter: brightness(0.8);
+        z-index: 0;
+      }
+      .container {
+        z-index: 1;
+        position: relative;
         ol {
-            background-color: $breadcrumb_bg_color;
-            padding-left:0px;
-            li:not(:first-child)::before {
-                content: "\00bb\00a0";
-                padding-left:5px;
-            }
+          background-color: transparent;
+          color: white;
+        }
+        h1 {
+          color: white;
         }
+      }
+    }
+    h1 {
+      margin-top: 0px;
+      margin-bottom: 0px;
+      padding-top: 10px;
+    }
+    ol {
+      background-color: $breadcrumb_bg_color;
+      padding-left: 0px;
+      li:not(:first-child)::before {
+        content: "\00bb\00a0";
+        padding-left: 5px;
+      }
     }
+  }
 }

data/_sass/core/carousel-header.scss

@@ -1,91 +1,83 @@
 // Full Width Slider
 .carousel-fade .carousel-inner .item {
-    opacity: 0;
-    transition-property: opacity;
+  opacity: 0;
+  transition-property: opacity;
 }
 .carousel-fade .carousel-inner .active {
-    opacity: 1;
+  opacity: 1;
 }
 .carousel-fade .carousel-inner .active.left,
 .carousel-fade .carousel-inner .active.right {
-    left: 0;
-    opacity: 0;
-    z-index: 1;
+  left: 0;
+  opacity: 0;
+  z-index: 1;
 }
 .carousel-fade .carousel-inner .next.left,
 .carousel-fade .carousel-inner .prev.right {
-    opacity: 1;
+  opacity: 1;
 }
 .carousel-fade .carousel-control {
-    z-index: 2;
+  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;
-    }
+@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;
+  -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;
+  -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;
+  -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;
+  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: 0;
-    overflow: hidden;
-}
-nav#universal-nav {
-    z-index: 2;
-    position: static;
-}
-nav#main-navigation {
-    z-index: 999999;
+  position: absolute;
+  top: 0px;
+  z-index: 0;
+  overflow: hidden;
 }
 #content-container {
-    background-color: $body-bg;
-    position: relative;
+  background-color: $body-bg;
+  position: relative;
 }
 div#jumbotron {
-    text-align: center;
-    height: $jumbotron_height;
-    z-index: 0;
-    position: relative;
-    background: none;
+  text-align: center;
+  height: $jumbotron_height;
+  z-index: 0;
+  position: relative;
+  background: none;
 }
 @include media-breakpoint-down(sm) {
-    #jumbotron {
-        font-size: 32px;
-    }
+  #jumbotron {
+    font-size: 32px;
+  }
 }

data/_sass/core/documentation.scss

@@ -0,0 +1,39 @@
+#wrapper {
+  ul.docs_nav {
+    li.toc-entry > a {
+      color: black;
+    }
+    li.toc-entry {
+      padding: 5px 0;
+    }
+    &.sticky-top {
+      top: 80px;
+    }
+    max-height: 60vh;
+    overflow-y: auto;
+    &.fixed_nav {
+      position: fixed;
+    }
+    li.toc-entry {
+      list-style: none;
+      padding-left: 10px;
+    }
+    li {
+      padding-left: 10px;
+      list-style: none;
+    }
+    ul.list-group {
+      li {
+        list-style: none;
+      }
+    }
+  }
+  #doc_content {
+    a.anchor {
+      padding-top: 200px;
+      margin-top: -200px;
+      visibility: hidden;
+      display: block;
+    }
+  }
+}

data/_sass/core/fontello.scss

@@ -1,8 +1,7 @@
 @font-face {
   font-family: "fontello";
   src: url("/assets/fonts/fontello/fontello.eot");
-  src: url("/assets/fonts/fontello/fontello.eot")
-      format("embedded-opentype"),
+  src: url("/assets/fonts/fontello/fontello.eot") format("embedded-opentype"),
     url("/assets/fonts/fontello/fontello.woff2") format("woff2"),
     url("/assets/fonts/fontello/fontello.woff") format("woff"),
     url("/assets/fonts/fontello/fontello.ttf") format("truetype"),
@@ -46,46 +45,180 @@
   /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
 }
 
-
-.icon-search:before { content: '\e800'; } /* '' */
-.icon-stop:before { content: '\e801'; } /* '' */
-.icon-pause:before { content: '\e802'; } /* '' */
-.icon-fast-fw:before { content: '\e803'; } /* '' */
-.icon-fast-bw:before { content: '\e804'; } /* '' */
-.icon-terminal:before { content: '\e805'; } /* '' */
-.icon-basket:before { content: '\e806'; } /* '' */
-.icon-users:before { content: '\e807'; } /* '' */
-.icon-user:before { content: '\e808'; } /* '' */
-.icon-folder-open:before { content: '\e809'; } /* '' */
-.icon-minus:before { content: '\e80a'; } /* '' */
-.icon-minus-circled:before { content: '\e80b'; } /* '' */
-.icon-plus:before { content: '\e80c'; } /* '' */
-.icon-plus-circled:before { content: '\e80d'; } /* '' */
-.icon-down-open:before { content: '\e80e'; } /* '' */
-.icon-up-open:before { content: '\e80f'; } /* '' */
-.icon-github-circled-alt2:before { content: '\f056'; } /* '' */
-.icon-link-ext:before { content: '\f08e'; } /* '' */
-.icon-terminal-1:before { content: '\f120'; } /* '' */
-.icon-play-circled:before { content: '\f144'; } /* '' */
-.icon-link-ext-alt:before { content: '\f14c'; } /* '' */
-.icon-youtube-squared:before { content: '\f166'; } /* '' */
-.icon-youtube:before { content: '\f167'; } /* '' */
-.icon-youtube-play:before { content: '\f16a'; } /* '' */
-.icon-file-code:before { content: '\f1c9'; } /* '' */
-.icon-newspaper:before { content: '\f1ea'; } /* '' */
-.icon-cart-plus:before { content: '\f217'; } /* '' */
-.icon-github:before { content: '\f300'; } /* '' */
-.icon-github-circled:before { content: '\f301'; } /* '' */
-.icon-flickr:before { content: '\f303'; } /* '' */
-.icon-flickr-circled:before { content: '\f304'; } /* '' */
-.icon-twitter:before { content: '\f309'; } /* '' */
-.icon-twitter-circled:before { content: '\f30a'; } /* '' */
-.icon-facebook:before { content: '\f30c'; } /* '' */
-.icon-facebook-circled:before { content: '\f30d'; } /* '' */
-.icon-facebook-squared:before { content: '\f30e'; } /* '' */
-.icon-pinterest:before { content: '\f312'; } /* '' */
-.icon-pinterest-circled:before { content: '\f313'; } /* '' */
-.icon-linkedin:before { content: '\f318'; } /* '' */
-.icon-linkedin-circled:before { content: '\f319'; } /* '' */
-.icon-spotify-circled:before { content: '\f328'; } /* '' */
-.icon-instagram:before { content: '\f32d'; } /* '' */
+.icon-cancel:before {
+  content: "\2715";
+} /* '✕' */
+.icon-cancel-circled:before {
+  content: "\2716";
+} /* '✖' */
+.icon-left-open:before {
+  content: "\e75d";
+} /* '' */
+.icon-right-open:before {
+  content: "\e75e";
+} /* '' */
+.icon-search:before {
+  content: "\e800";
+} /* '' */
+.icon-stop:before {
+  content: "\e801";
+} /* '' */
+.icon-pause:before {
+  content: "\e802";
+} /* '' */
+.icon-fast-fw:before {
+  content: "\e803";
+} /* '' */
+.icon-fast-bw:before {
+  content: "\e804";
+} /* '' */
+.icon-terminal:before {
+  content: "\e805";
+} /* '' */
+.icon-basket:before {
+  content: "\e806";
+} /* '' */
+.icon-users:before {
+  content: "\e807";
+} /* '' */
+.icon-user:before {
+  content: "\e808";
+} /* '' */
+.icon-folder-open:before {
+  content: "\e809";
+} /* '' */
+.icon-minus:before {
+  content: "\e80a";
+} /* '' */
+.icon-minus-circled:before {
+  content: "\e80b";
+} /* '' */
+.icon-plus:before {
+  content: "\e80c";
+} /* '' */
+.icon-plus-circled:before {
+  content: "\e80d";
+} /* '' */
+.icon-down-open:before {
+  content: "\e80e";
+} /* '' */
+.icon-up-open:before {
+  content: "\e80f";
+} /* '' */
+.icon-github-circled-alt2:before {
+  content: "\f056";
+} /* '' */
+.icon-link-ext:before {
+  content: "\f08e";
+} /* '' */
+.icon-sort-down:before {
+  content: "\f0dd";
+} /* '' */
+.icon-sort-up:before {
+  content: "\f0de";
+} /* '' */
+.icon-angle-left:before {
+  content: "\f104";
+} /* '' */
+.icon-angle-right:before {
+  content: "\f105";
+} /* '' */
+.icon-terminal-1:before {
+  content: "\f120";
+} /* '' */
+.icon-play-circled:before {
+  content: "\f144";
+} /* '' */
+.icon-link-ext-alt:before {
+  content: "\f14c";
+} /* '' */
+.icon-sort-name-up:before {
+  content: "\f15d";
+} /* '' */
+.icon-sort-name-down:before {
+  content: "\f15e";
+} /* '' */
+.icon-sort-alt-up:before {
+  content: "\f160";
+} /* '' */
+.icon-sort-alt-down:before {
+  content: "\f161";
+} /* '' */
+.icon-sort-number-up:before {
+  content: "\f162";
+} /* '' */
+.icon-sort-number-down:before {
+  content: "\f163";
+} /* '' */
+.icon-youtube-squared:before {
+  content: "\f166";
+} /* '' */
+.icon-youtube:before {
+  content: "\f167";
+} /* '' */
+.icon-youtube-play:before {
+  content: "\f16a";
+} /* '' */
+.icon-file-code:before {
+  content: "\f1c9";
+} /* '' */
+.icon-newspaper:before {
+  content: "\f1ea";
+} /* '' */
+.icon-cart-plus:before {
+  content: "\f217";
+} /* '' */
+.icon-microchip:before {
+  content: "\f2db";
+} /* '' */
+.icon-github:before {
+  content: "\f300";
+} /* '' */
+.icon-github-circled:before {
+  content: "\f301";
+} /* '' */
+.icon-flickr:before {
+  content: "\f303";
+} /* '' */
+.icon-flickr-circled:before {
+  content: "\f304";
+} /* '' */
+.icon-twitter:before {
+  content: "\f309";
+} /* '' */
+.icon-twitter-circled:before {
+  content: "\f30a";
+} /* '' */
+.icon-facebook:before {
+  content: "\f30c";
+} /* '' */
+.icon-facebook-circled:before {
+  content: "\f30d";
+} /* '' */
+.icon-facebook-squared:before {
+  content: "\f30e";
+} /* '' */
+.icon-pinterest:before {
+  content: "\f312";
+} /* '' */
+.icon-pinterest-circled:before {
+  content: "\f313";
+} /* '' */
+.icon-linkedin:before {
+  content: "\f318";
+} /* '' */
+.icon-linkedin-circled:before {
+  content: "\f319";
+} /* '' */
+.icon-spotify-circled:before {
+  content: "\f328";
+} /* '' */
+.icon-instagram:before {
+  content: "\f32d";
+} /* '' */
+.icon-calendar:before {
+  content: "📅";
+} /* '\1f4c5' */
+.icon-book:before {
+  content: "📕";
+} /* '\1f4d5' */