Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

grid-template-columns (and possible others) get shortened wrongly #367

Open
davidbehler opened this issue Mar 30, 2021 · 1 comment
Open

Comments

@davidbehler
Copy link

Possible duplicate of or at least related to #365.

Version used: 1.3.66

I have this class which basically splits a div in half:
.split-half { display: grid; grid-template-columns: calc(50% - 1rem) calc(50% - 1rem); grid-column-gap: 2rem; }
and after minifying it becomes
.split-half { display: grid; grid-template-columns: calc(50% - 1rem); grid-column-gap: 2rem; }
The second column value is removed and turns this into a very different layout.

I'm guessing this happens because the values for both columns are equal. If I change the definition to
.split-half { display: grid; grid-template-columns: calc(50% - 1rem) calc(50% - 1.1rem); grid-column-gap: 2rem; }
it works and the definition is kept. Same for using repeat(2, calc(50% - 1rem)).

@DIntriglia
Copy link

Just ran into this problem as well. Any updates on a resolution?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants