@burh/nuxt-core 1.0.472 → 1.0.474

package/assets/sass/burh-ds/_global.scss

@@ -1,324 +1,324 @@
-
-
-// $min_width: 320px;
-// $max_width: 1600px;
-// $min_font: 16px;
-// $max_font: 18px;
-
-// html {
-//   @include fluid-type($min_width, $max_width, $min_font, $max_font);
-// }
-
-body {
-    background-color: $base-light;
-}
-.no-scroll {
-    overflow: hidden;
-    padding-right: 17px;
-
-    &--y {
-        overflow-y: auto;
-    }
-}
-
-
-@media only print {
-  .navbar-main,
-  .job-detail__footer,
-  .interface-spa__header,
-  .interface-spa__aside,
-  .interface-spa__header .jobs-aside--header { display: none !important; }
-
-  .main-content {
-    padding-top: 0 !important;
-  }
-
-  .interface-spa__body .interface-spa__content {
-    display: block !important;
-    width: inherit;
-    height: inherit;
-    overflow-y: initial;
-  }
-
-  .printable {
-    .job-detail {
-      border: 0;
-    }
-
-    .alert {
-      display: none;
-    }
-
-    .job-detail__controls {
-      display: none;
-    }
-
-    .job-detail__info {
-      display: flex;
-      .box-icon {
-        margin-right: 1.5rem;
-      }
-    }
-
-    .job-detail__header {
-      display: flex;
-      justify-content: space-between;
-
-      .job-detail__published{
-        display: none;
-      }
-    }
-
-    .job-detail__body {
-      .adsbygoogle {
-          display: none !important;
-      }
-
-      pre {
-        border: 0;
-      }
-    }
-
-    .job-detail__footer {
-      .container {
-
-        button {
-          display: none;
-        }
-      }
-    }
-  }
-}
-
-.aria-text {
-    clip-path: inset(100%);
-    clip: rect(1px 1px 1px 1px); /* IE 6/7 */
-    clip: rect(1px, 1px, 1px, 1px);
-    height: 1px;
-    overflow: hidden;
-    position: absolute;
-    white-space: nowrap; /* added line */
-    width: 1px;
-}
-
-.printable__qrcode {
-  display: none;
-  @media only print {
-    display: block;
-  }
-}
-
-.printable__logoburh {
-  margin-left: 2rem;
-  margin-top: 3rem;
-  width: 150px;
-  display: none;
-  @media only print {
-    display: block;
-  }
-}
-
-.menu-fixed {
-    .main-content {
-        padding-top: 0; //$navbar-height-mobile;
-
-        @media (min-width:  map-get($grid-breakpoints, "md")) {
-            padding-top: 0; //$navbar-height-desktop;
-        }
-    }
-}
-.page-content {
-    padding-top: 2rem;
-    padding-bottom: 2rem;
-    transition: all .25s ease-in-out;
-
-
-    .page-content {
-      &--transparent {
-        opacity: 0;
-        transition: opacity .45s ease-in-out, padding-top .15s ease-in-out;
-      }
-    }
-}
-
-/* total width */
-.scrollbar::-webkit-scrollbar {
-    background-color: $scrollbar-color-base;
-    width: $scrollbar-width;
-    //opacity: .5;
-
-    &:hover {
-        //opacity: 1;
-    }
-}
-
-/* background of the scrollbar except button or resizer */
-.scrollbar::-webkit-scrollbar-track {
-    background-color:$scrollbar-color-base;
-    transition: background-color .45s ease-in-out;
-}
-.scrollbar::-webkit-scrollbar-track:hover {
-    background-color:$scrollbar-color-track;
-    transition: background-color .45s ease-in-out;
-}
-
-/* scrollbar itself */
-.scrollbar::-webkit-scrollbar-thumb {
-    background-color: rgba($scrollbar-color-thumb, .5);
-    border-radius: $scrollbar-width;
-    border: .25rem solid $scrollbar-color-base;
-    transition: background-color .45s ease-in-out;
-}
-.scrollbar::-webkit-scrollbar-thumb:hover {
-    background-color: $scrollbar-color-thumb;
-    border: .25rem solid $scrollbar-color-track;
-    transition: background-color .45s ease-in-out;
-}
-
-/* set button(top and bottom of the scrollbar) */
-.scrollbar::-webkit-scrollbar-button {display:none;}
-
-.cursor {
-    &-pointer {
-        cursor: pointer;
-    }
-}
-
-//profundidade
-.z {
-    &-2 {
-        transition: all .25s ease-in-out;
-
-        &:hover,
-        &:focus {
-            box-shadow: $card-box-shadow;
-            transform: translateY(-.25rem);
-            transition: all .25s ease-in-out;
-        }
-    }
-}
-.bg-responsive {
-    background-position: center center;
-    background-repeat: no-repeat;
-    //background-attachment: fixed;
-    background-size: cover;
-    background-color: $card-border-color;
-}
-
-//Skeleton UI
-.skeleton-animation {
-    background: #f5f6f6; /* Old browsers */
-    background: -moz-linear-gradient(left, 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%); /* FF3.6-15 */
-    background: -webkit-linear-gradient(left, #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Chrome10-25,Safari5.1-6 */
-    background: linear-gradient(-45deg, #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=1 ); /* IE6-9 */
-    background-size: 400% 400%;
-    opacity: .25;
-    animation: skeleton-loading 3.5s ease infinite;
-}
-.skeleton-inner {
-    width: 100%;
-    display: block;
-
-    &:after {
-        content: "";
-        display: block;
-        width: 100%;
-        height: 1em;
-        margin-bottom: .5rem;
-
-        @extend .skeleton-animation;
-    }
-}
-@keyframes skeleton-loading {
-    0% {
-		background-position: 0% 50%;
-	}
-	50% {
-		background-position: 100% 50%;
-	}
-	100% {
-		background-position: 0% 50%;
-	}
-}
-
-//Loading
-$loader-base-size: 4rem;
-
-.loader,
-.loader:before,
-.loader:after {
-  border-radius: 50%;
-  width: #{$loader-base-size / 4};
-  height: #{$loader-base-size / 4};
-  -webkit-animation-fill-mode: both;
-  animation-fill-mode: both;
-  -webkit-animation: load7 1.8s infinite ease-in-out;
-  animation: load7 1.8s infinite ease-in-out;
-}
-.loader {
-  color: $primary;
-  font-size: $loader-base-size;
-  margin: #{$loader-base-size / 2} auto;
-  position: relative;
-  text-indent: -9999em;
-  -webkit-transform: translateZ(0);
-  -ms-transform: translateZ(0);
-  transform: translateZ(0);
-  -webkit-animation-delay: -0.16s;
-  animation-delay: -0.16s;
-}
-.loader:before,
-.loader:after {
-  content: '';
-  position: absolute;
-  top: 0;
-}
-.loader:before {
-  left: -#{$loader-base-size / 3};
-  -webkit-animation-delay: -0.32s;
-  animation-delay: -0.32s;
-}
-.loader:after {
-  left: #{$loader-base-size / 3};
-}
-@-webkit-keyframes load7 {
-  0%,
-  80%,
-  100% {
-    box-shadow: 0 #{$loader-base-size / 4} 0 -1.3em;
-  }
-  40% {
-    box-shadow: 0 #{$loader-base-size / 4} 0 0;
-  }
-}
-@keyframes load7 {
-  0%,
-  80%,
-  100% {
-    box-shadow: 0 #{$loader-base-size / 4} 0 -1.3em;
-  }
-  40% {
-    box-shadow: 0 #{$loader-base-size / 4} 0 0;
-  }
-}
-
-//Modal Preview
-
-.v-modal {
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 0.7 !important;
-  background: #172b4d !important;
-}
-
-.el-table th, .el-table tr {
-  background-color: transparent!important;
-}
-
-.el-loading-mask {
-    z-index: 100!important;
-}
+
+
+// $min_width: 320px;
+// $max_width: 1600px;
+// $min_font: 16px;
+// $max_font: 18px;
+
+// html {
+//   @include fluid-type($min_width, $max_width, $min_font, $max_font);
+// }
+
+body {
+    background-color: $base-light;
+}
+.no-scroll {
+    overflow: hidden;
+    padding-right: 17px;
+
+    &--y {
+        overflow-y: auto;
+    }
+}
+
+
+@media only print {
+  .navbar-main,
+  .job-detail__footer,
+  .interface-spa__header,
+  .interface-spa__aside,
+  .interface-spa__header .jobs-aside--header { display: none !important; }
+
+  .main-content {
+    padding-top: 0 !important;
+  }
+
+  .interface-spa__body .interface-spa__content {
+    display: block !important;
+    width: inherit;
+    height: inherit;
+    overflow-y: initial;
+  }
+
+  .printable {
+    .job-detail {
+      border: 0;
+    }
+
+    .alert {
+      display: none;
+    }
+
+    .job-detail__controls {
+      display: none;
+    }
+
+    .job-detail__info {
+      display: flex;
+      .box-icon {
+        margin-right: 1.5rem;
+      }
+    }
+
+    .job-detail__header {
+      display: flex;
+      justify-content: space-between;
+
+      .job-detail__published{
+        display: none;
+      }
+    }
+
+    .job-detail__body {
+      .adsbygoogle {
+          display: none !important;
+      }
+
+      pre {
+        border: 0;
+      }
+    }
+
+    .job-detail__footer {
+      .container {
+
+        button {
+          display: none;
+        }
+      }
+    }
+  }
+}
+
+.aria-text {
+    clip-path: inset(100%);
+    clip: rect(1px 1px 1px 1px); /* IE 6/7 */
+    clip: rect(1px, 1px, 1px, 1px);
+    height: 1px;
+    overflow: hidden;
+    position: absolute;
+    white-space: nowrap; /* added line */
+    width: 1px;
+}
+
+.printable__qrcode {
+  display: none;
+  @media only print {
+    display: block;
+  }
+}
+
+.printable__logoburh {
+  margin-left: 2rem;
+  margin-top: 3rem;
+  width: 150px;
+  display: none;
+  @media only print {
+    display: block;
+  }
+}
+
+.menu-fixed {
+    .main-content {
+        padding-top: 0; //$navbar-height-mobile;
+
+        @media (min-width:  map-get($grid-breakpoints, "md")) {
+            padding-top: 0; //$navbar-height-desktop;
+        }
+    }
+}
+.page-content {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+    transition: all .25s ease-in-out;
+
+
+    .page-content {
+      &--transparent {
+        opacity: 0;
+        transition: opacity .45s ease-in-out, padding-top .15s ease-in-out;
+      }
+    }
+}
+
+/* total width */
+.scrollbar::-webkit-scrollbar {
+    background-color: $scrollbar-color-base;
+    width: $scrollbar-width;
+    //opacity: .5;
+
+    &:hover {
+        //opacity: 1;
+    }
+}
+
+/* background of the scrollbar except button or resizer */
+.scrollbar::-webkit-scrollbar-track {
+    background-color:$scrollbar-color-base;
+    transition: background-color .45s ease-in-out;
+}
+.scrollbar::-webkit-scrollbar-track:hover {
+    background-color:$scrollbar-color-track;
+    transition: background-color .45s ease-in-out;
+}
+
+/* scrollbar itself */
+.scrollbar::-webkit-scrollbar-thumb {
+    background-color: rgba($scrollbar-color-thumb, .5);
+    border-radius: $scrollbar-width;
+    border: .25rem solid $scrollbar-color-base;
+    transition: background-color .45s ease-in-out;
+}
+.scrollbar::-webkit-scrollbar-thumb:hover {
+    background-color: $scrollbar-color-thumb;
+    border: .25rem solid $scrollbar-color-track;
+    transition: background-color .45s ease-in-out;
+}
+
+/* set button(top and bottom of the scrollbar) */
+.scrollbar::-webkit-scrollbar-button {display:none;}
+
+.cursor {
+    &-pointer {
+        cursor: pointer;
+    }
+}
+
+//profundidade
+.z {
+    &-2 {
+        transition: all .25s ease-in-out;
+
+        &:hover,
+        &:focus {
+            box-shadow: $card-box-shadow;
+            transform: translateY(-.25rem);
+            transition: all .25s ease-in-out;
+        }
+    }
+}
+.bg-responsive {
+    background-position: center center;
+    background-repeat: no-repeat;
+    //background-attachment: fixed;
+    background-size: cover;
+    background-color: $card-border-color;
+}
+
+//Skeleton UI
+.skeleton-animation {
+    background: #f5f6f6; /* Old browsers */
+    background: -moz-linear-gradient(left, 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%); /* FF3.6-15 */
+    background: -webkit-linear-gradient(left, #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Chrome10-25,Safari5.1-6 */
+    background: linear-gradient(-45deg, #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=1 ); /* IE6-9 */
+    background-size: 400% 400%;
+    opacity: .25;
+    animation: skeleton-loading 3.5s ease infinite;
+}
+.skeleton-inner {
+    width: 100%;
+    display: block;
+
+    &:after {
+        content: "";
+        display: block;
+        width: 100%;
+        height: 1em;
+        margin-bottom: .5rem;
+
+        @extend .skeleton-animation;
+    }
+}
+@keyframes skeleton-loading {
+    0% {
+		background-position: 0% 50%;
+	}
+	50% {
+		background-position: 100% 50%;
+	}
+	100% {
+		background-position: 0% 50%;
+	}
+}
+
+//Loading
+$loader-base-size: 4rem;
+
+.loader,
+.loader:before,
+.loader:after {
+  border-radius: 50%;
+  width: #{$loader-base-size / 4};
+  height: #{$loader-base-size / 4};
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
+  -webkit-animation: load7 1.8s infinite ease-in-out;
+  animation: load7 1.8s infinite ease-in-out;
+}
+.loader {
+  color: $primary;
+  font-size: $loader-base-size;
+  margin: #{$loader-base-size / 2} auto;
+  position: relative;
+  text-indent: -9999em;
+  -webkit-transform: translateZ(0);
+  -ms-transform: translateZ(0);
+  transform: translateZ(0);
+  -webkit-animation-delay: -0.16s;
+  animation-delay: -0.16s;
+}
+.loader:before,
+.loader:after {
+  content: '';
+  position: absolute;
+  top: 0;
+}
+.loader:before {
+  left: -#{$loader-base-size / 3};
+  -webkit-animation-delay: -0.32s;
+  animation-delay: -0.32s;
+}
+.loader:after {
+  left: #{$loader-base-size / 3};
+}
+@-webkit-keyframes load7 {
+  0%,
+  80%,
+  100% {
+    box-shadow: 0 #{$loader-base-size / 4} 0 -1.3em;
+  }
+  40% {
+    box-shadow: 0 #{$loader-base-size / 4} 0 0;
+  }
+}
+@keyframes load7 {
+  0%,
+  80%,
+  100% {
+    box-shadow: 0 #{$loader-base-size / 4} 0 -1.3em;
+  }
+  40% {
+    box-shadow: 0 #{$loader-base-size / 4} 0 0;
+  }
+}
+
+//Modal Preview
+
+.v-modal {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0.7 !important;
+  background: #172b4d !important;
+}
+
+.el-table th, .el-table tr {
+  background-color: transparent!important;
+}
+
+.el-loading-mask {
+    z-index: 100!important;
+}