eliace/ergo-js

.has-sidebar {

    position: relative;

    &.at-left > .content {
        margin-left: 240px;
//        position: relative;
    }



    &.large {
        > .sidebar { width: 240px; }
        > .content { margin-left: 240px; }
    }
    &.medium {
        > .sidebar { width: 200px; }
        > .content { margin-left: 200px; }
    }
    &.small {
        > .sidebar { width: 160px; }
        > .content { margin-left: 160px; }
    }

}



.sidebar {
    width: 240px;
    position: absolute;
    height: 100%;

    > .header {    
        padding: 1rem;
        margin: 0
    }

    &.left.divided {
        border-right: 1px solid #eee;
    }


    &.large {
        width: 240px;

        > .header {    
            padding: 1.143rem;
        }
    }
}