0
0
mirror of https://github.com/wagtail/wagtail.git synced 2024-11-29 17:36:49 +01:00
wagtail/client/scss/components/_workflow-tasks.scss
Thibaud Colas 14280ad7ea
Convert all UI code to CSS logical properties (#8051)
- Rewrite all styles to use logical properties
- Update Stylelint configuration to include logical properties checks
2022-03-15 13:21:06 +00:00

42 lines
712 B
SCSS

.workflow-tasks {
$task-width: 117px;
$task-height: 56px;
list-style-type: none;
&__task {
display: inline-block;
background-color: #f8ffff;
border: 2px solid #7ebebe;
border-radius: 5px;
color: #007d7e;
box-sizing: border-box;
width: $task-width;
height: $task-height;
margin: 7px;
padding-inline-start: 9px;
padding-inline-end: 9px;
}
&__step {
font-size: 10px;
margin-top: 3px;
}
&__name {
font-size: 16px;
font-weight: bold;
margin: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
&__extra-tasks {
display: inline-block;
height: $task-height;
vertical-align: middle;
}
}