intern/lib/reporters/html/variables.styl

Intern. A next-generation code testing stack for JavaScript.

// http://www.pixeden.com/license
@font-face {
	font-family: 'Pe-icon-7-stroke';
	src: url('data:application/x-font-ttf;base64,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') format('truetype');
	font-weight: normal;
	font-style: normal;
}

$bodyBackground = #F7F6F5;
$bodyTextColor = #DEDEDE;
$cellBorderColor = #DEDEDE;
$failedColor = #F15064;
$headingColor = #717171;
$passedColor = #41C645;
$skippedColor = #b0b0b0;
$sectionHeadingBackground = #C4E5E5;
$summaryBorderColor = #DFDFDF;
$summaryBottomBackground = #fff;
$summaryTextColor = #777;
$summaryTopBackground = #F1F0EF;
$testsColor = #59B0C6;
$reportTextColor = #3C3C3C;

$suiteIcon = '\e805';
$testIcon = '\e806';
$passedIcon = '\e803';
$skippedIcon = '\e807';
$failedIcon = '\e804';
$durationIcon = '\e802';

summaryIcon($content = '') {
	&:before {
		content: $content;
		display: block;
		font: normal normal 50px/1 'Pe-icon-7-stroke', symbol;
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		margin-top: 10px;
		speak: none;
		text-transform: none;
	}
}

testStatusIcon($bg, $color, $content) {
	.testStatus {
		background: $bg;
		border: 1px solid darken($bg, 20%);
		color: $color;
		position: relative;
		text-align: center;

		&:before {
			content: $content;
			display: block;
			font: normal normal 21px/normal 'Pe-icon-7-stroke', symbol;
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			text-decoration: inherit;
		}
	}
}

userSelect($value) {
	user-select: $value;
	-ms-user-select: $value;
	-moz-user-select: $value;
	-webkit-user-select: $value;
}