$sidenav-arrow-transition: transfor, 150ms ease-in-out;

.side-nav {
    list-style-type: none;
    padding-left: 0;

    ul {
        list-style-type: none;
        padding-left: 0;
    }

    li > span {
        color: $sidenav-font-color;
        display: block;
        font-size: $sidenav-font-size;
        font-weight: 500;
        height: $sidenav-item-height;
        line-height: $sidenav-item-height;
        padding: 0 ($sidenav-padding * 2);

        &:hover { background-color: rgba(0, 0, 0, .05); }

        &.btn, &.btn-large, &.btn-flat, &.btn-floating {
            margin: 10px 15px;
        }

        &.btn,
        &.btn-large,
        &.btn-floating { color: $button-raised-color; }
        &.btn-flat { color: $button-flat-color; }

        &.btn:hover,
        &.btn-large:hover { background-color: lighten($button-raised-background, 5%); }
        &.btn-floating:hover { background-color: $button-raised-background; }

    }

    .sub-menu a {
        padding-left: 52px;
    }
    .sub-menu .sub-menu a {
        padding-left: 72px;
    }
    .sub-menu .sub-menu .sub-menu a {
        padding-left: 92px;
    }

    i.fa {
        margin-right: 5px;
        font-size: 0.9rem;
        &.fa-book {
            color: material-color(blue-grey, '900');
        }
        &.fa-folder {
            color: material-color(blue-grey, '600');
        }
    }
    span.arrow {
        @include fa-icon;
        @include fa-icon-rotate(0, 0);
        transition: $sidenav-arrow-transition;
        float: right;
        line-height: 48px;

        .open & {
            transition: $sidenav-arrow-transition;
            @include fa-icon-rotate(-90deg, -11)
        }

        &:before { content: $fa-var-chevron-left; }

    }

}