File tree Expand file tree Collapse file tree 1 file changed +2
-2
lines changed Expand file tree Collapse file tree 1 file changed +2
-2
lines changed Original file line number Diff line number Diff line change @@ -63,8 +63,8 @@ Use whatever you'd like, but there's a few advantages with this approach over Ta
6363* Flat, 1 selector per line can be very short like Tailwind. See the examples.
6464* Use just plain CSS variables in your design system.
6565* Use the short ` @media ` queries for responsive design.
66- * Mobile First (flow: ** above** breakpoint): ** 🟢 None** ` sm ` ` md ` ` lg ` ` xl ` ` xx ` 🏁
67- * Desktop First (flow: ** below** breakpoint): 🏁 ` xs- ` ` sm- ` ` md- ` ` lg- ` ` xl- ` ** 🟢 None**
66+ * Mobile First (flow: ** above** breakpoint): ** 🟢 None (xs) ** ` sm ` ` md ` ` lg ` ` xl ` ` xx ` 🏁
67+ * Desktop First (flow: ** below** breakpoint): 🏁 ` xs- ` ` sm- ` ` md- ` ` lg- ` ` xl- ` ** 🟢 None (xx) **
6868 * 🟢 = No breakpoint. Default. See the [ Live Example] ( https://gnat.github.io/css-scope-inline/example.html ) !
6969 * Based on [ Tailwind] ( https://tailwindcss.com/docs/responsive-design ) breakpoints. We use ` xx ` not ` 2xl ` to not break CSS highlighters.
7070 * Unlike Tailwind, you can [ nest your @media styles] ( https://developer.chrome.com/articles/css-nesting/#nesting-media ) !
You can’t perform that action at this time.
0 commit comments