forked from ddrilling/asb_cloud_front
57 lines
1.1 KiB
Plaintext
57 lines
1.1 KiB
Plaintext
|
|
@size: 9.9vh;
|
|
.number_widget {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: stretch;
|
|
margin: 10px;
|
|
padding: 5px 10px;
|
|
border-radius: 5px;
|
|
background: #00000009;
|
|
height: @size;
|
|
min-width: @size * 1.75;
|
|
|
|
& > .widget_head {
|
|
display: grid;
|
|
grid-gap: 10px;
|
|
|
|
& > .widget_settings {
|
|
grid-row: 1;
|
|
grid-column: 1;
|
|
}
|
|
|
|
& > .widget_label {
|
|
grid-row: 1;
|
|
grid-column: 2;
|
|
color: black;
|
|
font-size: @size * 0.175;
|
|
//line-height: @size * 0.175;
|
|
text-align: center;
|
|
}
|
|
|
|
& > .widget_close {
|
|
grid-row: 1;
|
|
grid-column: 3;
|
|
display: flex;
|
|
flex-direction: row-reverse;
|
|
}
|
|
}
|
|
|
|
& > .widget_value {
|
|
flex: 2;
|
|
color: black;
|
|
font-size: @size * 0.45;
|
|
line-height: @size * 0.45;
|
|
text-align: center;
|
|
}
|
|
|
|
& > .widget_units {
|
|
flex: 1;
|
|
text-align: right;
|
|
font-size: @size * 0.15;
|
|
line-height: @size * 0.15;
|
|
color: #A0A0A0;
|
|
}
|
|
}
|