.sidebar {

width: 207px;
height: 100vh;

}

ul.toc {

margin: 46px 0 0 0;
padding: 0;
li {
    list-style: outside none none;
    margin: 0;
    height: 40px;
    margin: 0 auto 1px;
    background: rgba(255, 255, 255, 0.5);
    &:hover {
        background: rgba(255, 255, 255, 1);
    }
    a {
        color: hsla(0, 5%, 35%, 1);
        float: left;
        width: 90%;
        vertical-align: center;
        clear: both;
        text-decoration: none;
        height: 40px;
        padding: 0 0 0 10px;
        display: -webkit-box;
        display: flex !important;
        align-items: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        &:hover {
            float: left;
            clear: both;
            text-decoration: none;
            cursor: pointer;
            text-shadow: none;
            color: #1177FF;
        }
    }
}

}