tailwind-leading-trim

Installation

``bash
npm i --save-dev tailwind-leading-trim
`

or

`bash
yarn add -D tailwind-leading-trim
`

Setup

To set up the plugin, follow these steps:

1. Import the plugin in tailwind.config.js:

`javascript
module.exports = {
...
theme: {
fontFamily: {
"sans": "Inter",
},
fontMetrics: {
"capHeight": 2048,
"ascent": 2728,
"descent": -680,
"lineGap": 0,
"unitsPerEm": 2816,
},
},
...
plugins: [require('tailwind-leading-trim')],
}
`

2. Use the Tailwind class to trim leading on both the start and the end:

`html



`

3. You can also trim just the start or the end:

Trim the start:

`html



`

Trim the end:

`html



``

---

Credits

Created by Burak Aslan.

---