jumbo-jekyll-theme 5.6.9.4 → 5.7.0

data/_sass/core/error.scss

@@ -1,190 +1,190 @@
-svg#Linaro-Sprinkle {
-    background-color: #fff;
-    height: 350px;
-    width: auto;
-}
-svg#Linaro-Sprinkle > path.purple{
-  transform: translateY(0);
-  animation: popup 10s linear infinite;
-}
-svg#Linaro-Sprinkle > path.red{
-  transform: translateY(0);
-  animation: popup-small 9s linear infinite;
-}
-svg#Linaro-Sprinkle > path.green-big{
-  transform: translateY(0);
-  animation: popup 10s linear infinite;
-}
-svg#Linaro-Sprinkle > path.green{
-  transform: translateY(0);
-  animation: popup 7s linear infinite;
-}
-svg#Linaro-Sprinkle > path.purple-big{
-  transform: translateY(0);
-  animation: popup-small 8s linear infinite;
-}
-svg#Linaro-Sprinkle > path.pink{
-  transform: translateY(0);
-  animation: popup-small 11s linear infinite;
-}
-svg#Linaro-Sprinkle > path {
-  opacity: .4;
-}
-svg#Linaro-Sprinkle:hover > path {
-  animation: to-start .3s ease;
-  transform: translateY(0);
-  opacity: .7;
-}
-@keyframes to-start {
-     0% {
-      transform: translateY(40px);
-      opacity:.4;
-    }
-    10% {
-      transform: translateY(35px);
-      opacity:.425;
-    }
-    20% {
-      transform: translateY(30px);
-      opacity:.45;
-    }
-    30% {
-      transform: translateY(25px);
-      opacity:.475;
-    }
-    40% {
-      transform: translateY(20px);
-      opacity:.5;
-    }
-    50% {
-      transform: translateY(15px);
-      opacity:.55;
-    }
-    60% {
-      transform: translateY(10px);
-      opacity:.6;
-    }
-    70% {
-      transform: translateY(5px);
-      opacity:.625;
-    }
-    80% {
-      transform: translateY(0px);
-      opacity:.65;
-    }
-    90% {
-      transform: translateY(0px);
-      opacity:.675;
-    }
-    100% {
-      transform: translateY(0);
-      opacity:.7;
-    }
-}
-
-@keyframes popup {
-    0% {
-      transform: translateY(0);
-    }
-    10% {
-      transform: translateY(20px);
-    }
-    20% {
-      transform: translateY(40px);
-    }
-    30% {
-      transform: translateY(60px);
-    }
-    35% {
-      transform: translateY(80px);
-    }
-    40% {
-      transform: translateY(100px);
-    }
-    45% {
-      transform: translateY(120px);
-    }
-    50% {
-      transform: translateY(140px);
-    }
-    55% {
-      transform: translateY(120px);
-    }
-    60% {
-      transform: translateY(100px);
-    }
-    65% {
-      transform: translateY(80px);
-    }
-    70% {
-      transform: translateY(60px);
-    }
-    80% {
-      transform: translateY(40px);
-    }
-    90% {
-      transform: translateY(20px);
-    }
-    100% {
-      transform: translateY(0);
-    }
-}
-
-@keyframes popup-small {
-    0% {
-      transform: translateY(0);
-    }
-    10% {
-      transform: translateY(20px);
-    }
-    20% {
-      transform: translateY(40px);
-    }
-    30% {
-      transform: translateY(60px);
-    }
-    40% {
-      transform: translateY(70px);
-    }
-    50% {
-      transform: translateY(75px);
-    }
-    60% {
-      transform: translateY(70px);
-    }
-    70% {
-      transform: translateY(60px);
-    }
-    80% {
-      transform: translateY(40px);
-    }
-    90% {
-      transform: translateY(20px);
-    }
-    100% {
-      transform: translateY(0);
-    }
-}
-svg#Linaro-Sprinkle .cls-1,svg#Linaro-Sprinkle .cls-6
-{
-    fill:#9c3 ;
-}
-svg#Linaro-Sprinkle .cls-2,svg#Linaro-Sprinkle .cls-3
-{
-    fill:#c03;
-}
-svg#Linaro-Sprinkle .cls-3{
-    opacity:0.6;
-}
-svg#Linaro-Sprinkle .cls-4,svg#Linaro-Sprinkle .cls-5
-{
-    fill:#909;
-}
-svg#Linaro-Sprinkle .cls-5,svg#Linaro-Sprinkle .cls-6
-{
-    opacity:0.7;
-}
-.row.error_page {
-    background-color: white;
-    text-align: center;
-}
+svg#Linaro-Sprinkle {
+    background-color: #fff;
+    height: 350px;
+    width: auto;
+}
+svg#Linaro-Sprinkle > path.purple{
+  transform: translateY(0);
+  animation: popup 10s linear infinite;
+}
+svg#Linaro-Sprinkle > path.red{
+  transform: translateY(0);
+  animation: popup-small 9s linear infinite;
+}
+svg#Linaro-Sprinkle > path.green-big{
+  transform: translateY(0);
+  animation: popup 10s linear infinite;
+}
+svg#Linaro-Sprinkle > path.green{
+  transform: translateY(0);
+  animation: popup 7s linear infinite;
+}
+svg#Linaro-Sprinkle > path.purple-big{
+  transform: translateY(0);
+  animation: popup-small 8s linear infinite;
+}
+svg#Linaro-Sprinkle > path.pink{
+  transform: translateY(0);
+  animation: popup-small 11s linear infinite;
+}
+svg#Linaro-Sprinkle > path {
+  opacity: .4;
+}
+svg#Linaro-Sprinkle:hover > path {
+  animation: to-start .3s ease;
+  transform: translateY(0);
+  opacity: .7;
+}
+@keyframes to-start {
+     0% {
+      transform: translateY(40px);
+      opacity:.4;
+    }
+    10% {
+      transform: translateY(35px);
+      opacity:.425;
+    }
+    20% {
+      transform: translateY(30px);
+      opacity:.45;
+    }
+    30% {
+      transform: translateY(25px);
+      opacity:.475;
+    }
+    40% {
+      transform: translateY(20px);
+      opacity:.5;
+    }
+    50% {
+      transform: translateY(15px);
+      opacity:.55;
+    }
+    60% {
+      transform: translateY(10px);
+      opacity:.6;
+    }
+    70% {
+      transform: translateY(5px);
+      opacity:.625;
+    }
+    80% {
+      transform: translateY(0px);
+      opacity:.65;
+    }
+    90% {
+      transform: translateY(0px);
+      opacity:.675;
+    }
+    100% {
+      transform: translateY(0);
+      opacity:.7;
+    }
+}
+
+@keyframes popup {
+    0% {
+      transform: translateY(0);
+    }
+    10% {
+      transform: translateY(20px);
+    }
+    20% {
+      transform: translateY(40px);
+    }
+    30% {
+      transform: translateY(60px);
+    }
+    35% {
+      transform: translateY(80px);
+    }
+    40% {
+      transform: translateY(100px);
+    }
+    45% {
+      transform: translateY(120px);
+    }
+    50% {
+      transform: translateY(140px);
+    }
+    55% {
+      transform: translateY(120px);
+    }
+    60% {
+      transform: translateY(100px);
+    }
+    65% {
+      transform: translateY(80px);
+    }
+    70% {
+      transform: translateY(60px);
+    }
+    80% {
+      transform: translateY(40px);
+    }
+    90% {
+      transform: translateY(20px);
+    }
+    100% {
+      transform: translateY(0);
+    }
+}
+
+@keyframes popup-small {
+    0% {
+      transform: translateY(0);
+    }
+    10% {
+      transform: translateY(20px);
+    }
+    20% {
+      transform: translateY(40px);
+    }
+    30% {
+      transform: translateY(60px);
+    }
+    40% {
+      transform: translateY(70px);
+    }
+    50% {
+      transform: translateY(75px);
+    }
+    60% {
+      transform: translateY(70px);
+    }
+    70% {
+      transform: translateY(60px);
+    }
+    80% {
+      transform: translateY(40px);
+    }
+    90% {
+      transform: translateY(20px);
+    }
+    100% {
+      transform: translateY(0);
+    }
+}
+svg#Linaro-Sprinkle .cls-1,svg#Linaro-Sprinkle .cls-6
+{
+    fill:#9c3 ;
+}
+svg#Linaro-Sprinkle .cls-2,svg#Linaro-Sprinkle .cls-3
+{
+    fill:#c03;
+}
+svg#Linaro-Sprinkle .cls-3{
+    opacity:0.6;
+}
+svg#Linaro-Sprinkle .cls-4,svg#Linaro-Sprinkle .cls-5
+{
+    fill:#909;
+}
+svg#Linaro-Sprinkle .cls-5,svg#Linaro-Sprinkle .cls-6
+{
+    opacity:0.7;
+}
+.row.error_page {
+    background-color: white;
+    text-align: center;
+}

data/_sass/core/flow.scss

@@ -1,186 +1,71 @@
-// Styles for flow sections
-// Members section
-#flow_wrapper {
-    .row {
-        padding-top: $flow_row_padding;
-        padding-bottom: $flow_row_padding;
-        background-color: $body-bg;
-        position: relative;
-        &:first-child {
-            @media(max-width: $screen-sm-min){
-                padding-top:0px;
-            }
-        }
-        @media (min-width: $screen-sm-min) {
-            &.equal {
-                display: flex;
-                flex-wrap: wrap;
-            }
-        }
-        &.background_image_row {
-            background-size: cover !important;
-            background-repeat: no-repeat !important;
-            background-position: center center !important;
-            &.fixed {
-                background-attachment: fixed !important;
-            }
-            .title{
-                h1, h2, h3, h4, h5, h6 {
-                    color: #fff;
-                }
-            }
-            p {
-                color: white;
-            }
-        }
-        .feature_block {
-            a.btn.btn-primary {
-                margin-top: 5px;
-            }
-        }
-        &.block_row {
-            .block {
-                @media(max-width: $screen-sm-min) {
-                    &:not(:first-child) {
-                        margin-top: $flow_row_padding;
-                    }
-                }
-                .block-inner {
-                    height: 100%;
-                    display: flex;
-                    flex-direction: column;
-                    overflow:auto;
-                    background-size: cover !important;
-                    background-repeat: no-repeat !important;
-                    background-position: center center !important;
-                    border-radius: 5px;
-                    border: 1px solid #ccc;
-                    -webkit-box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.75);
-                    -moz-box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.75);
-                    box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.75);
-                    transition: all 200ms ease-in-out;
-                    &.background_image_block .title {
-                        h1, h2, h3, h4, h5, h6 {
-                            color: #fff;
-                        }
-                    }
-                    .title {
-                        h1, h2, h3, h4, h5, h6 {
-                            color: #3c3b39;
-                        }
-                    }
-                    &.background_image_block  p {
-                        color: #fff;
-                    }
-                    p {
-                        color: #3c3b39;
-                    }
-                    .block-inner img {
-                        margin: auto auto;
-                        margin-top: 20px;
-                    }
-                    i.block_image_icon {
-                        font-size: 150px;
-                    }
-                    .buttons {
-                        padding-top: 10px;
-                        padding-bottom: 10px;
-                    }
-                    &:hover {
-                        transform: translateY(-5px);
-                        -webkit-box-shadow: 0px 0px 35px -4px rgba(0,0,0,0.85);
-                        -moz-box-shadow: 0px 0px 35px -4px rgba(0,0,0,0.85);
-                        box-shadow: 0px 0px 35px -4px rgba(0,0,0,0.85);
-                        i.block_image_icon {
-                            color: $brand-primary;
-                        }
-                    }
-                }
-            }
-
-        }
-    }
-    .members_section {
-        &.grayscale {
-            img {
-                filter: grayscale(1);
-                &:hover {
-                    filter: grayscale(0);
-                }
-            }
-        }
-        &.zoom {
-            img {
-                &:hover {
-                    transform: scale(1.1);
-                }
-            }
-        }
-        img {
-            height: 100px;
-            margin-bottom: 20px;
-            margin-top: 20px;
-            object-fit: contain;
-            padding:10px;
-            margin: auto;
-            transition: all 200ms ease;
-        }
-    }
-    .title {
-        margin-bottom: 20px;
-    }
-    .buttons{
-        padding-top: $flow_row_padding;
-    }
-
-    .owl-carousel.slider-block {
-        .owl-stage-outer {
-            max-height: 500px;
-            margin-bottom: 0px;
-            height: auto;
-            .owl-stage {
-                height: 100%;
-                display: flex;
-                position: relative;
-                .owl-item {
-                    .item {
-                        height: 100%;
-                        flex: 1;
-                        picture {
-                            height: auto;
-                            position: relative;
-                            overflow: auto;
-                            img {
-                                display: block;
-                                width: 100%;
-                                object-fit: cover;
-                                height: 100%;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-        .owl-nav {
-            button {
-                height: 40px;
-                width: 40px;
-                background-color: #3c3b39 !important;
-                color:  white;
-                &:first-child:hover {
-                    transform: translateX(-1px);
-                }
-                &:hover {
-                    transform: translateX(1px);
-                    background-color: $brand-primary !important;
-                    @extend .drop_shadow;
-                }
-                span {
-                    font-weight:bold;
-                    font-size: 30px;
-                    line-height:26px;
-                }
-            }
-        }
-    }
-}
+#flow_wrapper {
+    background-color: white;
+    .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.6);
+                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.6);
+                    height: 100%;
+                }
+            }
+            .card-img-top {
+                height: 150px;
+                width: 100%;
+                object-fit: cover;
+            }
+        }
+    }
+}