jumbo-jekyll-theme 5.6.9.4 → 5.7.0

data/_sass/bootstrap/utilities/_text.scss

@@ -0,0 +1,58 @@
+// stylelint-disable declaration-no-important
+
+//
+// Text
+//
+
+.text-monospace { font-family: $font-family-monospace; }
+
+// Alignment
+
+.text-justify  { text-align: justify !important; }
+.text-nowrap   { white-space: nowrap !important; }
+.text-truncate { @include text-truncate; }
+
+// Responsive alignment
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    .text#{$infix}-left   { text-align: left !important; }
+    .text#{$infix}-right  { text-align: right !important; }
+    .text#{$infix}-center { text-align: center !important; }
+  }
+}
+
+// Transformation
+
+.text-lowercase  { text-transform: lowercase !important; }
+.text-uppercase  { text-transform: uppercase !important; }
+.text-capitalize { text-transform: capitalize !important; }
+
+// Weight and italics
+
+.font-weight-light  { font-weight: $font-weight-light !important; }
+.font-weight-normal { font-weight: $font-weight-normal !important; }
+.font-weight-bold   { font-weight: $font-weight-bold !important; }
+.font-italic        { font-style: italic !important; }
+
+// Contextual colors
+
+.text-white { color: $white !important; }
+
+@each $color, $value in $theme-colors {
+  @include text-emphasis-variant(".text-#{$color}", $value);
+}
+
+.text-body { color: $body-color !important; }
+.text-muted { color: $text-muted !important; }
+
+.text-black-50 { color: rgba($black, .5) !important; }
+.text-white-50 { color: rgba($white, .5) !important; }
+
+// Misc
+
+.text-hide {
+  @include text-hide($ignore-warning: true);
+}

data/_sass/bootstrap/utilities/_visibility.scss

@@ -0,0 +1,11 @@
+//
+// Visibility utilities
+//
+
+.visible {
+  @include invisible(visible);
+}
+
+.invisible {
+  @include invisible(hidden);
+}

data/_sass/core.scss

@@ -1,20 +1,15 @@
-// Core Jumbo Jekyll Theme Sass includes.
-@import "core/normalize";
-@import "core/fonts";
-@import "core/nav";
-@import "core/theme";
-@import "core/cookieconsent";
-@import "core/footer";
-@import "core/social-media-icons";
-@import "core/breadcrumb";
-@import "core/tables";
-@import "core/forms";
-@import "core/fa";
-@import "core/fly";
-@import "core/jumbotron";
-@import "core/featherlight";
-@import "core/animations";
-@import "core/carousel-styles";
-@import "core/owl.carousel.min";
-@import "core/owl.theme.default.min";
-@import "core/flow";
+// Core Jumbo Jekyll Theme Sass includes.
+@import "core/normalize";
+@import "core/navbar";
+@import "core/theme";
+@import "core/breadcrumb";
+@import "core/jumbotron";
+@import "core/syntax";
+@import "core/footer";
+@import "core/flow";
+@import "core/blog";
+@import "core/error";
+@import "core/cookies";
+@import "core/fontello";
+@import "core/featherlight";
+@import "core/carousel-styles";

data/_sass/core/blog.scss

@@ -1,426 +1,126 @@
-// GENERIC
-div#pagination_panel {
-    ul {
-        li{
-            &.active {
-                a {
-                    color: #fff;
-                }
-            }
-        }
-    }
-}
-a {
-    &:hover {
-        .blog-author-image {
-            border-color: #d4d4d4;
-        }
-    }
-}
-p {
-    &.post_excerpt {
-        font-size: 15px;
-        margin-top: 10px;
-        @media(max-width:$screen-sm-min){
-            font-size: 11px;
-        }
-    }
-}
-.blog-author-image {
-    background-position: center center;
-    transition: all 100ms linear;
-    @media(max-width:$screen-sm-min){
-        height: 50px;
-        width: 50px;
-    }
-}
-// BLOG FEATURED IMAGE SECTION
-#jumbotron {
-    a {
-        &:hover{
-            text-decoration: none;
-            & img {
-                border-color:$brand-primary;
-            }
-        }
-    }
-    #jumbotron-content{
-        color: $featured-image-text-color;
-        margin-left: auto;
-        margin-bottom: 82px;
-        margin-right: auto;
-        z-index: 1;
-        height: 300px;
-        text-align: center;
-        line-height: 50px;
-        position: relative;
-        vertical-align: middle;
-        #jumbotron-text {
-            small {
-                @media(min-width:$screen-sm-min){
-                    font-size:15px;
-                }
-            }
-            .blog-author {
-                a {
-                    em {
-                        color:white;
-                        transition: all 500ms linear;
-                    }
-                    &:hover {
-                        em {
-                            color:#a681b8;
-                        }
-                    }
-                }
-            }
-            .blog-author-image{
-                height: 83px;
-                width: 83px;
-                border-radius: 83px;
-                border: 4px solid white;
-                background-size: cover;
-                background-repeat: no-repeat;
-            }
-        }
-    }
-}
-.blog-content {
-    padding: 0;
-    @media(max-width: $screen-sm-min - 1){
-        padding-left:0px;
-        padding-right: 0px;
-    }
-}
-// BLOG CONTENT
-article {
-    &.post-content {
-        overflow: auto;
-        margin-top: 20px;
-        ol, ul {
-            line-height: 1.6em;
-            font-size: 16px;
-        }
-        .post-series {
-            background-color: whitesmoke;
-            padding: 5px;
-            border: 1px solid #e2e2e2;
-            p {
-                margin-bottom: 5px;
-                font-size: 16px;
-            }
-            ul {
-                li.active {
-                    a {
-                        color: white;
-                    }
-                }
-            }
-        }
-        img {
-            width: 100%;
-            height: auto;
-            &.small-inline {
-                width: 100px;
-                height: auto;
-                display: inline-block;
-                float: left;
-                margin-right: 30px;
-                margin-top: 5px;
-                margin-bottom: 30px;
-                &.right {
-                    float: right;
-                }
-            }
-            &.medium-inline {
-                width: 200px !important;
-                height: auto !important;
-                display: inline-block;
-                float: left;
-                margin-right: 30px;
-                margin-top: 5px;
-                margin-bottom: 30px;
-                &.right {
-                    float: right;
-                }
-            }
-            &.large-inline {
-                width: 300px !important;
-                height: auto !important;
-                display: inline-block;
-                float: left;
-                margin-right: 30px;
-                margin-top: 5px;
-                margin-bottom: 30px;
-                &.right {
-                    float: right;
-                }
-            }
-        }
-        .highlighter-rouge {
-            div.highlight {
-                position: relative;
-                pre.highlight {
-                    padding: 15px;
-                    position: relative;
-                }
-                .copyBtn {
-                    position: absolute;
-                    bottom: 0px;
-                    z-index: 9999;
-                    height: 40px;
-                    right: 0px;
-                    border-left: 1px solid white;
-                    border-top: 1px solid white;
-                    width: 40px;
-                }
-                &:hover, &:focus  {
-                    background-color:$brand-primary;
-                }
-            }
-        }
-    }
-}
-// BLOG SIDEBAR
-.blog-sidebar {
-    padding: 15px;
-    margin-top: 40px;
-    margin-bottom: 40px;
-    .featured_blog_post {
-        height: auto;
-        margin: -1px;
-        border-bottom: 1px solid $gray-lighter;
-        padding: 12px;
-        img{
-            margin-top:5px;
-            @media(max-width: $screen-md-min - 1){
-                padding-right: 10px;
-            }
-            
-        }
-        small {
-            em {
-                color:black;
-            }
-        }
-    }
-    .panel-primary {
-        .panel-heading{
-            background-color: $brand-primary;
-            color: #fff;
-            h3.panel-title {
-                color: $blog-panel-title-colour;
-            }
-        }
-    }
-    #post-tags {
-        margin-bottom: 20px;
-        a {
-            &.hover span.tag {
-                background-color: $post-tag-hover-bg;
-                color: $post-tag-hover-color;
-            }
-            span.tag {
-                display: inline-block;
-                background-color: $post-tag-bg;
-                color: $post-tag-color;
-                padding: 10px;
-                margin: 2px 0;
-                border: 1px solid $post-tag-border;
-            }
-        }
-
-    }
-    @media(max-width: $screen-sm-min - 1){
-        padding-left:0px;
-        padding-right: 0px;
-    }
-    @media (max-width: $screen-xs-min) {
-        padding: 0px;
-    }
-    @media(max-width: $screen-md-min - 1){
-        margin-top: 15px;
-        padding-right: 0px;
-        padding-left: 0px; 
-    }
-}
-// BLOG INDEX PAGE
-.blog-section {
-    display: flex;
-    flex-wrap: wrap;
-    [class*='col-'] {
-        display: flex;
-        flex-direction: column;
-    }
-    .post-cat {
-        padding: 5px;
-        margin-bottom: 5px;
-        color: $brand-primary;
-        font-weight: bold;
-        display: inline-block;
-        text-transform: uppercase;
-    }
-    .featured-post-row{
-        border: 1px solid #eee;
-        padding-left:0px;
-        padding-top:0px;
-        padding-right:0px;
-        padding-bottom: 0px;
-        .latest-featured-post {
-            padding-right:0px;
-            padding-left:0px;
-            height: 100%;
-            img {
-                height: 100%;
-                max-height: none !important;
-                width: 100% !important;
-                object-fit: cover !important;
-            }
-            @media(max-width: $screen-sm-min){
-                height: auto;
-            }
-        }
-        .latest-featured-post-content {
-            padding: 20px;
-            .post-info {
-                margin-bottom: 20px;
-            }
-        }
-        @media(max-width: $screen-sm-min){
-            margin-left: 15px;
-            margin-right: 15px;
-        }
-        border-radius:20px;
-        overflow:hidden;
-        margin-bottom: 30px;
-        -webkit-box-shadow: 0px 0px 20px 5px rgb(240, 240, 240);
-        -moz-box-shadow: 0px 0px 20px 5px rgb(229, 229, 229);
-        box-shadow: 0px 0px 20px 5px rgb(235, 235, 235);
-    }
-    .blog-post-item-col {
-        .blog-post-item {
-            border-radius: 10px;
-            overflow: hidden;
-            background-color: white;
-            margin-right: 15px;
-            margin-bottom: 30px;
-            -webkit-box-shadow: 0px 0px 20px 5px #f0f0f0;
-            -moz-box-shadow: 0px 0px 20px 5px #e5e5e5;
-            box-shadow: 0px 0px 20px 5px #ebebeb;
-            border: 1px solid #eee;
-            transition: all 200ms ease;
-            display: flex;
-            flex-wrap: wrap;
-            height: 100%;
-            @media(max-width: $screen-sm-min){
-                margin-left: 15px;
-                margin-right: 15px;
-            }
-            a{
-                width: 100%;
-            }
-            &:nth-child(3n+2) {
-                .blog-post-item {
-                    @media(min-width: $screen-sm-min){
-                        margin-right:15px !important;
-                        margin-left:0px !important;
-                    }
-                }
-            }
-            .blog-featured-image {
-                position: relative;
-                overflow:hidden;
-                height: 150px;
-                .read-article {
-                    display:none !important;
-                    position: absolute;
-                    z-index: 99999;
-                    color: #fff;
-                    font-weight:bold;
-                    font-size:18px;
-                    top: 80px;
-                    height: 20px;
-                    display: table-cell;
-                    width: 100%;
-                    text-align: center;
-                }
-                &.using-placeholder {
-                    img {
-                        object-fit: contain !important;
-                    }
-                }
-                &::after {
-                    content: '';
-                    display:none;
-                    height:100%;
-                    width:100%;
-                    position: absolute;
-                    top:0px;
-                    opacity:.4;
-                    background-color:$brand-primary;
-                }
-            }
-            .blog-post-item-content {
-                padding: 10px;
-                display: flex;
-                flex-direction: column;
-                .author-section {
-                    .blog-author-image {
-                        border-radius: 83px;
-                        background-size: cover;
-                        background-repeat: no-repeat;
-                        display: inline-block;
-                        height: 60px;
-                        width: 60px;
-                        position: relative;
-                        z-index: 2;
-                        border: 1px solid #eee;
-                    }
-                    .small.blog-author {
-                        display: inline-block;
-                        text-align: left;
-                        position: relative;
-                        top: -20px;
-                    }
-                }
-            }
-            img {
-                width: 100%;
-                height: 150px;
-                object-fit: cover;
-            }
-            &:hover {
-                transform: translateY(-5px);
-                -webkit-box-shadow: 0px 0px 20px 5px rgba(179,179,179,1);
-                -moz-box-shadow: 0px 0px 20px 5px rgba(179,179,179,1);
-                box-shadow: 0px 0px 20px 5px rgba(179,179,179,1);
-                & .blog-featured-image::after {
-                    display:block;
-                }
-                & .read-article {
-                    display: block !important;
-                }
-            }
-        }
-       
-    }
-}
-// Disqus Comments
-section.disqus {
-    padding-right: 20px;
-    margin-top: 40px;
-    @media(max-width: $screen-sm-min){
-        padding-right: 0px;
-    }
-}
-// Reading Time Span
-span.reading-time {
-    padding: 5px;
-    background-color: white;
-    color: black;
-    font-size: 10px;
-    opacity: .8;
-    height: 20px;
-    line-height: 10px;
-    border-radius: 2px;
-}
+#wrapper {
+    .highlighter-rouge {
+        div.highlight {
+            position: relative;
+            pre.highlight {
+                padding: 15px;
+                position: relative;
+            }
+            .copyBtn {
+                position: absolute;
+                bottom: 0px;
+                z-index: 9999;
+                height: 40px;
+                right: 0px;
+                border-left: 1px solid white;
+                border-top: 1px solid white;
+                border-top-right-radius: 0px;
+                border-bottom-right-radius: 0px;
+                border-bottom-left-radius: 0px;
+                width: 40px;
+                &:hover, &:focus  {
+                    background-color:$primary;
+                }
+            }
+        }
+    }
+    .suggested_post_thumb {
+        width: 100px;
+        border:1px solid lightgray;
+        padding:0;
+        @include media-breakpoint-down(xs) {
+            width:100%;
+        }
+    }
+    .media-body {
+        h5{
+            font-size: 1.7rem;
+        }
+    }
+    .suggested_post_date {
+        display:block;
+    }
+    a {
+        transition: all 500ms ease-in-out;
+        &:hover {
+            color: $primary;
+        }
+    }
+    .rounded-circle {
+        width: 100px;
+        height: 100px;
+        &.small {
+            height: 50px;
+            width: 50px;
+            margin-right: 10px;
+        }
+    }
+    .featured_post {
+        .row {
+            border-radius: 20px;
+            overflow: hidden;
+            -webkit-box-shadow: 0px 0px 20px 5px #f0f0f0;
+            -moz-box-shadow: 0px 0px 20px 5px #e5e5e5;
+            box-shadow: 0px 0px 20px 5px #ebebeb;
+            .latest-featured-post-content {
+                .card{
+                    border-radius: 20px;
+                }
+            }
+        }
+    }
+    .blog_image_header {
+        overflow: hidden;
+        position: relative;
+        img {
+            height: 150px;
+            width: 100%;
+            object-fit: cover;
+        }
+        &:after {
+            content: '';
+            display: none;
+            height: 100%;
+            width: 100%;
+            position: absolute;
+            top: 0px;
+            opacity: .4;
+            background-color: $primary;
+            z-index: 0;
+        }
+        &:before {
+            content: 'Read';
+            display: none;
+            width: 100%;
+            color:white;
+            position: absolute;
+            z-index: 1;
+            text-align: center;
+            top: 50%;
+            transform: translateY(-50%);
+            opacity:1;
+
+        }
+    }
+    .blog-post-item-col {
+        .card {
+            border-radius: 20px;
+            overflow:hidden;
+            -webkit-box-shadow: 0px 0px 20px 5px #f0f0f0;
+            -moz-box-shadow: 0px 0px 20px 5px #e5e5e5;
+            box-shadow: 0px 0px 20px 5px #ebebeb;
+            transition: all 200ms ease;
+            &:hover {
+                transform: translateY(-5px);
+                -webkit-box-shadow: 0px 0px 20px 5px #b3b3b3;
+                -moz-box-shadow: 0px 0px 20px 5px #b3b3b3;
+                box-shadow: 0px 0px 20px 5px#b3b3b3;
+                .blog_image_header {
+                    &:before , &:after {
+                        display:block;
+                    }
+                }
+            }
+        }
+    }
+}