Tailwind - How to customize padding such as px-10

Question

In Tailwind, I want to customize px-10 to equal

padding-left: 10; 
padding-right: 10px;

How do I do that?

Many thanks.

user_11866037 · Answer

You can add custom padding values as shown in their documentation

  // tailwind.config.js
  module.exports = {
    theme: {
      spacing: {
       sm: '10px',
      }
    }
  }

and use it as

..

OR

Use your custom values inside class by using JIT mode

..