Todo app using HTML, SCSS and TypeScript

I'm curious as to how other people did that bottom bar with the number of items left, all, active, completed tabs and a clear-completed button.

I had to do a lot of playing around with the box-shadows because, to me, the items-left and clear-completed button should be in a container and the tabs should be in another and both of them should share the same parent yet they should also be separate from the todo-list.

Doing this caused a lot of issues with the box shadows (since the todo list also gets its own shadow and each one of them also need their own shadows)