hugofabricio · November 3, 2016 00:20 · jpaulobneto · Nov 3, 2016
diff --git a/menu.scss b/menu.scss
 .menu {
    transition: all 300ms ease;
    box-shadow: 0px 0px 2px rgba($color19, .5);
    overflow: hidden;
    background-color: $color20;
    width: 70px;
    height: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1029;
    padding-top: 70px;
    padding-bottom: 20px;

    * {
        user-select: none;
    }

    &:hover, &.-open {
        width: 240px;
        > .list {
            .list-link {
                span {
                    opacity: 1;
                }
            }
        }
    }

    > .list {
        display: table;
        width: 100%;
        padding: 0;
        list-style: none;
        .list-item {
            display: table-row;
        }
        .list-link {
            display: table-cell;
            white-space: nowrap;
            overflow: hidden;
            width: 100%;
            height: 62px;
            color: $color10;
            display: block;
            padding-top: 20px;
            padding-bottom: 20px;
            font-size: em(14px);
            position: relative;
            padding-left: 70px;

            span {
                opacity: 0;
            }

            &.-active, &:hover {
                background-color: $color29;
            }

            &:before {
                position: absolute;
                top: 0;
                left: 0;
                width: 70px;
                height: 62px;
                text-align: center;
                display: block;
                font-size: em(32px);
                line-height: 62px;
            }
        }
    }

    @media screen and (max-width: $grid-float-breakpoint-max) {
        width: 0;
    }
 }