Styled-Component

🤔 How to use it in Styled-Component ????

Simple, just select CSS properties you want, right click, and choose what pattern you wanna apply into sorting functionality. It has two pattern, that's Smaller to Bigger and Bigger to Smaller.

Same with SCSS, you have to look some rules especially if you use nested styling and you don't have to worry it's just simple rules.

Before :

Single sort (smaller to bigger and bigger to smaller) in main style :

Multiple sort (smaller to bigger and bigger to smaller) in nested style :

If you use props in one of your CSS properties, you have to use single sort functionality.