Skip to content

refactor: move nested sass declarations after non-nested declarations - #596

Merged
lucaslarroche merged 4 commits into
picocss:devfrom
nstringham:mixed-sass-declarations
Mar 9, 2025
Merged

refactor: move nested sass declarations after non-nested declarations#596
lucaslarroche merged 4 commits into
picocss:devfrom
nstringham:mixed-sass-declarations

Conversation

@nstringham

Copy link
Copy Markdown
Contributor

This PR fixes #577 by reordering some sass declarations to work with the new rules for mixed declarations. See https://sass-lang.com/documentation/breaking-changes/mixed-decls for more info.

@bunnymatic

Copy link
Copy Markdown

Sad at the number of files that needed touching but happy that you might have uncovered the issue and solved it.

@nstringham

Copy link
Copy Markdown
Contributor Author

If you want I can move color-scheme down so that this change only effects the SCSS not the CSS but it felt a bit cleaner to me like this.

@tirthbodawala

Copy link
Copy Markdown

This is a great PR to be honest, I was getting the same issue and was going to create the PR, but @nstringham already did it. Awesome! When do we get this?

@blachawk

blachawk commented Sep 5, 2024

Copy link
Copy Markdown

I'm currently using "@picocss/pico": "^2.0.6", within my npm workspace.

What version of picocss do we need to update to, to overcome these Deprecation Warnings?

@nstringham

Copy link
Copy Markdown
Contributor Author

What version of picocss do we need to update to, to overcome these Deprecation Warnings?

You need to wait until this PR is merged.

@bunnymatic

Copy link
Copy Markdown

If you want I can move color-scheme down so that this change only effects the SCSS not the CSS but it felt a bit cleaner to me like this.

just a super nit. I think it's great!

@yeganemehr

Copy link
Copy Markdown

@lucaslarroche Can you look at this please? This warnings are very annoying!

bunnymatic pushed a commit to bunnymatic/pico that referenced this pull request Nov 29, 2024
problem
------

we get a pile of css deprecation warnings

solution
------

Follow the instructions from the warnings to get quiet them up.

changes
-------

* Applied Pico PR's (via patch) picocss#575 and picocss#596
* Update sass files to include `sass:color`, `sass:list` etc as required to avoid global methods
* Move from `color.red`, `color.green`, `color.blue` to `color.channel` as suggested by deprecation warnings
* bumped sass to 1.81
* rebuild css (with `yarn build`)
@lucaslarroche

Copy link
Copy Markdown
Member

Hey @nstringham,
Thanks a lot! I tested this, and it’s a really nice fix.

This will allow us to remove sass --silence-deprecation=mixed-decls, which is great. I’ll merge this into dev.
It will be shipped with the next release.

Appreciate the contribution!

@lucaslarroche
lucaslarroche changed the base branch from main to dev March 9, 2025 13:02
@lucaslarroche
lucaslarroche merged commit 1d1006e into picocss:dev Mar 9, 2025
lucaslarroche added a commit that referenced this pull request Mar 9, 2025
@lucaslarroche lucaslarroche mentioned this pull request Mar 9, 2025
@nstringham

Copy link
Copy Markdown
Contributor Author

Thanks!

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

Successfully merging this pull request may close these issues.

Deprecation warnings with Sass 1.77.8

6 participants