Skip to content
New issue

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

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

Already on GitHub? # to your account

Sass errors on division and max-width: null #22

Open
jonathanstegall opened this issue Feb 4, 2022 · 1 comment
Open

Sass errors on division and max-width: null #22

jonathanstegall opened this issue Feb 4, 2022 · 1 comment
Assignees

Comments

@jonathanstegall
Copy link

I'm starting an early attempt to upgrade our implementation of Column Setter to v2. I tried copying in the new versions without changing anything else just to see what would happen:

Deprecated / for division

Sass doesn't allow using / to divide anymore, but they do have some good resources, including an automatic upgrader.

npm install -g sass-migrator
sass-migrator division **/*.scss

As far as I can tell, running these commands on Column Setter works fine.

Invalid max-width

I've previously had $max-width: null; in my settings, as shown in the example. In v2, this causes this error:

Warning: $max-width's value ('') in _column-settings.scss is invalid. It must be a number with a unit. Learn more: https://github.com/propublica/column-setter

When I change it to $max-width: 80em; the error goes away and the CSS compiles without complaint. I haven't gone through to see what design implications this might have for us, but I thought you might want to change the docs if $max-width: null; is no longer supported.

@robweychert
Copy link
Collaborator

@jonathanstegall Thanks for the heads up! I’ll look into these issues.

@robweychert robweychert self-assigned this Feb 4, 2022
# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants