Tailwind + Pug mixin (add bit more order to code for responsive)

[csscoder]

Hey, this year I learned about Tailwind - a cool tool.
I coded some projects, but some times base approach was not comfortable (when I code responsive elements).
And I tried to use preprocessor PUG and mixin - it helped me to take more order in the code.
part of the code looks like this

+tw({ common: 'flex-grow py-4', md: 'py-8', lg: 'py-10 ml-25'})
  +tw({ common: 'max-w-1160 px-5 mx-auto mb-15', md: 'px-10', lg: 'mb-0' })

The example on Codepen with mixin you can see here.
Hope it will be helpful for someone too.