website/Website/wwwroot/css/temperature.less

42 lines
No EOL
673 B
Text

@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;
}
}