Foundation: Top Bar Background Colour Reset

foundation-top-bar-reset.scss

.top-bar {
    background-color: transparent;

    &.expanded {
        .title-area {
            background-color: transparent;
        }
    }
}

.top-bar-section {
    ul {
        background-color: transparent;
    }
    ul li {
        & > a {
            background-color: transparent;

            &:hover {
                background-color: transparent;
            }
        }
        a:not(.button) {
            background-color: transparent;

            &:hover {
                background-color: transparent;
            }
        }

        &.active a {
            background-color: transparent;
        }
    }
}

// Top Bar styles intended for screen sizes above the breakpoint.

@media #{$topbar-media-query} {
    .top-bar {
        background-color: transparent;

        &.expanded {
            background-color: transparent;
        }
    }

    .top-bar-section {
        ul {
            background-color: transparent;
        }
        li {
            a:not(.button) {
                background-color: transparent;

                &:hover {
                    background-color: transparent;
                }
            }
        }

        .has-form {
            background-color: transparent;
        }
    }
}