You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I just wanted share a snippet for using media queries (with Goober, Tailwind and Twin) where the inbuilt Tailwind ones won't suffice (for example, setting a background image based on dynamic content which can't be handled as a background class in the Tailwind config file).
I could have put the background-repeat property as a Tailwind class on the section above (eg, lg:(bg-no-repeat)), and also moved the position + sizes into custom Tailwind classes (leaving only the background image here).
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
I just wanted share a snippet for using media queries (with Goober, Tailwind and Twin) where the inbuilt Tailwind ones won't suffice (for example, setting a background image based on dynamic content which can't be handled as a background class in the Tailwind config file).
I just did this:
I could have put the
background-repeat
property as a Tailwind class on the section above (eg,lg:(bg-no-repeat)
), and also moved the position + sizes into custom Tailwind classes (leaving only the background image here).Beta Was this translation helpful? Give feedback.
All reactions