@burh/nuxt-core 1.0.18 → 1.0.20

package/assets/sass/burh-ds/molecules/_testimonial.scss

@@ -1,54 +1,54 @@
-.testimonial {
-    @media (min-width:  map-get($grid-breakpoints, "sm")) {
-        display: flex;
-    }
-
-    .list-star {
-        color: #FFC300;
-        margin-bottom: .5rem;
-        margin-left: .5rem;
-
-        li {
-            margin-right: .2rem;
-        }
-    }
-    .lead {
-        font-size: 1.1rem;
-        margin: 0 0 1em;
-    }
-    .avatar {
-        display: block;
-        width: 50vw;
-        height: 50vw;
-        margin: 2rem auto 1rem;
-
-        @media (min-width:  map-get($grid-breakpoints, "sm")) {
-            width: 110px;
-            height: 110px;
-            margin: 0;
-        }
-    }
-    &__header {
-        padding-right: $spacer;
-    }
-    &__body {
-        font-size: 1.1rem;
-
-        .h4 {
-            font-size: 1rem;
-            font-weight: 600;
-            margin-bottom: 0;
-        }
-        .small {
-            margin-bottom: 0;
-            font-size: .8em;
-        }
-
-        .list-star {
-            display: inline-block;
-            vertical-align: middle;
-            margin-bottom: 0;
-            font-size: .7em;
-        }
-    }
+.testimonial {
+    @media (min-width:  map-get($grid-breakpoints, "sm")) {
+        display: flex;
+    }
+
+    .list-star {
+        color: #FFC300;
+        margin-bottom: .5rem;
+        margin-left: .5rem;
+
+        li {
+            margin-right: .2rem;
+        }
+    }
+    .lead {
+        font-size: 1.1rem;
+        margin: 0 0 1em;
+    }
+    .avatar {
+        display: block;
+        width: 50vw;
+        height: 50vw;
+        margin: 2rem auto 1rem;
+
+        @media (min-width:  map-get($grid-breakpoints, "sm")) {
+            width: 110px;
+            height: 110px;
+            margin: 0;
+        }
+    }
+    &__header {
+        padding-right: $spacer;
+    }
+    &__body {
+        font-size: 1.1rem;
+
+        .h4 {
+            font-size: 1rem;
+            font-weight: 600;
+            margin-bottom: 0;
+        }
+        .small {
+            margin-bottom: 0;
+            font-size: .8em;
+        }
+
+        .list-star {
+            display: inline-block;
+            vertical-align: middle;
+            margin-bottom: 0;
+            font-size: .7em;
+        }
+    }
 }

package/assets/sass/burh-ds/organisms/_banner.scss

@@ -1,52 +1,52 @@
-.vertical {
-    .header {
-        position: initial;
-    }
-    &--md {
-        height: 26vh;
-    }
-    &--sm {
-        height: 13vh;
-    }
-    &--profile {
-        height: 45vh;
-    }
-}
-.banner {
-    min-height: 10vh;
-    overflow: hidden;
-    background-color: $color-light;
-    padding-top: 2rem;
-    padding-bottom: 2rem;
-    background-repeat: no-repeat;
-    background-size: cover;
-    background-position: center;
-
-    &__content {
-        display: flex;
-        width: 100%;
-        height: 100%;
-        align-items: center;
-        text-align: center;
-    }
-    &__item {
-        width: 100%;
-    }
-    &--hero {
-        height: 45vh;
-        
-        @include media-breakpoint-up(lg) { 
-            height: 45vh;
-        }
-    }
-    &--sm {
-        height: 30vh;
-        
-        @include media-breakpoint-up(lg) { 
-            height: 13vh;
-        }
-    }
-    &--mid {
-        height: 26vh;
-    }
+.vertical {
+    .header {
+        position: initial;
+    }
+    &--md {
+        height: 26vh;
+    }
+    &--sm {
+        height: 13vh;
+    }
+    &--profile {
+        height: 45vh;
+    }
+}
+.banner {
+    min-height: 10vh;
+    overflow: hidden;
+    background-color: $color-light;
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: center;
+
+    &__content {
+        display: flex;
+        width: 100%;
+        height: 100%;
+        align-items: center;
+        text-align: center;
+    }
+    &__item {
+        width: 100%;
+    }
+    &--hero {
+        height: 45vh;
+        
+        @include media-breakpoint-up(lg) { 
+            height: 45vh;
+        }
+    }
+    &--sm {
+        height: 30vh;
+        
+        @include media-breakpoint-up(lg) { 
+            height: 13vh;
+        }
+    }
+    &--mid {
+        height: 26vh;
+    }
 }

package/assets/sass/burh-ds/organisms/_cards.scss

@@ -1,181 +1,185 @@
-.card {
-    &--job {
-        box-shadow: none;
-        border: $card-border-width solid $card-border-color;
-        transition: all .25s ease-in-out;
-
-        &:hover,
-        &:focus {
-            box-shadow: $card-box-shadow;
-            transition: all .25s ease-in-out;
-        }
-
-        .card {
-            &-header,
-            &-body,
-            &-footer {
-                padding: 1rem;
-            }
-            &-header {
-                display: flex;
-                width: 100%;
-                justify-content: space-between;
-                align-items: center;
-                align-content: center;
-                border: 0;
-
-                .list-inline {
-                    margin: 0;
-                }
-                .btn {
-                    padding: #{$spacer/2};
-                    margin: 0;
-                    min-width: initial;
-                }
-                .avatar {
-                    width: 4rem;
-                    height: 4rem;
-                }
-            }
-            &-body {
-                height: 6rem;
-                padding-top: 0;
-                padding-bottom: 0;
-                margin-bottom: 0;
-            }
-            &-footer {
-                border: 0;
-            }
-            &__company {
-                font-size: .8em;
-                text-transform: uppercase;
-            }
-            &__local {
-                font-size: .9em;
-                margin: 0;
-                color: $text-color-sub;
-            }
-            &__published {
-                font-size: .8em;
-                margin: 0;
-            }
-            
-            &-title {
-                display: -webkit-box;
-                -webkit-box-orient: vertical;
-                -webkit-line-clamp: 2;
-                max-height: 3em;
-                overflow: hidden;
-                margin-bottom: 0;
-                font-size: 1rem;
-                font-weight: 600;
-            }
-        }
-        .avatar {
-            border: 1px solid $border-color-light;
-            background-color: $border-color-light;
-        }
-        .card__controls {}
-    }
-    &--image {
-        position: relative;
-        @extend .bg-responsive;
-        overflow: hidden;
-        
-        .card__bg {
-            display: none;
-        }
-        .card-body {
-            position: relative;
-            z-index: 10;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            width: 100%;
-            min-height: 10rem;
-            padding: 1em;
-            text-align: center;
-
-            @include media-breakpoint-up(md) {
-                padding: 2em;
-            }
-        }
-        .card-title {
-            color: $base-light;
-            margin: 0;
-            padding: 0;
-            text-shadow: .1em .1em .2em rgba($base-dark, .5);
-        }
-        &::after {
-            content: "";
-            position: absolute;
-            top: 0;
-            left: 0;
-            display: block;
-            width: 100%;
-            height: 100%;
-            opacity: .8;
-
-            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#04abff+0,686868+100&0.18+0,1+100 */
-            background: -moz-linear-gradient(top,  rgba(4,171,255,0.18) 0%, rgba($base-dark, .5) 100%); /* FF3.6-15 */
-            background: -webkit-linear-gradient(top,  rgba(4,171,255,0.18) 0%,rgba($base-dark, .5) 100%); /* Chrome10-25,Safari5.1-6 */
-            background: linear-gradient(to bottom,  rgba(4,171,255,0.18) 0%,rgba($base-dark, .5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e04abff', endColorstr='#686868',GradientType=0 ); /* IE6-9 */
-        }
-    }
-    &--business {
-        border: $card-border-width solid $card-border-color;
-        padding: 0;
-        margin-bottom: 2rem;
-        border-radius: 100%;
-        overflow: hidden;
-        box-shadow: none;
-        background-size: 102% auto;
-        background-repeat: no-repeat;
-        background-position: center;
-
-        .brand {
-            opacity: 0 !important;
-        }
-        &:hover,
-        &:focus {
-            box-shadow: 0 0 0 2px $card-border-color;
-            transition: all .25s ease-in-out;
-        }
-    }
-}
-
-.skeleton {
-    .card-header {
-        .avatar {
-            background-color: $bg-default;
-            @extend .skeleton-animation;
-        }
-        .card__inner{
-            @extend .skeleton-inner;
-        }
-    }
-    .card-body {
-        .card__company,
-        .card-title,
-        .card__local {
-            @extend .skeleton-inner;
-        }
-        .card__local {
-            &:after {
-                width: 50%;
-            }
-        }
-    }
-    .card-footer {
-        opacity: 0;
-
-        .card__published {
-            @extend .skeleton-inner;
-
-            &:after {
-                width: 50%;
-            }
-        }
-    }
+.card {
+    &--shadow {
+        border: 1px solid #e5e5e5;
+    }
+    
+    &--job {
+        box-shadow: none;
+        border: $card-border-width solid $card-border-color;
+        transition: all .25s ease-in-out;
+
+        &:hover,
+        &:focus {
+            box-shadow: $card-box-shadow;
+            transition: all .25s ease-in-out;
+        }
+
+        .card {
+            &-header,
+            &-body,
+            &-footer {
+                padding: 1rem;
+            }
+            &-header {
+                display: flex;
+                width: 100%;
+                justify-content: space-between;
+                align-items: center;
+                align-content: center;
+                border: 0;
+
+                .list-inline {
+                    margin: 0;
+                }
+                .btn {
+                    padding: #{$spacer/2};
+                    margin: 0;
+                    min-width: initial;
+                }
+                .avatar {
+                    width: 4rem;
+                    height: 4rem;
+                }
+            }
+            &-body {
+                height: 6rem;
+                padding-top: 0;
+                padding-bottom: 0;
+                margin-bottom: 0;
+            }
+            &-footer {
+                border: 0;
+            }
+            &__company {
+                font-size: .8em;
+                text-transform: uppercase;
+            }
+            &__local {
+                font-size: .9em;
+                margin: 0;
+                color: $text-color-sub;
+            }
+            &__published {
+                font-size: .8em;
+                margin: 0;
+            }
+            
+            &-title {
+                display: -webkit-box;
+                -webkit-box-orient: vertical;
+                -webkit-line-clamp: 2;
+                max-height: 3em;
+                overflow: hidden;
+                margin-bottom: 0;
+                font-size: 1rem;
+                font-weight: 600;
+            }
+        }
+        .avatar {
+            border: 1px solid $border-color-light;
+            background-color: $border-color-light;
+        }
+        .card__controls {}
+    }
+    &--image {
+        position: relative;
+        @extend .bg-responsive;
+        overflow: hidden;
+        
+        .card__bg {
+            display: none;
+        }
+        .card-body {
+            position: relative;
+            z-index: 10;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            width: 100%;
+            min-height: 10rem;
+            padding: 1em;
+            text-align: center;
+
+            @include media-breakpoint-up(md) {
+                padding: 2em;
+            }
+        }
+        .card-title {
+            color: $base-light;
+            margin: 0;
+            padding: 0;
+            text-shadow: .1em .1em .2em rgba($base-dark, .5);
+        }
+        &::after {
+            content: "";
+            position: absolute;
+            top: 0;
+            left: 0;
+            display: block;
+            width: 100%;
+            height: 100%;
+            opacity: .8;
+
+            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#04abff+0,686868+100&0.18+0,1+100 */
+            background: -moz-linear-gradient(top,  rgba(4,171,255,0.18) 0%, rgba($base-dark, .5) 100%); /* FF3.6-15 */
+            background: -webkit-linear-gradient(top,  rgba(4,171,255,0.18) 0%,rgba($base-dark, .5) 100%); /* Chrome10-25,Safari5.1-6 */
+            background: linear-gradient(to bottom,  rgba(4,171,255,0.18) 0%,rgba($base-dark, .5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e04abff', endColorstr='#686868',GradientType=0 ); /* IE6-9 */
+        }
+    }
+    &--business {
+        border: $card-border-width solid $card-border-color;
+        padding: 0;
+        margin-bottom: 2rem;
+        border-radius: 100%;
+        overflow: hidden;
+        box-shadow: none;
+        background-size: 102% auto;
+        background-repeat: no-repeat;
+        background-position: center;
+
+        .brand {
+            opacity: 0 !important;
+        }
+        &:hover,
+        &:focus {
+            box-shadow: 0 0 0 2px $card-border-color;
+            transition: all .25s ease-in-out;
+        }
+    }
+}
+
+.skeleton {
+    .card-header {
+        .avatar {
+            background-color: $bg-default;
+            @extend .skeleton-animation;
+        }
+        .card__inner{
+            @extend .skeleton-inner;
+        }
+    }
+    .card-body {
+        .card__company,
+        .card-title,
+        .card__local {
+            @extend .skeleton-inner;
+        }
+        .card__local {
+            &:after {
+                width: 50%;
+            }
+        }
+    }
+    .card-footer {
+        opacity: 0;
+
+        .card__published {
+            @extend .skeleton-inner;
+
+            &:after {
+                width: 50%;
+            }
+        }
+    }
 }