search

stevecochrane / tailwindcss-logical

A CSS Logical Properties and Values plugin for Tailwind CSS.
https://stevecochrane.github.io/tailwindcss-logical/
ISC License
181 stars 2 forks source link

There's no support to responsive utilities #9

Closed Ayman97 closed 3 years ago

Ayman97 commented 3 years ago

Hey Can you please add support to responsive utilities like space / margin and padding?

Ayman97 commented 3 years ago

Turns out i can make add responsive variants in tailwind.config.js file 😅

stevecochrane commented 3 years ago

Hi @Ayman97,

Yep, you've got it! :) It's pretty buried in the README at the moment and I might want to move this information up, but adding the responsive variants to tailwind.config.js should work like this:

// tailwind.config.js
module.exports = {
  variants: {
    logical: ['responsive', 'hover']
  }
}

That said, if you do encounter any issues when adding responsive variants like this, just let me know and I'll take a look.