@import "colours.less";

@gaugeHeight:200px;
@gaugeWidth:200px;

.currentTemp{
	background:@Red-100;
	height:@gaugeHeight;
	width:@gaugeWidth;
	position:relative;
	//border:1px solid @Grey-900;
	display:inline-block;

	.background{
		position: absolute;
		bottom: 0;
		left:0;
		right:0;
		top: 20%;
		transition: all 500ms ease-in-out;
	}

	.reading{
		position: relative;
		height:@gaugeHeight;
		width:@gaugeWidth;
		vertical-align:middle;
		display:table-cell;
		text-align:center;
		font-size: 250%;
	}

	.shadow{
		box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.75);
		border:2px solid @Grey-900;
		position: absolute;
		bottom: 0;
		left:0;
		right:0;
		top: 0;
	}
}