react-scrollbar-simple-rich/examples/less/site.less

ScrollArea component for react fork

html, body, #main{
    height: 100%;
}
body{
    margin: 0;

    h1, h2, h3, h4, h5, h6 {
        font-weight: normal;
    }

    .container{
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        position: relative;
        background: white;

        padding: 20px;
    }

    .area{
        margin: 0 auto;
        width: 300px;
        height: 300px;
        background: #e5e5e5;

        .content{
            width: 400px;

            .item{
                background: #82bb95;
                width: 180px;
                height: 70px;
                margin: 10px;
                float: left;
                padding: 8px;
                box-sizing: border-box;
            }
        }
        ul{
            width: 700px;
        }
    }

    .example-selector {
        padding-bottom: 50px;
        text-align: center;
    }

}