CSS lobotomized owl selector: A modern guide

1

Tailwind CSS

Tailwind is a very popular and widespread CSS framework. Due to the nature of Tailwind’s design principles, where you style individual elements with utility classes, the owl selector cannot be used — at least not without workarounds, since the owl selector's goal is to add inter-component styles with a combinator selector.

#Developer Tools #Design Tools #Website Design 868 social mentions

2

styled-components

The above is still a more "traditional" way to use CSS. Let's look at a CSS-in-JS example that makes use of styled-components:.

#Developer Tools #Design Tools #Javascript UI Libraries 154 social mentions

3

CodePen

See the Pen use case 2 - horizontal list with wrapping (issue with owl selector + fix with flex gap) by Sebastian Weber (@doppelmutzi) on CodePen.

#Text Editors #Programming #Code Collaboration 484 social mentions