python (12.9k questions)

javascript (9.2k questions)

reactjs (4.7k questions)

java (4.2k questions)

java (4.2k questions)

c# (3.5k questions)

c# (3.5k questions)

html (3.3k questions)

Questions - tailwind-css

How can I disable scrolling when there's a modal using nextjs tailwind?

I currently have this code set up but I don't think this is the correct one to use as it gives me "document is not defined". export default function Modal() { const [modal, setModal] = us...
test-img

Amr Ibn Il'As

css

next.js

tailwind-css

Votes: 0

Answers: 1

Latest Answer

I didn't test the result but try to write the if statement inside useEffect() hook. I think initially the document object is unknown to nextJs same goes for the global window object! For side-effects ...
test-img

lAbYriNth

All colors gone after adding custom color in tailwind

I just added a custom color to tailwind like this: colors: { 'slate': '#475569' }, Then I ran npm run watch and the color worked as expected, but all other colors are gone, they are wi...
test-img

Frevelman

css

tailwind-css

Votes: 0

Answers: 1

Latest Answer

i suspect you replace the default colors with the colors you add. in order to extend the default colors the tailwind.config.js file should look like this module.exports = { theme: { extend: { ...
test-img

Evangelos Bitsilis

TailwindCSS: How can I fix a header & footer to the screen while keeping scrollable content in between?

I'm creating a React PWA for a client using Tailwind CSS and I want to achieve a layout in which there's a header fixed to the top of the screen and a navbar fixed to the bottom of the screen. In betw...
test-img

LeperAffinity666

reactjs

flexbox

tailwind-css

Votes: 0

Answers: 2

Latest Answer

One way to keep flex on the parent container is to add sticky to the header and footer divs, with top-0 or bottom-0, like this: Modified code from the tailwind play linked in your question. <div cl...
test-img

Michael McGreal

In Tailwind&#39;s config, what is the difference between adding properties to theme VS theme.extend?

Tailwind's documentation on its configuration makes multiple uses of the extend property, but doesn't clarify the difference of making customizations on the theme property VS the theme.extend property...
test-img

sgarcia.dev

javascript

css

tailwind-css

Votes: 0

Answers: 1

Latest Answer

It's pretty easy, extend extends default theme, while not using extend will completely override default theme for that property. So in your example you will only have 3 colors in total, because all th...
test-img

Danila

Posts

Questions

Blogs

Jobs