.scss

@import '../vendor/normalize';
@import '../vendor/colors';

$gr: 1.61803398875;

$unit: 12px;
$unitgr: $unit * $gr;

@function gradient($color) {
	@return -webkit-linear-gradient($color, darken($color, 7%));
}

body {
	background: $white;
	color: $black;
	font-weight: bold;
}

.nodes > .node {
	border: 2px solid $black;
	margin: $unitgr;

	&.collapsed > *:not(header) {
		display: none;
	}

	& > header {
		& > h1 {
			background: gradient($silver);
			font-size: $unit * 2;
			line-height: $unitgr * 2;
			margin: 0;
			padding: 0 $unit;
		}	

		& > .status {
			float: right;
			line-height: $unitgr * 2;
			padding: 0 $unit;

			&.status-operational {
				background: gradient($green);
			}

			&.status-failing {
				background: gradient($red);
			}
		}
	}
}