Advertisements I’ve got some DOM: <div> <p> <a>ham</a> </p> </div> I want to add a class attribute to the DIV to turn all the children a tags red. I know I can do <div class="[&>p>a]:text-red-500"> but the a tags can be at any arbitrary depth within the <div>. Anyone know the syntax to make the… Read More Tailwind: color children links red
Advertisements I am trying to have a div only appear once the screen is below sm and hidden once above sm size. In the example below, I want the first motion.div to appear at all sized except for small. I want the second div to only appear once screen is sm or smaller. <> <motion.div… Read More How to only show element when screen is sm or smaller (TailwindCSS)
Advertisements Trying to create segmented button, but having problem with borders. I want to have 1px border everywhere including between buttons Structure for 2nd variant (buttons are rendered dynamically) <div class="divide-x"> <button class="border-y first:border-l last:border-r"> </div> I have tried multiple ways of borders 1st borders on each button but than I have 2px between buttons,… Read More Having problem with borders on segmented button using tailwind
Advertisements I’m experiencing a weird issue with the mobile responsive layout of a website. The address is https://melec.vercel.app/ On desktop using dev tools > responsive, it works correctly, also on any android device you get the correct mobile experience but in iOS devices (tested on 2 iphones) the website renders incorrectly, it seems to have… Read More Broken mobile responsiveness in iOS only
Advertisements How do I write border: 1px solid transparent; in tailwind css? I couldn’t find a way in the docs of tailwind. >Solution : Try this, <div class="border-solid border-1 border-transparent"></div>
Advertisements i am using tailwind pre defined css in my vue project . <p class="bg-white text-black focus:text-red focus:bg-white-2 dark:text-white dark:bg-black dark:focus:bg-black-2 dark:focus:text-yellow">some text</p> <p class="bg-white text-black focus:text-red focus:bg-white-2 dark:text-white dark:bg-black dark:focus:bg-black-2 dark:focus:text-yellow">some text2</p> <p class="bg-white text-black focus:text-red focus:bg-white-2 dark:text-white dark:bg-black dark:focus:bg-black-2 dark:focus:text-yellow">some text 3</p> <p class="bg-white text-black focus:text-red focus:bg-white-2 dark:text-white dark:bg-black dark:focus:bg-black-2 dark:focus:text-yellow">some other text</p>… Read More convert multiple class name to one class in html