0
0
mirror of https://github.com/wagtail/wagtail.git synced 2024-11-29 09:33:54 +01:00
wagtail/client/scss/components/_workflow-tasks.scss
Thibaud Colas 5c362bf831 Refactor all stylesheets to use CSS variables
Co-authored-by: Scott Cranfill <scott@scottcranfill.com>
2022-07-20 12:08:47 +01:00

42 lines
759 B
SCSS

.workflow-tasks {
$task-width: 117px;
$task-height: 56px;
list-style-type: none;
&__task {
display: inline-block;
background-color: theme('colors.secondary.50');
border: 2px solid theme('colors.secondary.100');
border-radius: 5px;
color: $color-teal;
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;
}
}