@burh/nuxt-core 1.0.403 → 1.0.404

package/assets/sass/burh-ds/mixins/_grid.scss

@@ -1,51 +1,51 @@
-/// Grid system
-//
-// Generate semantic grid columns with these mixins.
-
-@mixin make-container($gutter: $grid-gutter-width) {
-  width: 100%;
-  padding-right: $gutter / 2;
-  padding-left: $gutter / 2;
-  margin-right: auto;
-  margin-left: auto;
-}
-
-
-// For each breakpoint, define the maximum width of the container in a media query
-@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
-  @each $breakpoint, $container-max-width in $max-widths {
-    @include media-breakpoint-up($breakpoint, $breakpoints) {
-      max-width: $container-max-width;
-    }
-  }
-}
-
-@mixin make-row($gutter: $grid-gutter-width) {
-  display: flex;
-  flex-wrap: wrap;
-  margin-right: -$gutter / 2;
-  margin-left: -$gutter / 2;
-}
-
-@mixin make-col-ready($gutter: $grid-gutter-width) {
-  position: relative;
-  // Prevent columns from becoming too narrow when at smaller grid tiers by
-  // always setting `width: 100%;`. This works because we use `flex` values
-  // later on to override this initial width.
-  width: 100%;
-  padding-right: $gutter / 2;
-  padding-left: $gutter / 2;
-}
-
-@mixin make-col($size, $columns: $grid-columns) {
-  flex: 0 0 percentage($size / $columns);
-  // Add a `max-width` to ensure content within each column does not blow out
-  // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
-  // do not appear to require this.
-  max-width: percentage($size / $columns);
-}
-
-@mixin make-col-offset($size, $columns: $grid-columns) {
-  $num: $size / $columns;
-  margin-left: if($num == 0, 0, percentage($num));
-}
+/// Grid system
+//
+// Generate semantic grid columns with these mixins.
+
+@mixin make-container($gutter: $grid-gutter-width) {
+  width: 100%;
+  padding-right: $gutter / 2;
+  padding-left: $gutter / 2;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+
+// For each breakpoint, define the maximum width of the container in a media query
+@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
+  @each $breakpoint, $container-max-width in $max-widths {
+    @include media-breakpoint-up($breakpoint, $breakpoints) {
+      max-width: $container-max-width;
+    }
+  }
+}
+
+@mixin make-row($gutter: $grid-gutter-width) {
+  display: flex;
+  flex-wrap: wrap;
+  margin-right: -$gutter / 2;
+  margin-left: -$gutter / 2;
+}
+
+@mixin make-col-ready($gutter: $grid-gutter-width) {
+  position: relative;
+  // Prevent columns from becoming too narrow when at smaller grid tiers by
+  // always setting `width: 100%;`. This works because we use `flex` values
+  // later on to override this initial width.
+  width: 100%;
+  padding-right: $gutter / 2;
+  padding-left: $gutter / 2;
+}
+
+@mixin make-col($size, $columns: $grid-columns) {
+  flex: 0 0 percentage($size / $columns);
+  // Add a `max-width` to ensure content within each column does not blow out
+  // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
+  // do not appear to require this.
+  max-width: percentage($size / $columns);
+}
+
+@mixin make-col-offset($size, $columns: $grid-columns) {
+  $num: $size / $columns;
+  margin-left: if($num == 0, 0, percentage($num));
+}

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

@@ -1,283 +1,283 @@
-.box {
-    display: flex;
-    align-items: center;
-    width: 100%;
-    padding: 2rem;
-    background-color: $base-light;
-    transition: all .45s ease-in-out;
-
-    &.active,
-    &:hover,
-    &:focus {
-        transition: all .45s ease-in-out;
-    }
-    &.active {
-        background-color: lighten($primary, 45%);
-
-        &:hover {
-            background-color: lighten($primary, 40%);
-        }
-    }
-    &:hover {
-        background-color: lighten($page-bg, 20%);
-    }
-}
-.box-zone {
-    margin-bottom: 2.5rem;
-
-    .h2 {
-        padding-bottom: .25em;
-        margin-bottom: .75em;
-        font-size: .9rem;
-        font-weight: 400;
-        color: $gray-800;
-        border-bottom: 1px solid $body-bg;
-
-        @media (min-width:  map-get($grid-breakpoints, "sm")) {
-            font-size: 1.5rem;
-        }
-    }
-    .h3 {
-        font-size: 1.1rem;
-        font-weight: 700;
-
-        @media (min-width:  map-get($grid-breakpoints, "sm")) {
-            font-size: 1.25rem;
-        }
-    }
-    p {
-        font-size: .9rem;
-
-        &.small,
-        small {
-            font-size: 80%;
-        }
-    }
-    &__community {
-        font-size: .9rem;
-
-        strong {
-            display: block;
-            color: $link-color;
-            font-size: 1.6rem;
-            font-weight: 600;
-            line-height: 1;
-        }
-    }
-    .qr-code {
-        margin-bottom: 1rem; 
-
-        img {
-            width: 8rem;
-            border-radius: 3px;
-            border: 1px solid $bg-default;
-            margin-bottom: .75rem; 
-        }
-        .h3 {
-            font-size: .6rem;
-            text-transform: uppercase;
-            margin-bottom: 0;
-        }
-        strong {
-            color: $default;
-            font-weight: 800;
-        }
-    }
-    &__address {
-        .city {
-            display: block;
-            font-size: .9rem;
-        }
-    }
-    .tag {
-        padding-left: 2rem;
-
-        svg,
-        .icon,
-        .fa {
-            width: 1em;
-            margin-left: .25em;
-            opacity: 0;
-            transition: all .25s ease-in-out;
-        }
-    }
-    &--edit {
-        .tag {
-            &:hover,
-            &:focus {
-                svg,
-                .icon,
-                .fa {
-                    opacity: 1;
-                    transition: all .25s ease-in-out;
-                }
-            }
-        }
-    }
-}
-.box-profile {
-    margin-bottom: 1.5rem;
-    padding-top: .5rem;
-    padding-bottom: .5rem;
-
-    .h3 {
-        margin-bottom: .25em;
-        font-size: 1rem;
-        font-weight: 700;
-        color: $gray-800;
-        text-transform: uppercase;
-    }
-    .h4 {
-        margin-bottom: .25em;
-        font-size: .9rem;
-        font-weight: 700;
-        color: $gray-800;
-    }
-    p {
-        font-size: .9rem;
-
-        &.small,
-        small {
-            font-size: 80%;
-        }
-        &:last-child {
-            margin-bottom: 0;
-        }
-    }
-    &__header {
-        margin-bottom: 1rem;
-
-        p {
-            font-size: .9rem;
-            margin-bottom: 0;
-        }
-        .small,
-        small {
-            font-size: 90%;
-        }
-    }
-    &--edit {
-        padding: 1rem;
-        border: 1px solid $bg-default;
-        border-radius: 3px;
-        background-color: transparent;
-        transition: all .25s ease-in-out;
-
-        .h3 {
-            .btn {
-                @media (min-width:  map-get($grid-breakpoints, "md")) {
-                    width: 0;
-                    height: 0;
-                    overflow: hidden;
-                    opacity: 0;
-                    transition: all .25s ease-in-out;
-                }
-            }
-        }
-        
-        &:hover {
-            background-color: $bg-default;
-            cursor: pointer;
-            transition: all .25s ease-in-out;
-
-            .h3 {
-                .btn {
-                    width: auto;
-                    height: auto;
-                    overflow: initial;
-                    opacity: 1;
-                    transition: all .25s ease-in-out;
-                }
-            }
-        }
-    }
-}
-.box-image {
-    display: flex;
-    width: 100%;
-    padding: 1rem;
-    background: $bg-default;
-    border-radius: 3px;
-
-    &__brand {
-        margin-right: 1rem;
-        flex-shrink: 0;
-    }
-    &__description {
-        width: 100%;
-    }
-    .h3 {
-        margin: 0;
-        font-size: 1rem;
-        font-weight: 700;
-        text-transform: uppercase; 
-    }
-    p {
-        margin: 0;
-        font-size: .9rem;
-    }
-    &--edit {
-        border: 1px solid $bg-default;
-        background-color: transparent;
-        transition: all .25s ease-in-out;
-
-        .h3 {
-            .btn {
-                width: 0;
-                height: 0;
-                overflow: hidden;
-                opacity: 0;
-                transition: all .25s ease-in-out;
-            }
-        }
-        
-        &:hover {
-            background-color: $bg-default;
-            cursor: pointer;
-            transition: all .25s ease-in-out;
-
-            .h3 {
-                .btn {
-                    width: auto;
-                    height: auto;
-                    overflow: initial;
-                    opacity: 1;
-                    transition: all .25s ease-in-out;
-                }
-            }
-        }
-    }
-}
-.box-zone,
-.box-profile {
-    &--edit {
-        .h2,
-        .h3,
-        .h4 {
-            display: flex;
-            justify-content: space-between;
-            width: 100%;
-
-            .btn {
-                min-width: initial;
-                margin: 0;
-                padding: 0;
-            }
-        }
-    }
-    &--empty {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: 100%;
-        min-height: 5rem;
-        border: 1px dashed $warning;
-        padding: 2rem;
-        color: $warning;
-    }
-}
-.box-listing {
-    > *:last-child {
-        margin-bottom: 0;
-    }
+.box {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    padding: 2rem;
+    background-color: $base-light;
+    transition: all .45s ease-in-out;
+
+    &.active,
+    &:hover,
+    &:focus {
+        transition: all .45s ease-in-out;
+    }
+    &.active {
+        background-color: lighten($primary, 45%);
+
+        &:hover {
+            background-color: lighten($primary, 40%);
+        }
+    }
+    &:hover {
+        background-color: lighten($page-bg, 20%);
+    }
+}
+.box-zone {
+    margin-bottom: 2.5rem;
+
+    .h2 {
+        padding-bottom: .25em;
+        margin-bottom: .75em;
+        font-size: .9rem;
+        font-weight: 400;
+        color: $gray-800;
+        border-bottom: 1px solid $body-bg;
+
+        @media (min-width:  map-get($grid-breakpoints, "sm")) {
+            font-size: 1.5rem;
+        }
+    }
+    .h3 {
+        font-size: 1.1rem;
+        font-weight: 700;
+
+        @media (min-width:  map-get($grid-breakpoints, "sm")) {
+            font-size: 1.25rem;
+        }
+    }
+    p {
+        font-size: .9rem;
+
+        &.small,
+        small {
+            font-size: 80%;
+        }
+    }
+    &__community {
+        font-size: .9rem;
+
+        strong {
+            display: block;
+            color: $link-color;
+            font-size: 1.6rem;
+            font-weight: 600;
+            line-height: 1;
+        }
+    }
+    .qr-code {
+        margin-bottom: 1rem; 
+
+        img {
+            width: 8rem;
+            border-radius: 3px;
+            border: 1px solid $bg-default;
+            margin-bottom: .75rem; 
+        }
+        .h3 {
+            font-size: .6rem;
+            text-transform: uppercase;
+            margin-bottom: 0;
+        }
+        strong {
+            color: $default;
+            font-weight: 800;
+        }
+    }
+    &__address {
+        .city {
+            display: block;
+            font-size: .9rem;
+        }
+    }
+    .tag {
+        padding-left: 2rem;
+
+        svg,
+        .icon,
+        .fa {
+            width: 1em;
+            margin-left: .25em;
+            opacity: 0;
+            transition: all .25s ease-in-out;
+        }
+    }
+    &--edit {
+        .tag {
+            &:hover,
+            &:focus {
+                svg,
+                .icon,
+                .fa {
+                    opacity: 1;
+                    transition: all .25s ease-in-out;
+                }
+            }
+        }
+    }
+}
+.box-profile {
+    margin-bottom: 1.5rem;
+    padding-top: .5rem;
+    padding-bottom: .5rem;
+
+    .h3 {
+        margin-bottom: .25em;
+        font-size: 1rem;
+        font-weight: 700;
+        color: $gray-800;
+        text-transform: uppercase;
+    }
+    .h4 {
+        margin-bottom: .25em;
+        font-size: .9rem;
+        font-weight: 700;
+        color: $gray-800;
+    }
+    p {
+        font-size: .9rem;
+
+        &.small,
+        small {
+            font-size: 80%;
+        }
+        &:last-child {
+            margin-bottom: 0;
+        }
+    }
+    &__header {
+        margin-bottom: 1rem;
+
+        p {
+            font-size: .9rem;
+            margin-bottom: 0;
+        }
+        .small,
+        small {
+            font-size: 90%;
+        }
+    }
+    &--edit {
+        padding: 1rem;
+        border: 1px solid $bg-default;
+        border-radius: 3px;
+        background-color: transparent;
+        transition: all .25s ease-in-out;
+
+        .h3 {
+            .btn {
+                @media (min-width:  map-get($grid-breakpoints, "md")) {
+                    width: 0;
+                    height: 0;
+                    overflow: hidden;
+                    opacity: 0;
+                    transition: all .25s ease-in-out;
+                }
+            }
+        }
+        
+        &:hover {
+            background-color: $bg-default;
+            cursor: pointer;
+            transition: all .25s ease-in-out;
+
+            .h3 {
+                .btn {
+                    width: auto;
+                    height: auto;
+                    overflow: initial;
+                    opacity: 1;
+                    transition: all .25s ease-in-out;
+                }
+            }
+        }
+    }
+}
+.box-image {
+    display: flex;
+    width: 100%;
+    padding: 1rem;
+    background: $bg-default;
+    border-radius: 3px;
+
+    &__brand {
+        margin-right: 1rem;
+        flex-shrink: 0;
+    }
+    &__description {
+        width: 100%;
+    }
+    .h3 {
+        margin: 0;
+        font-size: 1rem;
+        font-weight: 700;
+        text-transform: uppercase; 
+    }
+    p {
+        margin: 0;
+        font-size: .9rem;
+    }
+    &--edit {
+        border: 1px solid $bg-default;
+        background-color: transparent;
+        transition: all .25s ease-in-out;
+
+        .h3 {
+            .btn {
+                width: 0;
+                height: 0;
+                overflow: hidden;
+                opacity: 0;
+                transition: all .25s ease-in-out;
+            }
+        }
+        
+        &:hover {
+            background-color: $bg-default;
+            cursor: pointer;
+            transition: all .25s ease-in-out;
+
+            .h3 {
+                .btn {
+                    width: auto;
+                    height: auto;
+                    overflow: initial;
+                    opacity: 1;
+                    transition: all .25s ease-in-out;
+                }
+            }
+        }
+    }
+}
+.box-zone,
+.box-profile {
+    &--edit {
+        .h2,
+        .h3,
+        .h4 {
+            display: flex;
+            justify-content: space-between;
+            width: 100%;
+
+            .btn {
+                min-width: initial;
+                margin: 0;
+                padding: 0;
+            }
+        }
+    }
+    &--empty {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 100%;
+        min-height: 5rem;
+        border: 1px dashed $warning;
+        padding: 2rem;
+        color: $warning;
+    }
+}
+.box-listing {
+    > *:last-child {
+        margin-bottom: 0;
+    }
 }

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

@@ -1,9 +1,9 @@
-.breadcrumb-item {
-    &+ {
-        .breadcrumb-item {
-            &::before {
-                content: "/";
-            }
-        }
-    }
+.breadcrumb-item {
+    &+ {
+        .breadcrumb-item {
+            &::before {
+                content: "/";
+            }
+        }
+    }
 }