.colorPreview {
	border: 1px solid @wcfContainerBorderColor;
	border-radius: @wcfContainerBorderRadius;
	display: inline-block;
	
	&:hover {
		.boxShadow(0, 0, @wcfContainerBorderColor, 15px, 0);
	}
	
	> div {
		border: 2px solid @wcfContentBackgroundColor;
		border-radius: @wcfContainerBorderRadius;
		cursor: pointer;
		display: block;
		height: 60px;
		width: 160px;
	}
}

.colorList {
	> li {
		float: left;
		padding: @wcfGapSmall;
		
		> figure > figcaption {
			font-size: @wcfSmallFontSize;
			margin-bottom: @wcfGapSmall;
			text-align: center;
		}
	}
	
	&::after {
		clear: both;
		content: "";
		display: block;
	}
}