@import "../default-skin.less";
@import "../../global/mixin.less";

// 圆形
.e_pic-r {.x_round; display:inline-block;}
.e_pic-square-x {
	width:8em; height:8em; display:inline-block; overflow:hidden; vertical-align:top;
	img { max-width:none; height:100%;}
}
.e_pic-square-y {
	width:8em; height:8em; display:inline-block; overflow:hidden; vertical-align:top;
	img { width:100%;}
}
.e_pic-square-10 {
	width:10em; height:10em;
}
.e_pic-square-9 {
	width:9em; height:9em;
}
.e_pic-square-8 {
	width:8em; height:8em;
}
.e_pic-square-7 {
	width:7em; height:7em;
}
.e_pic-square-7 {
	width:7em; height:7em;
}
.e_pic-square-6 {
	width:6em; height:6em;
}
.e_pic-square-5 {
	width:5em; height:5em;
}



// 色彩
.e_pic-black,
.e_pic-white,
.e_pic-bright,
.e_pic-danger,
.e_pic-warning,
.e_pic-success,
.e_pic-navy,
.e_pic-blue { display:inline-block; width:1em; height:1em; line-height:1em; padding:0.25*@gap; line-height:1;}
.e_pic-black { background:@fg;}
.e_pic-white { background:@bg;}
.e_pic-yellow { background:@bright;}
.e_pic-red { background:@danger;}
.e_pic-orange { background:@warning;}
.e_pic-green { background:@success;}
.e_pic-navy { background:@secondary;}
.e_pic-blue { background:@primary;}
.e_pic-black > img,
.e_pic-white > img,
.e_pic-bright > img,
.e_pic-danger > img,
.e_pic-warning > img,
.e_pic-success > img,
.e_pic-navy > img,
.e_pic-blue > img { width:100% !important; height:100% !important; margin-top:0 !important;}



// 边框
.e_pic-border { border:1px solid @fg-light-8-5;}