@import "themes";

@font-face {
	font-family: 'reeddit-icons';
	src: url('fonts/reeddit-icons.eot?y7xyo8');
	src: url('fonts/reeddit-icons.eot?y7xyo8#iefix') format('embedded-opentype'),
		 url('fonts/reeddit-icons.ttf?y7xyo8') format('truetype'),
		 url('fonts/reeddit-icons.woff?y7xyo8') format('woff'),
		 url('fonts/reeddit-icons.svg?y7xyo8#reeddit-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	font-family: 'reeddit-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-plus-circle:before {
	content: "\e902";
	font-size: 24px;
	color: #62a54a;

	@include on-theme(dark) {
		color: $dark-label-color-3;
	}
}

.icon-trashcan:before {
	content: "\e903";
	font-size: 24px;
}

.icon-refresh:before {
	content: "\e904";
	font-size: 16px;
}

.icon-pencil:before {
	content: "\e905";
	font-size: 18px;
}

.icon-image:before {
	content: "\e900";
}

.icon-play:before {
	content: "\e901";
}
