react-zeanium-ui-ui
Version:
Zeanium UI Framework for React.js
41 lines (30 loc) • 765 B
text/less
@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 ;
}
&.curr{
border-color: @item-select-b-color;
}
}
}