Cacher is the code snippet organizer for pro developers

// masthead.scss

#masthead {
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: space-between;

    .site-branding {
        max-width: 100px;
    }

    .main-navigation {


        .menu-toggle {

        }

        .menu-primary-menu-container {

            ul {
                display: none;


                li {

                    .current-menu-item {

                        a {

                        }

                    }

                }

                a {

                }

                ul {

                    li {

                    }

                    a {

                    }
                }
            }

        }
    }

    .toggled .menu-primary-menu-container ul {
        display: block;
    }
}