Using @extend in CSS preprocessors really suck... so use mixins instead. Consider this example.
Seems innocent enough:
With media queries
Until you try it with media queries, then it won't work. Consider using mixins instead.
You have just read @extend sucks, written on February 16, 2015. This is Today I Learned, a collection of random tidbits I've learned through my day-to-day web development work. I'm Rico Sta. Cruz, @rstacruz on GitHub (and Twitter!).