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

Zeanium UI Framework for React.js

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

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

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

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

.rt-list.c-grid{

    &.size-small > .rt-list-item{
        .item-size(48px, 48px, 3px, 3px);
    }

    &.size-middle > .rt-list-item{
        .item-size(48px, 48px, 3px, 3px);
    }

    &>.rt-list-item{
        float: left;
        border: 2px solid @item-b-color;

        .item-size();

        &:hover {
            border-color: @item-hover-b-color !important;
        }
        &.curr{
            border-color: @item-select-b-color;
        }
    }

}