react-zeanium-ui-ui/less/list/icon.less

Zeanium UI Framework for React.js

@import "../rt.variables.less";

.item-size(@width:180px, @height:180px, @margin:3px, @padding:3px){
    width: @width;
    height: @height;
    margin: @margin;
    padding: @padding;
}


@item-b-color: transparent;
@item-bg-color: #FFFFFF;

@item-hover-b-color: #0C72A5;
@item-select-b-color: #5bc0de;

.rt-list.c-icon{

    &>.rt-list-item{
        float: left;
        text-align: center;
        .fa{
            font-size: 3.8rem;
        }
        .item-size(60px, 60px, 6px, 2px);

        &:hover {
            color: @item-hover-b-color !important;
        }

        &.curr{
            color: @item-select-b-color;
        }
    }

}