@burh/nuxt-core 1.0.317 → 1.0.319

package/assets/sass/burh-ds/content/_interface-spa.scss

@@ -1,306 +1,306 @@
-
-@import "node_modules/bootstrap/scss/mixins/_breakpoints";
-
-// Estrutura para pagina com unico footer => somente no arquivo ./pages/testes.scss, era o original
-// interface-spa-testes
-//      interface-spa__header
-//      interface-spa__body
-//          interface-spa__aside
-//          interface-spa__content
-//      interface-spa__footer
-//          interface-spa__aside
-//          interface-spa__content
-
-// Estrutura padrão universal para facilitar utilização do grid isolado => * significa que compartilham tamanhos
-// interface-spa
-//      interface-spa__header
-//      interface-spa__body
-//          interface-spa__aside
-//              interface-spa__aside__header *
-//              interface-spa__aside__body *
-//              interface-spa__aside__footer *
-//          interface-spa__content
-//              interface-spa__content__header *
-//              interface-spa__content__body *
-//              interface-spa__content__footer *
-
-
-.interface-spa {
-    overflow: hidden;
-
-    &__header,
-    &__body {
-        @include media-breakpoint-up(lg) {
-            overflow: hidden;
-            display: flex;
-        }
-    }
-
-    &__header {
-        position: fixed;
-        width: 100%;
-        height: calc(#{$navbar-height-mobile} / 1.4);
-        top: #{$navbar-height-mobile};
-        left: 0;
-        z-index: 20;
-        padding: 0;
-        box-shadow: 0 0 2rem 0 rgba($base-dark, .1);
-        background-color: $base-light;
-
-        .btn {
-            width: 100%;
-            margin: 0;
-        }
-
-        @media (min-width:  map-get($grid-breakpoints, "md")) {
-            padding: $spacer #{$document-padding/2};
-        }
-        @media (min-width:  map-get($grid-breakpoints, "lg")) {
-            padding: $spacer #{$document-padding*1.5};
-        }
-
-
-        @include media-breakpoint-up(lg) {
-            position: relative;
-            top: 0;
-            align-items: center;
-            height: $navbar-height;
-            //padding: $spacer #{$spacer*2};
-            //box-shadow: inset 0 0 0 1px $border-color-light;
-            outline: 1px solid $card-border-color;
-
-
-            .btn {
-                width: auto;
-            }
-        }
-        .form-group {
-            margin: 0;
-        }
-    }
-    &__filter {
-        display: flex;
-        width: 100%;
-        align-items: center;
-        flex-wrap: wrap;
-        min-height: 100%;
-        padding: 0;
-        background-color: $base-light;
-        box-shadow: 0 0 2rem 0 rgba($base-dark, .1);
-
-        @include media-breakpoint-up(lg) {
-            flex-wrap: nowrap;
-            box-shadow: none;
-        }
-
-        .wrapper {
-            position: relative;
-            z-index: 10;
-            width: 100%;
-            padding: .5rem 1rem;
-
-            @include media-breakpoint-up(lg) {
-                padding: 0;
-            }
-        }
-
-        &__header {
-            @include media-breakpoint-up(lg) {
-                display: none !important;
-            }
-        }
-        &__controls {
-            width: 100%;
-            height: 0;
-            overflow: hidden;
-
-            @include media-breakpoint-up(lg) {
-                display: flex;
-                height: auto;
-                overflow: initial;
-            }
-            > * {
-                margin-bottom: .5rem !important;
-
-                @include media-breakpoint-up(lg) {
-                    margin-bottom: 0 !important;
-                }
-            }
-        }
-        &.active {
-            z-index: 10;
-
-            .interface-spa__filter {
-                &__controls {
-                    height: auto;
-                    padding: 1rem 0 0;
-                }
-            }
-            &::after {
-                content: " ";
-                position: fixed;
-                top: 0;
-                left: 0;
-                z-index: 9;
-                display: block;
-                width: 100%;
-                height: 100%;
-                background: $base-dark;
-                opacity: .75;
-            }
-        }
-    }
-
-    &__body {
-        //padding-bottom: 10rem;
-    }
-
-    &__aside,
-    &__content {
-        &__header,
-        &__footer {
-            position: relative;
-            z-index: 10;
-        }
-        &__header {
-            position: fixed;
-            bottom: 0;
-            left: 0;
-            width: 100%;
-            height: $navbar-height;
-            background-color: $base-light;
-            box-shadow: 0 0 2rem 0 rgba($base-dark, .1);
-            font-size: .8rem;
-
-            @include media-breakpoint-up(lg) {
-                position: relative;
-            }
-        }
-        &__body {
-            //top: $navbar-height;
-            //left: 0;
-            //height: calc(100vh - #{$navbar-height * 4});
-            @extend .scrollbar;
-
-            @include media-breakpoint-up(lg) {
-                overflow-y: auto;
-                height: calc(100vh - #{$navbar-height * 4});
-                padding-bottom: 0;
-            }
-        }
-        &__footer {
-            display: none;
-            width: 100%;
-            height: $navbar-height;
-
-            @include media-breakpoint-up(lg) {
-                display: flex;
-                align-items: center;
-                justify-content: center;
-            }
-        }
-    }
-    &__aside {
-        position: relative;
-
-        @include media-breakpoint-up(lg) {
-            width: calc(#{$aside-width} + #{$document-padding*1.5});
-        }
-        @media only screen and (min-width: 1440px) {
-            width: calc(#{$aside-min-width*1.5} + #{$document-padding*1.5});
-        }
-        &__header {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-        }
-        &__body {
-            padding-top: calc(#{$navbar-height-mobile} / 1.4);
-
-            @include media-breakpoint-up(lg) {
-                padding-top: 0;
-                box-shadow: inset 0 0 0 1px $border-color-light;
-            }
-        }
-        &__footer {
-            background-color: $primary;
-            color: $white;
-
-            @include media-breakpoint-up(lg) {
-            }
-        }
-
-        &--big {
-            @include media-breakpoint-up(lg) {
-                .interface-spa__aside__body {
-                    height: calc(100vh - #{$navbar-height * 3}); // removing 1 item
-                }
-            }
-        }
-    }
-    &__content {
-        display: none;
-        transition: all .45s ease-in-out;
-        @extend .scrollbar;
-
-        @include media-breakpoint-up(lg) {
-            display: block;
-            width: calc(100% - #{$aside-width});
-            height: calc(100vh - #{$navbar-height * 2});
-            overflow-y: auto;
-            transform: translateY(0);
-            opacity: 1;
-            transition: all .45s ease-in-out;
-        }
-        @media only screen and (min-width: 1440px) {
-            width: calc(100vw - #{$aside-min-width*1.5} );
-        }
-    }
-    .wrapper {
-        background: $base-light;
-    }
-}
-
-
-@include media-breakpoint-up(lg) {
-    .interface-spa {
-        //quanto tem apenas um item
-        &--single {
-            .interface-spa {
-                &__aside {
-                    width: 0;
-
-                    .search {
-                        &__header {
-                            width: $aside-width;
-                            position: absolute;
-                        }
-                    }
-                }
-                &__content {
-                    width: 100%;
-
-                    .search {
-                        &__header {
-                            padding-left: calc(#{$aside-width} + 2rem);
-                        }
-                        &__body {
-                            .card {
-                                max-width: 1200px;
-                                margin-right: auto;
-                                margin-left: auto;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-
-.container-fluid {
-    &--bu {
-        width: 90%!important;
-		max-width: 1760px!important;
-    }
-}
+
+@import "node_modules/bootstrap/scss/mixins/_breakpoints";
+
+// Estrutura para pagina com unico footer => somente no arquivo ./pages/testes.scss, era o original
+// interface-spa-testes
+//      interface-spa__header
+//      interface-spa__body
+//          interface-spa__aside
+//          interface-spa__content
+//      interface-spa__footer
+//          interface-spa__aside
+//          interface-spa__content
+
+// Estrutura padrão universal para facilitar utilização do grid isolado => * significa que compartilham tamanhos
+// interface-spa
+//      interface-spa__header
+//      interface-spa__body
+//          interface-spa__aside
+//              interface-spa__aside__header *
+//              interface-spa__aside__body *
+//              interface-spa__aside__footer *
+//          interface-spa__content
+//              interface-spa__content__header *
+//              interface-spa__content__body *
+//              interface-spa__content__footer *
+
+
+.interface-spa {
+    overflow: hidden;
+
+    &__header,
+    &__body {
+        @include media-breakpoint-up(lg) {
+            overflow: hidden;
+            display: flex;
+        }
+    }
+
+    &__header {
+        position: fixed;
+        width: 100%;
+        height: calc(#{$navbar-height-mobile} / 1.4);
+        top: #{$navbar-height-mobile};
+        left: 0;
+        z-index: 20;
+        padding: 0;
+        box-shadow: 0 0 2rem 0 rgba($base-dark, .1);
+        background-color: $base-light;
+
+        .btn {
+            width: 100%;
+            margin: 0;
+        }
+
+        @media (min-width:  map-get($grid-breakpoints, "md")) {
+            padding: $spacer #{$document-padding/2};
+        }
+        @media (min-width:  map-get($grid-breakpoints, "lg")) {
+            padding: $spacer #{$document-padding*1.5};
+        }
+
+
+        @include media-breakpoint-up(lg) {
+            position: relative;
+            top: 0;
+            align-items: center;
+            height: $navbar-height;
+            //padding: $spacer #{$spacer*2};
+            //box-shadow: inset 0 0 0 1px $border-color-light;
+            outline: 1px solid $card-border-color;
+
+
+            .btn {
+                width: auto;
+            }
+        }
+        .form-group {
+            margin: 0;
+        }
+    }
+    &__filter {
+        display: flex;
+        width: 100%;
+        align-items: center;
+        flex-wrap: wrap;
+        min-height: 100%;
+        padding: 0;
+        background-color: $base-light;
+        box-shadow: 0 0 2rem 0 rgba($base-dark, .1);
+
+        @include media-breakpoint-up(lg) {
+            flex-wrap: nowrap;
+            box-shadow: none;
+        }
+
+        .wrapper {
+            position: relative;
+            z-index: 10;
+            width: 100%;
+            padding: .5rem 1rem;
+
+            @include media-breakpoint-up(lg) {
+                padding: 0;
+            }
+        }
+
+        &__header {
+            @include media-breakpoint-up(lg) {
+                display: none !important;
+            }
+        }
+        &__controls {
+            width: 100%;
+            height: 0;
+            overflow: hidden;
+
+            @include media-breakpoint-up(lg) {
+                display: flex;
+                height: auto;
+                overflow: initial;
+            }
+            > * {
+                margin-bottom: .5rem !important;
+
+                @include media-breakpoint-up(lg) {
+                    margin-bottom: 0 !important;
+                }
+            }
+        }
+        &.active {
+            z-index: 10;
+
+            .interface-spa__filter {
+                &__controls {
+                    height: auto;
+                    padding: 1rem 0 0;
+                }
+            }
+            &::after {
+                content: " ";
+                position: fixed;
+                top: 0;
+                left: 0;
+                z-index: 9;
+                display: block;
+                width: 100%;
+                height: 100%;
+                background: $base-dark;
+                opacity: .75;
+            }
+        }
+    }
+
+    &__body {
+        //padding-bottom: 10rem;
+    }
+
+    &__aside,
+    &__content {
+        &__header,
+        &__footer {
+            position: relative;
+            z-index: 10;
+        }
+        &__header {
+            position: fixed;
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            height: $navbar-height;
+            background-color: $base-light;
+            box-shadow: 0 0 2rem 0 rgba($base-dark, .1);
+            font-size: .8rem;
+
+            @include media-breakpoint-up(lg) {
+                position: relative;
+            }
+        }
+        &__body {
+            //top: $navbar-height;
+            //left: 0;
+            //height: calc(100vh - #{$navbar-height * 4});
+            @extend .scrollbar;
+
+            @include media-breakpoint-up(lg) {
+                overflow-y: auto;
+                height: calc(100vh - #{$navbar-height * 4});
+                padding-bottom: 0;
+            }
+        }
+        &__footer {
+            display: none;
+            width: 100%;
+            height: $navbar-height;
+
+            @include media-breakpoint-up(lg) {
+                display: flex;
+                align-items: center;
+                justify-content: center;
+            }
+        }
+    }
+    &__aside {
+        position: relative;
+
+        @include media-breakpoint-up(lg) {
+            width: calc(#{$aside-width} + #{$document-padding*1.5});
+        }
+        @media only screen and (min-width: 1440px) {
+            width: calc(#{$aside-min-width*1.5} + #{$document-padding*1.5});
+        }
+        &__header {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+        &__body {
+            padding-top: calc(#{$navbar-height-mobile} / 1.4);
+
+            @include media-breakpoint-up(lg) {
+                padding-top: 0;
+                box-shadow: inset 0 0 0 1px $border-color-light;
+            }
+        }
+        &__footer {
+            background-color: $primary;
+            color: $white;
+
+            @include media-breakpoint-up(lg) {
+            }
+        }
+
+        &--big {
+            @include media-breakpoint-up(lg) {
+                .interface-spa__aside__body {
+                    height: calc(100vh - #{$navbar-height * 3}); // removing 1 item
+                }
+            }
+        }
+    }
+    &__content {
+        display: none;
+        transition: all .45s ease-in-out;
+        @extend .scrollbar;
+
+        @include media-breakpoint-up(lg) {
+            display: block;
+            width: calc(100% - #{$aside-width});
+            height: calc(100vh - #{$navbar-height * 2});
+            overflow-y: auto;
+            transform: translateY(0);
+            opacity: 1;
+            transition: all .45s ease-in-out;
+        }
+        @media only screen and (min-width: 1440px) {
+            width: calc(100vw - #{$aside-min-width*1.5} );
+        }
+    }
+    .wrapper {
+        background: $base-light;
+    }
+}
+
+
+@include media-breakpoint-up(lg) {
+    .interface-spa {
+        //quanto tem apenas um item
+        &--single {
+            .interface-spa {
+                &__aside {
+                    width: 0;
+
+                    .search {
+                        &__header {
+                            width: $aside-width;
+                            position: absolute;
+                        }
+                    }
+                }
+                &__content {
+                    width: 100%;
+
+                    .search {
+                        &__header {
+                            padding-left: calc(#{$aside-width} + 2rem);
+                        }
+                        &__body {
+                            .card {
+                                max-width: 1200px;
+                                margin-right: auto;
+                                margin-left: auto;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+.container-fluid {
+    &--bu {
+        width: 90%!important;
+		max-width: 1760px!important;
+    }
+}

package/assets/sass/burh-ds/content/_main-content.scss

@@ -1,25 +1,25 @@
-.main-content {
-    .container-fluid {
-        &--bu {
-			width: 90%!important;
-			max-width: 1760px!important;
-        }
-
-        @for $value-container from 1 through 20 {
-          &--#{$value-container * 5} {
-            @media (min-width:  map-get($grid-breakpoints, "lg")) {
-              max-width: calc(100% - #{$value-container * 5vw});
-            }
-          }
-        }
-    }
-    .navbar-top {
-        padding-right: 1rem !important;
-        padding-left: 1rem !important;
-
-        @include media-breakpoint-up(lg) {
-            padding-right: 0 !important;
-            padding-left: 0 !important;
-        }
-    }
-}
+.main-content {
+    .container-fluid {
+        &--bu {
+			width: 90%!important;
+			max-width: 1760px!important;
+        }
+
+        @for $value-container from 1 through 20 {
+          &--#{$value-container * 5} {
+            @media (min-width:  map-get($grid-breakpoints, "lg")) {
+              max-width: calc(100% - #{$value-container * 5vw});
+            }
+          }
+        }
+    }
+    .navbar-top {
+        padding-right: 1rem !important;
+        padding-left: 1rem !important;
+
+        @include media-breakpoint-up(lg) {
+            padding-right: 0 !important;
+            padding-left: 0 !important;
+        }
+    }
+}