Responsive Variants?

[ryanscherler]

Hi Mark,

Thanks so much for this plugin - its awesome! I was wondering if we could have a config to allow responsive variants?

Here is my use case:

I am combining this plugin with the awesome Grid plugin. Initially I want to use the Lobotomized Owl technique to have structured component spacing on mobile 'cards'. Then I want to turn off this class for when the cards have the grid applied to them at the medium breakpoint. See the following markup for the idea I am looking to implement:

<div class="max-w-3xl mx-auto o-2 md:o-0 md:grid md:grid-columns-3 md:grid-gap-2">
  <div class="card">....</div>
  <div class="card">....</div>
  <div class="card">....</div>
</div>

Again, thanks so much for your plugin, I am already applying it all over my projects!

[furioursus]

Would love to see this feature too! I thought it would be a simple matter of modifying the plugin but in doing so it seemed to break so I'm definitely missing something, myself.

[furioursus]

@ryanscherler I did a little digging and I modified the plugin for my own use so that it automatically provides responsive variants, as well as establishes a theme variant name of cssOwls that you can use to define those additional variants in tailwind.config.js. I've submitted PR #5 to that extent.