_round-color.css 596 Bytes
.round-color {
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    position: relative;

    .iconfont {
        font-size: 30px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .icon-back {
        width: 80%;
        height: 80%;
        margin: 10%;

        img {
            width: 100%;
            height: 100%;
        }
    }

    .icon-cover {
        color: #fefefe;
    }

    .icon-round {
        color: #eee;
    }

    &.cur .icon-round {
        color: #1b1b1b;
        font-weight: bold;
    }
}