@import "../../style/index.less";

@ui-prefix-tile: yyui-tile;
@ui-prefix-tiles: yyui-tiles;
@ui-prefix-tilesgroup: yyui-tilesgroup;

.@{ui-prefix-tile}{
	padding: 5px;
	&-content{
		position: relative;
		height: 100%;
		color: #fff;
		padding: 10px;
	}
	&-content:hover{
		cursor: pointer;
    	box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.4);
	}
	&-icon {
		text-align: center;
	}
	&-icon .yyui-icon{
		font-size: 50px;
		margin-top: 5px;
	}
	&-title {
		text-align: center;
    	margin-top: 20px;
    	margin-bottom: 10px;
	}
}

.@{ui-prefix-tilesgroup}{
	&-row{
		width: 100%;
	}
}

.@{ui-prefix-tiles} .slick-next:before, .@{ui-prefix-tiles} .slick-prev:before {
    font-size: 20px;
    font-family: anticon!important;
    line-height: 1;
    opacity: .75;
    color: grey;
}

.@{ui-prefix-tiles} .slick-prev:before {
    content: "\E61B";
}

.@{ui-prefix-tiles} .slick-next:before {
    content: "\E61A";
}