tailwindcss-container-bleed icon indicating copy to clipboard operation
tailwindcss-container-bleed copied to clipboard

`br-container` does not get the correct margin when max-width is used for `container`

Open guyathomas opened this issue 3 years ago • 1 comments

Steps to repro

  • set max-w-prose class on the same element that has container
  • Then use br-container as a child
  • You will notice that the margin is not calculated correctly.

guyathomas avatar Jul 06 '22 19:07 guyathomas

Found that document.documentElement.style.setProperty('--current-screen', 'calc(min(100%,65ch) + var(--container-padding) * 2 )') will set it correct.

I'll consider a good implementation - but the difficult part is that this can change on different pages depending on the container max width

guyathomas avatar Jul 07 '22 04:07 guyathomas