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

Zeanium UI Framework for React.js

.c-chart-state{
    .chart-content{
        border-bottom: 1px solid #d8d8d8;
        border-left: 1px solid #d8d8d8;
        ul{
            list-style: none;
            width: 100%;
            overflow: hidden;
            top: 50%;
            position: absolute;
            margin-top: -10px;
            li{
                float: left;
                text-align: center;
                .point {
                    display: inline-block;
                    width: 5px;
                    height: 5px;
                    &.status-0{
                        background-color: red;
                    }
                    &.status-1{
                        background-color: green;
                    }
                    &.status-2{
                        background-color: yellow;
                    }
                }
            }
        }
    }
}