@import '~shared/styles/colors';

.root {
	border-radius: 2px;
	border-style: solid;
	border-width: 2px;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	min-width: 65px;
	text-align: center;

	//
	// success
	//

	&.success {
		border-color: @green;
		color: @green;
	}

	//
	// failure
	//

	&.declined,
	&.failure,
	&.killed,
	&.error {
		border-color: @red;
		color: @red;
	}

	//
	// blocked, running, started
	//

	&.blocked,
	&.running,
	&.started {
		border-color: @yellow;
		color: @yellow;
	}

	//
	// pending, skipped
	//

	&.pending,
	&.skipped {
		border-color: @gray;
		color: @gray;
	}
}
