react-zeanium-ui-ui/src/chart/chart.less

Zeanium UI Framework for React.js

.c-chart{
    position: relative;
    background-color: #FFF;
    min-height: 200px;

    .chart-container {
        position: absolute;
        left: 25px;
        bottom: 25px;
        right: 25px;
        top: 25px;
        .chart-content{
            border-bottom: 1px solid #d8d8d8;
            border-left: 1px solid #d8d8d8;
            width: 100%;
            height: 100%;
            padding: 5px;
        }
    }
    .chart-x{
        position: absolute;
        left: 25px;
        bottom: 0px;
        ul{
            list-style: none;
            li{
                float: left;
                width: 150px;
                text-align: center;
            }
        }
    }
    .chart-y{
        position: absolute;
        left: 0px;
        top: 25px;
        bottom: 25px;
        height: 100%;
        width: 25px;
        text-align: center;
    }
}