davide-casiraghi/ci-global-calendar

View on GitHub
resources/sass/base/_header_menu.scss

Summary

Maintainability
Test Coverage
nav{
    &.navbar{
        z-index: 4;
        padding: 0;
        transition: all .2s ease-in;
        
        button{
            margin: .5rem;
        }
        
        #navbarNavDropdown{
            /* Menu items */
            ul{
                &.navbar-nav{
                    li{
                        position: relative;
                        &.nav-item{
                            a{
                                &.nav-link{
                                    color: white;
                                    padding: 1rem 0.5rem;
                                    &:hover, &:focus {
                                        background-color: transparent!important;
                                        &:after {
                                            position: absolute;
                                            z-index: -1;
                                            background-color: black;
                                            opacity: 0.3;
                                            left: 0;
                                            top: 0;
                                            height: 100%;
                                            width: 100%;
                                            content: '';
                                        }
                                    }
                                }
                                &.has-submenu{

                                }
                            }
                            /* Submenus items */
                            ul{
                                &.dropdown-menu{
                                    li{
                                        a{
                                            &.dropdown-item{
                                                i{
                                                    width: 1.3rem;
                                                    text-align: center;
                                                }
                                            }
                                        }
                                    }
                                }
                            } /* end Submenus items */
                        }
                    }
                }
            } /* end Menu items */
        }
    }
    
    &.navbar-fixed-top{
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
    }
    &.nav_trasp{
        @media screen and (min-width: 992px) {     // Just for DESKTOP
            background-color: transparent!important;
        }
    }
}