.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; } }