Files
cms_thermo_active/Step/wwwroot/assets/styles/base/process-info.less
T
2017-12-18 12:19:16 +01:00

54 lines
1.1 KiB
Plaintext

// out: false, sourceMap: false, main: ../style.less
@import "colors.less";
@width: 280px;
@height: 64px;
.turn-up{
.process-info{ display: none;}
}
.process-info {
background-color: @color-white;
width: @width;
min-width: @width;
max-width: @width;
height: @height;
overflow: hidden;
position: relative;
display: flex;
justify-content: space-between;
margin: 0 9px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
.counter {
width: 72px;
height: @height;
background-color: @color-duck-egg-blue;
color: black;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
}
.content {
display: flex;
color: @color-squash;
align-items: center;
max-width: 140px;
width: 140px;
overflow: hidden;
}
.status {
width: @height;
height: @height;
display: flex;
align-items: center;
justify-content: center;
font-size: 32px;
color: @color-squash;
}
.content.running,
.status.running {
color: @color-green;
}
}