godaddy-wordpress/go

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

Summary

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

    @include media(large) {
        .header__title-nav {
            flex: 1 0 75%;
            order: 1;
        }

        .header__extras {
            direction: rtl;
            justify-content: flex-start;
            order: 5;
            width: 25%;
        }
    }

    .site-header {

        .social-icons-container {
            margin: 0 1rem 0 0;
            order: 4;
            padding-left: 0;
            position: relative;

            &::after {
                background-color: #000;
                content: "";
                display: block;
                height: 15px;
                opacity: 0.5;
                position: absolute;
                right: -10px;
                top: 8px;
                width: 1px;
            }

            .social-icons {
                margin: 0;
            }
        }
    }

    .header .header__titles {
        @include media(large) {
            align-items: flex-start;
            flex: 0 0 27%;
            flex-direction: column;
            justify-content: flex-start;
            text-align: left;

            .site-description {
                margin-left: 0;
                margin-right: 0;
                margin-top: var(--go-site-description--margin-top, 0.25rem);
            }

            .custom-logo-link {
                .custom-logo {
                    margin: 0;
                }

                ~ a .site-title {
                    margin: 0;
                }
            }
        }
    }

    @include media(large) {

        .header__navigation {
            flex: 1 1 100%;
            justify-content: center;
            margin-left: inherit;
            margin-top: 0.75rem;
            order: 2;
            padding-left: 0;
            padding-right: 0;
            text-align: center;
        }
    }
}