@burh/nuxt-core 1.0.503 → 1.0.505

package/assets/sass/burh-ds/pages/_jobs.scss

@@ -1,425 +1,425 @@
-$job-content-spacer: #{$spacer*5};
-$job-content-spacer-mobile: #{$spacer};
-
-.job-detail {
-    margin: 0 auto;
-    border-left: 1px solid #ebebeb;
-
-    .container {
-        max-width: 900px;
-        margin: 0 auto;
-    }
-    .avatar {
-        //float: left;
-        margin-right: 1rem;
-        border: 1px solid rgba(lighten($base-dark, 40%), .05);
-        background-color: lighten($base-dark, 70%);
-    }
-    &__wrapper {
-        height: calc(#{$interface-body-height} - #{$navbar-height});
-        padding: $job-content-spacer-mobile;
-        overflow-y: auto;
-        @extend .scrollbar;
-
-        @include media-breakpoint-up(lg) {
-            padding: $job-content-spacer;
-        }
-        
-    }
-    &__header {
-        position: relative;
-        margin-bottom: 2rem;
-
-        @include media-breakpoint-up(lg) {
-            display: flex;
-            justify-content: space-between;
-            width: 100%;
-        }
-    }
-    &__footer {
-        position: relative;
-        z-index: 10;
-        display: block;
-        width: 100%;
-        height: $navbar-height;
-        overflow: hidden;
-        line-height: 1;
-        background-color: $base-light;
-        box-shadow: 0 0 2rem 0 rgba($base-dark, .1);
-
-        .box-icon {
-            display: none;
-        }
-
-        @include media-breakpoint-up(lg) {
-            display: flex;
-            justify-content: flex-end;
-            align-items: center;
-            padding: 0 $job-content-spacer;
-
-            .box-icon {
-                display: flex;
-            }
-        }
-        .container {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            width: 100%;
-            height: 100%;
-
-            .btn {
-                margin: 0;
-            }
-
-            @include media-breakpoint-up(lg) {
-                justify-content: flex-end;
-            }
-        }
-    }
-    &__company,
-    &__local {
-        display: block;
-        overflow: hidden;
-    }
-    &__company {
-        text-transform: uppercase;
-        &-confidential {
-            margin-bottom: 0;
-        }
-    }
-    &__info {
-        margin-bottom: 2rem;
-        padding: 1rem;
-        background-color: $bg-default;
-        border-radius: 3px;
-        
-        .box-icon {
-            padding-bottom: 1rem;
-            margin-right: 0;
-
-            &:last-child {
-                padding-bottom: 0;
-            }
-        }
-        @include media-breakpoint-up(lg) {
-            display: none;
-        }
-    }
-    &__local {
-    }
-    &__controls {
-        position: absolute;
-        top: 0;
-        right: 0;
-        font-size: 1.5em;
-        text-transform: uppercase;
-        margin: 0;
-
-        @include media-breakpoint-up(sm) {
-            position: relative;
-            white-space: nowrap;
-        }
-        
-        .btn {
-            padding: 1rem;
-            margin: 0;
-            min-width: initial;
-            text-transform: uppercase;
-        }
-    }
-    &__body {
-        padding-bottom: 5rem;
-
-        @include media-breakpoint-up(lg) { 
-            padding-bottom: 0;
-        }
-    }
-    .display-1 {
-        font-size: 1.4rem;
-        padding-right: 50px;
-        
-        @include media-breakpoint-up(md) {
-            font-size: 1.8rem;
-            padding-right: 0;
-        }
-    }
-    .display-3 {
-        font-size: 1.2rem;
-        
-        // @include media-breakpoint-up(lg) {
-        //     font-size: 1.4rem;
-        // }
-    }
-    .badge-lg {
-        font-size: .8rem;
-        font-weight: 400;
-        border-radius: 3px;
-
-        @include media-breakpoint-up(lg) {
-            font-size: 1rem;
-        }
-    }
-    &--page {
-        .job-detail {
-            &__wrapper {
-                height: auto;
-            }
-            &__footer {
-                position: fixed;
-                bottom: 0;
-                left: 0;
-
-                // .container {
-                //     @include media-breakpoint-up(lg) {
-                //         max-width: initial;
-                //         padding-right: 0 !important;
-                //         padding-left: 0 !important;
-                //     }
-                // }
-            }
-        }
-    }
-    &.skeleton {
-        .job-detail__company,
-        .job-detail__local,
-        .display-1,
-        .display-3,
-        .box-icon__text .text-muted,
-        .box-icon__text .lead {
-            display: block;
-            @extend .skeleton-inner;
-        }
-        .job-detail__company,
-        .job-detail__local {
-            min-width: 10em;
-        }
-        .box-icon__text .text-muted,
-        .box-icon__text .lead {
-            min-width: 4em;
-        }
-        .box-icon .avatar {
-            color: transparent;
-            background: $bg-default;
-            border-color: $bg-default;
-        }
-        .job-detail {
-            &__header {
-                .avatar {
-                    background-color: $bg-default;
-                    @extend .skeleton-animation;
-                }
-                > div {
-                    width: 100%;
-                }
-            }
-            &__body {
-                p:first-of-type {
-                    @extend .skeleton-inner;
-                }
-                hr {
-                    display: none;
-                }
-            }
-            &__controls {
-              display: none;
-            }
-        }
-    }
-}
-.jobs-aside,
-.jobs-history,
-.interface-spa__aside {
-    .card {
-        &--job {
-            display: flex;
-            flex-direction: initial;
-            align-items: center;
-            margin: 0;
-            padding: 2rem 1rem;
-            border: 0;
-            border-radius: 0;
-            box-shadow: none;
-
-            &:hover,
-            &:focus {
-                box-shadow: none;
-                background-color: $bg-default;
-                opacity: .7;
-            }
-            .card-header {
-                width: auto;
-                padding: 0;
-                background-color: transparent;
-
-                .avatar {
-                    border: 2px solid rgba($base-dark, .05);
-                }
-            }
-            .card-title {
-                padding-right: 100px;
-            }
-            .card__controls {
-                position: absolute;
-                right: 0;
-                top: 2rem;
-                font-size: 1.4rem;
-
-                .list-inline-item {
-                    margin: 0;
-                }
-                .btn-link {
-                    padding: 0 .5rem 0 0;
-                    color: $text-color;
-
-                    &:hover,
-                    &:focus {
-                        color: $link-color;
-                    }
-                    &.active {
-                        color: $link-color;
-                    }
-                }
-            }
-            .card-body {
-                display: flex;
-                flex-wrap: wrap;
-
-                .card__company,
-                .card__local {
-                    order: 1;
-                    width: 100%;
-                }
-
-            }
-            .card-footer {
-                position: absolute;
-                bottom: 2rem;
-                right: 1rem;
-                padding: 0;
-                background-color: transparent;
-
-                .btn-go-job {
-                    display: none;
-                }
-            }
-        }
-    }
-}
-.jobs-history {
-    .card--job {
-        align-items: flex-start;
-        
-        .card-header {
-            .avatar {
-                position: relative;
-                top: 0;
-            }
-        }
-        .card-body {
-            height: auto;
-        }
-        .card-title {
-            padding-right: 0;
-        }
-        .card-footer {
-            position: relative;
-            bottom: auto;
-            right: auto;
-        }
-        &,
-        &:hover,
-        &:focus {
-            box-shadow: none;
-            background-color: $bg-default;
-            opacity: 1;
-        }
-    }
-}
-.interface-spa {
-    &__content {
-        .job-detail {
-        }
-    }
-    &__aside, {
-        .card {
-            &--job {
-                @include media-breakpoint-up(md) {
-                    padding-left: #{$document-padding*1.5};
-                }
-            }
-        }
-    }
-}
-
-.search__list__item {
-    &--opened {
-        .card--job {
-            box-shadow: none;
-            background-color: $bg-default;
-            opacity: 1;
-
-            &:hover,
-            &:focus {
-                opacity: 1;
-            }
-
-            .avatar {
-                border: 2px solid $primary !important;
-            }
-        }
-    }
-}
-.box-icon {
-    display: flex;
-    margin-right: 1.5rem;
-    font-size: .8rem;
-
-    &:last-child {
-        margin-right: 0;
-    }
-    .avatar {
-        width: 38px;
-        height: 38px;
-        border-radius: 50%;
-        margin-right: .5rem;
-        background-color: transparent;
-        border: 2px solid $primary;
-        color: $primary;
-
-        &--success {
-            border-color: $success;
-            color: $base-light;
-            background-color: $success;
-        }
-    }
-    .lead {
-        font-size: 1.4em;
-        font-weight: 600;
-        color: $base-dark;
-        margin-top: 0;
-    }
-    &__text {
-        > * {
-            display: block;
-        }
-    }
-}
-
-//jobs page
-.jobs-aside {
-    &--header {
-        > .form-group,
-        .el-select .el-input .el-input__inner {
-            @media (max-width:  map-get($grid-breakpoints, "xl")) {
-                font-size: 13px;
-            }
-        }
-        > .form-group {
-            @media (min-width:  map-get($grid-breakpoints, "md")) {
-                min-width: 10%;
-                max-width: 20%;
-            } 
-        }
-    }
+$job-content-spacer: #{$spacer*5};
+$job-content-spacer-mobile: #{$spacer};
+
+.job-detail {
+    margin: 0 auto;
+    border-left: 1px solid #ebebeb;
+
+    .container {
+        max-width: 900px;
+        margin: 0 auto;
+    }
+    .avatar {
+        //float: left;
+        margin-right: 1rem;
+        border: 1px solid rgba(lighten($base-dark, 40%), .05);
+        background-color: lighten($base-dark, 70%);
+    }
+    &__wrapper {
+        height: calc(#{$interface-body-height} - #{$navbar-height});
+        padding: $job-content-spacer-mobile;
+        overflow-y: auto;
+        @extend .scrollbar;
+
+        @include media-breakpoint-up(lg) {
+            padding: $job-content-spacer;
+        }
+        
+    }
+    &__header {
+        position: relative;
+        margin-bottom: 2rem;
+
+        @include media-breakpoint-up(lg) {
+            display: flex;
+            justify-content: space-between;
+            width: 100%;
+        }
+    }
+    &__footer {
+        position: relative;
+        z-index: 10;
+        display: block;
+        width: 100%;
+        height: $navbar-height;
+        overflow: hidden;
+        line-height: 1;
+        background-color: $base-light;
+        box-shadow: 0 0 2rem 0 rgba($base-dark, .1);
+
+        .box-icon {
+            display: none;
+        }
+
+        @include media-breakpoint-up(lg) {
+            display: flex;
+            justify-content: flex-end;
+            align-items: center;
+            padding: 0 $job-content-spacer;
+
+            .box-icon {
+                display: flex;
+            }
+        }
+        .container {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            width: 100%;
+            height: 100%;
+
+            .btn {
+                margin: 0;
+            }
+
+            @include media-breakpoint-up(lg) {
+                justify-content: flex-end;
+            }
+        }
+    }
+    &__company,
+    &__local {
+        display: block;
+        overflow: hidden;
+    }
+    &__company {
+        text-transform: uppercase;
+        &-confidential {
+            margin-bottom: 0;
+        }
+    }
+    &__info {
+        margin-bottom: 2rem;
+        padding: 1rem;
+        background-color: $bg-default;
+        border-radius: 3px;
+        
+        .box-icon {
+            padding-bottom: 1rem;
+            margin-right: 0;
+
+            &:last-child {
+                padding-bottom: 0;
+            }
+        }
+        @include media-breakpoint-up(lg) {
+            display: none;
+        }
+    }
+    &__local {
+    }
+    &__controls {
+        position: absolute;
+        top: 0;
+        right: 0;
+        font-size: 1.5em;
+        text-transform: uppercase;
+        margin: 0;
+
+        @include media-breakpoint-up(sm) {
+            position: relative;
+            white-space: nowrap;
+        }
+        
+        .btn {
+            padding: 1rem;
+            margin: 0;
+            min-width: initial;
+            text-transform: uppercase;
+        }
+    }
+    &__body {
+        padding-bottom: 5rem;
+
+        @include media-breakpoint-up(lg) { 
+            padding-bottom: 0;
+        }
+    }
+    .display-1 {
+        font-size: 1.4rem;
+        padding-right: 50px;
+        
+        @include media-breakpoint-up(md) {
+            font-size: 1.8rem;
+            padding-right: 0;
+        }
+    }
+    .display-3 {
+        font-size: 1.2rem;
+        
+        // @include media-breakpoint-up(lg) {
+        //     font-size: 1.4rem;
+        // }
+    }
+    .badge-lg {
+        font-size: .8rem;
+        font-weight: 400;
+        border-radius: 3px;
+
+        @include media-breakpoint-up(lg) {
+            font-size: 1rem;
+        }
+    }
+    &--page {
+        .job-detail {
+            &__wrapper {
+                height: auto;
+            }
+            &__footer {
+                position: fixed;
+                bottom: 0;
+                left: 0;
+
+                // .container {
+                //     @include media-breakpoint-up(lg) {
+                //         max-width: initial;
+                //         padding-right: 0 !important;
+                //         padding-left: 0 !important;
+                //     }
+                // }
+            }
+        }
+    }
+    &.skeleton {
+        .job-detail__company,
+        .job-detail__local,
+        .display-1,
+        .display-3,
+        .box-icon__text .text-muted,
+        .box-icon__text .lead {
+            display: block;
+            @extend .skeleton-inner;
+        }
+        .job-detail__company,
+        .job-detail__local {
+            min-width: 10em;
+        }
+        .box-icon__text .text-muted,
+        .box-icon__text .lead {
+            min-width: 4em;
+        }
+        .box-icon .avatar {
+            color: transparent;
+            background: $bg-default;
+            border-color: $bg-default;
+        }
+        .job-detail {
+            &__header {
+                .avatar {
+                    background-color: $bg-default;
+                    @extend .skeleton-animation;
+                }
+                > div {
+                    width: 100%;
+                }
+            }
+            &__body {
+                p:first-of-type {
+                    @extend .skeleton-inner;
+                }
+                hr {
+                    display: none;
+                }
+            }
+            &__controls {
+              display: none;
+            }
+        }
+    }
+}
+.jobs-aside,
+.jobs-history,
+.interface-spa__aside {
+    .card {
+        &--job {
+            display: flex;
+            flex-direction: initial;
+            align-items: center;
+            margin: 0;
+            padding: 2rem 1rem;
+            border: 0;
+            border-radius: 0;
+            box-shadow: none;
+
+            &:hover,
+            &:focus {
+                box-shadow: none;
+                background-color: $bg-default;
+                opacity: .7;
+            }
+            .card-header {
+                width: auto;
+                padding: 0;
+                background-color: transparent;
+
+                .avatar {
+                    border: 2px solid rgba($base-dark, .05);
+                }
+            }
+            .card-title {
+                padding-right: 100px;
+            }
+            .card__controls {
+                position: absolute;
+                right: 0;
+                top: 2rem;
+                font-size: 1.4rem;
+
+                .list-inline-item {
+                    margin: 0;
+                }
+                .btn-link {
+                    padding: 0 .5rem 0 0;
+                    color: $text-color;
+
+                    &:hover,
+                    &:focus {
+                        color: $link-color;
+                    }
+                    &.active {
+                        color: $link-color;
+                    }
+                }
+            }
+            .card-body {
+                display: flex;
+                flex-wrap: wrap;
+
+                .card__company,
+                .card__local {
+                    order: 1;
+                    width: 100%;
+                }
+
+            }
+            .card-footer {
+                position: absolute;
+                bottom: 2rem;
+                right: 1rem;
+                padding: 0;
+                background-color: transparent;
+
+                .btn-go-job {
+                    display: none;
+                }
+            }
+        }
+    }
+}
+.jobs-history {
+    .card--job {
+        align-items: flex-start;
+        
+        .card-header {
+            .avatar {
+                position: relative;
+                top: 0;
+            }
+        }
+        .card-body {
+            height: auto;
+        }
+        .card-title {
+            padding-right: 0;
+        }
+        .card-footer {
+            position: relative;
+            bottom: auto;
+            right: auto;
+        }
+        &,
+        &:hover,
+        &:focus {
+            box-shadow: none;
+            background-color: $bg-default;
+            opacity: 1;
+        }
+    }
+}
+.interface-spa {
+    &__content {
+        .job-detail {
+        }
+    }
+    &__aside, {
+        .card {
+            &--job {
+                @include media-breakpoint-up(md) {
+                    padding-left: #{$document-padding*1.5};
+                }
+            }
+        }
+    }
+}
+
+.search__list__item {
+    &--opened {
+        .card--job {
+            box-shadow: none;
+            background-color: $bg-default;
+            opacity: 1;
+
+            &:hover,
+            &:focus {
+                opacity: 1;
+            }
+
+            .avatar {
+                border: 2px solid $primary !important;
+            }
+        }
+    }
+}
+.box-icon {
+    display: flex;
+    margin-right: 1.5rem;
+    font-size: .8rem;
+
+    &:last-child {
+        margin-right: 0;
+    }
+    .avatar {
+        width: 38px;
+        height: 38px;
+        border-radius: 50%;
+        margin-right: .5rem;
+        background-color: transparent;
+        border: 2px solid $primary;
+        color: $primary;
+
+        &--success {
+            border-color: $success;
+            color: $base-light;
+            background-color: $success;
+        }
+    }
+    .lead {
+        font-size: 1.4em;
+        font-weight: 600;
+        color: $base-dark;
+        margin-top: 0;
+    }
+    &__text {
+        > * {
+            display: block;
+        }
+    }
+}
+
+//jobs page
+.jobs-aside {
+    &--header {
+        > .form-group,
+        .el-select .el-input .el-input__inner {
+            @media (max-width:  map-get($grid-breakpoints, "xl")) {
+                font-size: 13px;
+            }
+        }
+        > .form-group {
+            @media (min-width:  map-get($grid-breakpoints, "md")) {
+                min-width: 10%;
+                max-width: 20%;
+            } 
+        }
+    }
 }