Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/old/app/design/frontend/Cnc/default/web/scss/layout/header/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

// ==============================================
// HEADER - Top header
// ==============================================

// Configuration
$panel-color: $c-blue;
$panel-color-desktop: $c-white;

.page-header {

    // Panel Header Container
    .panel {

        &.wrapper {
            position: relative;
            z-index: 22;

            @include breakpoint(only-xl) {
                display: none;
            }
        }

        &.header {
            font-size: 1.2rem;
            color: $panel-color;
            padding-bottom: 20px;

            @include breakpoint(only-xl) {
                display: flex;
                flex-direction: column;

                // Children order
                .panel-link--first { order: 2; }
                .panel-link--second { order: 1; }
                .switcher-language { order: 3; }
            }

            @include breakpoint(xl) {
                display: flex;
                background-color: $c-blue-dark;
                color: $panel-color-desktop;
                padding-bottom: 0;
            }

            @include breakpoint(lg) {
                font-size: 1.2rem;
            }
        }
    }

    // Panel Header Elements
    .panel-text {
        display: none;

        @include breakpoint(xl) {
            display: flex;
            align-items: center;
            padding: 8px 30px;
            font-size: 1.2rem;
        }
    }

    .panel-link {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        font-weight: $fw-roboto-bold;
        text-transform: uppercase;
        padding: 12px 20px;
        color: $panel-color;

        @include breakpoint(xl) {
            color: $panel-color-desktop;
            padding: 8px 25px;
        }
    }

    .panel-link--first {

        @include breakpoint(only-xl) {
            &::before {
                content:"\e938";
                display: inline-block;
                margin-right: 10px;
                font-size: 1.8rem;
                @include icon-icomoon;
            }
        }

        @include breakpoint(md) {
            margin-left: auto;
            background-color: $c-blue-grey;
        }
    }

    .panel-link--second {

        @include breakpoint(xl) {
            background-color: $c-blue;
        }

        &::before {
            content:"\e911";
            display: inline-block;
            margin-right: 10px;
            font-size: 1.7rem;
            @extend %icon-icomoon;

            @include breakpoint(xl) {
                font-size: 2.4rem;
            }
        }
    }
}