0
0
mirror of https://github.com/wagtail/wagtail.git synced 2024-11-29 01:22:07 +01:00
wagtail/client/scss/components/_workflow-tasks.scss

41 lines
783 B
SCSS

.workflow-tasks {
$task-width: 117px;
$task-height: 56px;
list-style-type: none;
&__task {
display: inline-block;
background-color: theme('colors.surface-page');
border: 2px solid theme('colors.border-button-outline-default');
border-radius: 5px;
color: theme('colors.text-link-default');
min-width: $task-width;
height: $task-height;
margin: 7px;
padding-inline-start: 9px;
padding-inline-end: 9px;
}
&__step {
font-size: 0.625rem;
margin-top: 0.1875rem;
}
&__name {
font-size: 1rem;
font-weight: bold;
margin: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
&__extra-tasks {
display: inline-block;
height: $task-height;
vertical-align: middle;
}
}