ashirahattia/cs169-pgm

@import "_variables.scss";

.sidebar-container {
    width: $sidebar-width;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: $bg-color;
}

.sidebar-content {
    width: 100%;
    margin-top: 50px;
}

.nav-ul {
    padding-left: 0px;
    text-align: right;
}

.nav-li {
    list-style: none;
    padding-left: none;
}

a.nav-link:link, a.nav-link:visited {
    text-decoration: none;
    display: block;
    padding: 20px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 2px;
    color: $primary-text-color;
    background-color: $bg-color;
}

a.nav-link:active, a.nav-link:hover {
    background-color: $header-highlight-color;
}