File tree Expand file tree Collapse file tree 1 file changed +0
-32
lines changed
Expand file tree Collapse file tree 1 file changed +0
-32
lines changed Original file line number Diff line number Diff line change @@ -142,38 +142,6 @@ Tailwind verbosity goes up with more child elements.
142142 </body >
143143</html >
144144```
145- ### From the [ Tailwind Manual] ( https://tailwindcss.com/docs/utility-first )
146- Converted from the manual- Tailwind should be at its strongest here! 🙂
147- ``` html
148- <!-- CSS Scope Inline -->
149- <div >
150- <style >
151- .me { display :flex ; max-width :24rem ; margin :0 auto ; padding :1.5rem ; background :#fff ; border-radius :0.5rem ; }
152- .me div [n1 ] img { height :3rem ; width :3rem ; }
153- .me div [n2 ] { margin :0 0 0 1.5rem ; padding :0.25rem 0 0 0 ; }
154- .me div [n2 ] h4 { color :#1a202c ; font-size :1.25rem ; }
155- .me div [n2 ] p { color :#718096 ; font-size :1rem ; }
156- </style >
157- <div n1 >
158- <img src =" /img/logo.svg" alt =" ChitChat Logo" >
159- </div >
160- <div n2 >
161- <h4 >ChitChat</h4 >
162- <p >You have a new message!</p >
163- </div >
164- </div >
165-
166- <!-- Tailwind Example -->
167- <div class =" flex max-w-sm mx-auto p-6 bg-white rounded-xl items-center space-x-4" >
168- <div class =" shrink-0" >
169- <img class =" h-12 w-12" src =" /img/logo.svg" alt =" ChitChat Logo" >
170- </div >
171- <div >
172- <div class =" text-xl font-medium text-black" >ChitChat</div >
173- <p class =" text-slate-500" >You have a new message!</p >
174- </div >
175- </div >
176- ```
177145
178146## 🔎 Technical FAQ
179147* Why do you use ` QuerySelectorAll() ` and not just process the ` MutationObserver ` results directly?
You can’t perform that action at this time.
0 commit comments