Cloud-CV/EvalAI

View on GitHub
frontend/src/css/modules/sidebar.scss

Summary

Maintainability
Test Coverage
.ev-sidebar {
    display: block;
    height: calc(100vh - 120px);
    width: 220px;
    border-right: 1px solid $grad-light-black;
    background-color: $transparent;
    color: #fff;
    z-index: 10;
    top: 98px;
    text-align: center;
}

.side-logo {
    font-size: 20px;
}

.side-intro {
    /*border-bottom: 1px solid $med-gray;*/
}

.links-section-outer {
    overflow: auto;
    height: 100%;
}

.links-section {
    ul {
        margin: 0px;
    }
    li {
        a {
            padding: 20px 30px 20px 30px;
            word-wrap: break-word;
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            font-size: 14px;
            transition: all 0.2s ease-in-out;
            border-right: 1px solid transparent;
            &:hover {
                color: $highlight;
            }
            &.side-active-link {
                /*background-color: $dust-gray;*/
                color: $med-black;
                border-right: 1px solid $highlight;
            }
        }
    }
}

.side-link-icon {
    font-size: 30px;
}

.side-title {
    padding: 20px 20px 10px 30px;
    font-size: 12px;
}

.sidebar-title {
    font-size: 14px;
}