Ability to have responsive .container padding

[OwenMelbz]

Briefly mentioned via Twitter about this: https://twitter.com/OwenMelbz/status/1232404123041107975

This expands the ability of the padding option on the container plugin.

Before you had to option to set a global padding on the container via

theme: {
  container: {
    padding: '2rem',
  },
},

This allows you the option to provide an object of screen names which represent breakpoints and allows a different padding per breakpoint instead e.g.

theme: {
  container: {
    padding: {
      default: '1rem',
      sm: '2rem',
      lg: '4rem',
      xl: '5rem',
    },
  },
},

---

A side note around this, I'm not massively familiar with creating tailwind/postcss plugins so I appreciate that the way the logic has been written may not be what you'd consider as "best" for Tailwind, I may have even recreated the wheel for certain functionality - so more than happy for it to be refactored into a more satisfactory style.

Thanks!

[adamwathan]

Thanks 👍🏻