$mega-menu-text-color: #0a2540; $mega-menu-text-color-ex: #8A8D90;
@mixin mega-menu-text() {
transition: .3s color; color: $mega-menu-text-color; &:hover { color: $mega-menu-text-color-ex; }
}
.mega-menu {
font-size: .875rem;
} .mega-menu-divider {
border-bottom: 1px solid #ebebeb;
} .mega-menu-col {
padding: .7rem 1.5rem; flex-grow: 1; min-width: 180px; display: flex; align-items: center; @include mega-menu-text;
} .mega-menu-item {
transition: .3s background-color; display: block; padding: .7rem 1.5rem; @include mega-menu-text; i { color: #40468a; }
} .mega-menu-icon-box {
display: table; width: 100%;
} .mega-menu-icon-box-item {
cursor: pointer; transition: .3s all; display: table-cell; padding: 0.8rem 1.2rem; text-align: center; flex-basis: 33.3%; flex-grow: 0; flex-shrink: 0; @include mega-menu-text; &:hover { i { color: $mega-menu-text-color; } } i { transition: .3s color; color: #40468a; display: block; margin-bottom: .4rem; }
}