generator-fe-kit/app/templates/felayout_t3kit/dev/styles/main/nav/subNavigation.less

Pixelant Front-End Starter Kit

// =========================================================
// === Sub Navigation ======================================
// =========================================================
.sub-navigation {
    background: @sub-navigation-background;
}

.sub-navigation__wrp {

}
.sub-navigation__item-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sub-navigation__link {
    display: block;
    padding: 6px 30px;
    color: @sub-navigation-link-color;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: rgba(120, 120, 120, 0.3);
    font-size: 14px;
    letter-spacing: 0.2px;
    transition: all 0.1s linear;
    border: 1px solid @sub-navigation-border;
    margin-bottom: -1px;
}

.no-touch .sub-navigation__link:hover {
    color: @sub-navigation-link-hover-color;
    background: @sub-navigation-link-hover-bg;
}

.sub-navigation__link._active {
        background-color: @sub-navigation-link-hover-bg;
        border-color: @border-color;
        z-index: 2;
        position: relative;
}
.no-touch .sub-navigation__link._active:hover {
        background-color: @sub-navigation-link-hover-bg;
        // border-color: @sub-navigation-link-hover-bg;
}

.sub-navigation__link._sub-level-3 {
    padding: 6px 15px;
    padding-left: 25px;
    font-size: 13px;
    border: 1px dotted @sub-navigation-border;
    margin: 4px 10px;

}

.sub-navigation__link._sub-level-4 {
    padding: 6px 17px;
    padding-left: 25px;
    font-size: 13px;
    border: 1px dotted @sub-navigation-border;
    margin: 4px 10px;
    margin-left: 18px;
}

.sub-navigation__link._sub-level-5 {
    padding: 6px 19px;
    padding-left: 25px;
    font-size: 13px;
    border: 1px dotted @sub-navigation-border;
    margin: 4px 10px;
    margin-left: 26px;
}

.sub-navigation__link._sub-level-6 {
    padding: 6px 19px;
    padding-left: 25px;
    font-size: 11px;
    border: 1px dotted @sub-navigation-border;
    margin: 4px 10px;
    margin-left: 30px;
}

.sub-navigation__link._sub-level-7 {
    padding: 6px 19px;
    padding-left: 25px;
    font-size: 11px;
    border: 1px dotted @sub-navigation-border;
    margin: 4px 10px;
    margin-left: 30px;
}

.sub-navigation__link._curent {
    border-left: 3px solid @sub-navigation-active-border;
    color: @sub-navigation-link-active-color;
    background: @sub-navigation-link-active-bg;
}

// =========================================================
// =========================================================