linaro-jekyll-theme 1.1 → 4.1.0

data/_sass/core/flow.scss

@@ -0,0 +1,94 @@
+#flow_wrapper {
+    font-size: 1.2rem !important;
+    @include media-breakpoint-only(xs){
+        font-size: 1.1rem !important;
+    }
+    background-color: white;
+    #collapseSection {
+        .btn.btn-link {
+            &:after {
+                color: #666;
+                top: 10px;
+                right: 0px;
+                position: absolute;
+                margin-right: 30px;
+                font-family: "fontello";
+                font-size: 22px;
+                content: "\e80f";
+            }
+            &.collapsed {
+                &:after {
+                    content: "\e80e";
+                }
+            }
+        }
+    }
+    .row {
+        padding: $flow_row_padding 0;
+        &.background_image_row {
+            overflow: hidden;
+            position: relative;
+            .header_background_image {
+                position: absolute;
+                object-fit: cover;
+                height: 100%;
+                width: 100%;
+                filter: brightness(0.4);
+                z-index:0;
+                top:0px;
+            }
+        }
+        & > .container > .col.col-12 {
+            padding: $flow_component_padding 0px;
+        }
+        .tabbed_content {
+            .tab-content {
+                margin-top: 15px;
+            }
+        }
+
+        .slider_block {
+            .item {
+                height: 400px;
+                overflow: hidden;
+                img {
+                    height: 100%;
+                    width: auto;
+                    object-fit: cover;
+                }
+            }
+        }
+        .slider_row {
+            .item {
+                height: 200px;
+                overflow: hidden;
+                img {
+                    height: 100%;
+                    width: auto;
+                    object-fit: cover;
+                    @include media-breakpoint-down(sm){
+                        margin: auto;
+                    }
+                }
+            }
+        }
+    }
+    .blocks {
+        .block_column {
+            margin-top: 15px;
+        }
+        .card {
+            &.background_image {
+                img {
+                    filter: brightness(0.5);
+                    height: 100%;
+                }
+            }
+            .card-img-top {
+                height: 150px;
+                width: 100%;
+                object-fit: cover;
+            }
+        }
+    }
+}

data/_sass/core/fontello.scss

@@ -0,0 +1,91 @@
+@font-face {
+  font-family: "fontello";
+  src: url("/assets/fonts/fontello/fontello.eot");
+  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"),
+    url("/assets/fonts/fontello/fontello.svg") format("svg");
+  font-weight: normal;
+  font-style: normal;
+}
+[class^="icon-"]:before,
+[class*=" icon-"]:before {
+  font-family: "fontello";
+  font-style: normal;
+  font-weight: normal;
+  speak: none;
+
+  display: inline-block;
+  text-decoration: inherit;
+  width: 1em;
+  margin-right: 0.2em;
+  text-align: center;
+  /* opacity: .8; */
+
+  /* For safety - reset parent styles, that can break glyph codes*/
+  font-variant: normal;
+  text-transform: none;
+
+  /* fix buttons height, for twitter bootstrap */
+  line-height: 1em;
+
+  /* Animation center compensation - margins should be symmetric */
+  /* remove if not needed */
+  margin-left: 0.2em;
+
+  /* you can be more comfortable with increased icons size */
+  /* font-size: 120%; */
+
+  /* Font smoothing. That was taken from TWBS */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  /* Uncomment for 3D effect */
+  /* 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'; } /* '' */

data/_sass/core/footer.scss

@@ -1,133 +1,61 @@
-.sub-footer {
-    background-color: $sub-footer-color;
-    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;
-}
-
-.content-container > div.row.sub-footer{
-    margin-top: 20px;
-}
-input#mc-embedded-subscribe {
-    color: #fff;
-    background-color: #717171;
-    border-color: #95989A;
-}
-  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;
- }
-
-footer a{
-    color: $footer-text-color;
-    font-size: 14px;
-}
-footer h3 {
-    font-size: 14px;
-    font-weight:700;
-}
-footer a:hover{
-    color: $brand-primary;
-    text-decoration: none;
-    transition: color .5s ease;
-   -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 $brand-primary solid;
-}
-div.row.footer-strip > div > div.pull-right > ul {
-    background-color: $gray-darker;
-}
-div.row.footer-strip > div > div.pull-right > ul a {
-    color: $footer-text-color;
-}
-div.row.footer-strip > div > div.pull-right > ul a:hover{
-    color: $brand-primary;
-    transition: color .5s ease;
-   -moz-transition: color .5s ease;
-   -webkit-transition: color .5s ease;
-}
-.footer-strip .container div {
-    height:auto;
-    line-height: 50px;
-    color: $footer-text-color;
-}
-.coloured-bp{
-    color: $brand-primary;
-}
-.main-footer-content{
-        margin-bottom: 10px;
-}
-
-.footer-logo {
-    display:block;
-    max-width: 100px;
-    height: auto;
-}
-
-.company-footer-bottom {
-    padding-left: 0px;
-}
-.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;
-}
-a.btn.btn-social-icon:hover i  {
-    color: $brand-primary;
-    transition: color 1s ease;
-}
-
-.company-footer-bottom img.linaro-logo {
-     width:40px;
-     height:100%;
-}
-.company-footer-bottom, .company-footer-bottom a{
-    color: $footer-text-color;
+#wrapper {
+    footer {
+        i {
+            color: white;
+            &:hover {
+                color: $primary;
+            }
+        }
+        a {
+            color: white;
+            &:hover {
+                color: $primary;
+            }
+        }
+        .main {
+            background-color: $footer_bg_color;
+            margin: 30px 0;
+            .footer-column {
+                margin: 30px 0;
+                h3 {
+                    color: #ffffff;
+                    font-weight: 700;
+                    font-size: 26px;
+                    border-left: 5px solid $primary;
+                    padding-left: 15px;
+                }
+                ul.list-group {
+                    li {
+                        background-color: transparent;
+                        border: 0;
+                        padding-left: 0px;
+                        padding-right: 0px;
+                        transition: all 400ms ease;
+                        &:hover {
+                            padding-left: 4px;
+                        }
+                         a {
+                             color: #fff;
+                            font-size: 24px;
+                            font-weight: normal;
+                            &:hover {
+                                color: $primary;
+                                text-decoration: none;
+                                transition: color .5s ease;
+                                -moz-transition: color .5s ease;
+                                -webkit-transition: color .5s ease;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        .strip {
+            background-color: $footer_strip_bg_color;
+            .footer-logo {
+                height: 40px;
+                margin: 10px 0;
+            }
+        }
+    }
 }

data/_sass/core/jumbotron.scss

@@ -0,0 +1,105 @@
+#wrapper {
+  .jumbotron {
+    background-color: $jumbotron_bg_color;
+    position: relative;
+    height: $jumbotron_height;
+    margin-bottom: 0px;
+    .inner_content_wrapper {
+        img {
+            height: 150px;
+            width: auto;
+            &.rounded-circle {
+                object-fit: cover;
+                height: 75px;
+                width: 75px;
+            }
+        }
+    }
+    h1 {
+        margin-bottom:5px;
+        @include media-breakpoint-up(lg){
+            font-size: 3rem;
+            font-weight: 300;
+            line-height: 1.2;
+
+        }
+    }
+    p {
+        margin-bottom:5px;
+    }
+    &.video {
+        background-color: transparent;
+    }
+    video {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      -webkit-transform: translateX(-50%) translateY(-50%);
+      transform: translateX(-50%) translateY(-50%);
+      min-width: 100%;
+      min-height: 100%;
+      width: auto;
+      height: auto;
+      z-index: -1;
+      overflow: hidden;
+    }
+    .dotted {
+      .inner_content_wrapper {
+        padding: 20px;
+        text-align: center;
+        @include media-breakpoint-only(xs){
+            padding:0px;
+            h1 {
+                margin:0.5rem;
+            }
+        }
+      }
+    }
+
+    &.background_image {
+      background-color: transparent;
+      .container {
+        h1 {
+          color: #fff;
+        }
+        p {
+          color: #fff;
+        }
+      }
+    }
+    &.slider {
+      padding-top: 0px;
+      padding-bottom: 0px;
+      .owl-carousel {
+          height: 100%;
+        .owl-stage-outer {
+            height: 100%;
+            .owl-stage {
+                height: 100%;
+                .owl-item {
+                    height: 100%;
+                }
+            }
+        }
+      }
+
+      .item.owl-slide {
+        overflow: hidden;
+        height: 100%;
+      }
+      .owl-dots {
+            top: -40px;
+            position: relative;
+        }
+    }
+    .header_background_image {
+      position: absolute;
+      z-index: -1;
+      top: 0;
+      height: 100%;
+      width: 100%;
+      object-fit: cover;
+      filter: brightness(0.1);
+    }
+  }
+}