godaddy-wordpress/go

View on GitHub
.dev/assets/shared/css/header/header-2.scss

Summary

Maintainability
Test Coverage
/*! Header: Header 2 */
.has-header-2 {

    .header__extras {
        justify-content: flex-start;
        margin-left: -0.75rem;
        margin-right: var(--go-navigation--padding--x, 2.25vw);
        order: 1;
    }

    .header__title-nav {
        order: 2;
    }

    .header .header__titles {
        justify-content: flex-end;

        & a {
            order: 2;

            &.custom-logo-link {
                order: 3;
            }
        }
    }

    .header__titles {
        .site-description {
            @include media(large) {
                margin-left: 0;
                margin-right: var(--go-navigation--padding--x, 2vw);
            }
        }

        .custom-logo-link ~ a .site-title {
            margin-left: 0;
            margin-right: var(--go-navigation--padding--x, 2vw);
        }
    }

    @include media(large) {

        .header__title-nav {
            order: 3;
        }

        .header__navigation {
            justify-content: flex-start;
            order: 1;
            padding-left: 0;
            padding-right: var(--go-navigation--padding--x, 2vw);
            text-align: left;

            & li:not(:first-child) {
                margin-left: 0;
            }

            & li:not(:last-child) {
                margin-right: var(--go-navigation--padding--x, 2vw);
            }

            & ul.sub-menu li.menu-item {
                margin-right: inherit;
            }
        }

        .header__extras {
            order: 1;
        }
    }
}