SCSS variable matching

[h0adp0re]

Hello, would it be possible to implement something like this?
norcalli#22

[Akianonymus]

Yes, given i have to mostly copy the pr, but no eta.

[h0adp0re]

Alright, that would be cool to have. I am not in a hurry to have it, just good to know it can (and will) be done!

[Akianonymus]

Test and report

#18

[h0adp0re]

Thanks, that was fast! Currently it seems the colors are only highlighted when they're defined in the same file. Sadly this is only a little useful when using imports – as one often does with sass. But maybe that could be done later in an incremental PR?

[Akianonymus]

Yes, i plan to add import support, just thinking how to actually implement it, because it's a big task, scanning other files, it can choke the editor.

Have to find an efficient way to scan imports.

[Akianonymus]

Done, imports should be working now along with recursive variables

[h0adp0re]

Yes, now they do work, thank you!

I'd hate to be a bother but when the colors come from a second-level import they are not highlighted. Only first-level imports work currently. If that explanation makes any sense?

[Akianonymus]

Yes, now they do work, thank you!

I'd hate to be a bother but when the colors come from a second-level import they are not highlighted. Only first-level imports work currently. If that explanation makes any sense?

Check now

[h0adp0re]

You've outdone yourself, thank you! I sadly am not qualified to review the PR but by my standards this issue is resolved.

[Akianonymus]

You've outdone yourself, thank you! I sadly am not qualified to review the PR but by my standards this issue is resolved.

Even i am not qualified to review, it got quite complicated. But thank you for testing. Will merge it soon.

[Akianonymus]

I have merged it to master.

[Johnsoct]

@h0adp0re @Akianonymus I know I'm two years late, but I'm struggling getting this highlighting working (scss variables and color functions). Can you guys spot anything weird with my config:

    {
        "catgoose/nvim-colorizer.lua",
        event = "BufReadPre",
        opts = {},
        config = function()
            local colorizer = require("colorizer")

            colorizer.setup({
                filetypes = { "css", "scss" },
                user_default_options = {
                    css = true,
                    mode = "background",
                    names = true,
                    RGBA = true,
                    RRGGBBAA = true,
                    sass = {
                        enable = true,
                        parsers = {
                            "css",
                        },
                    },
                },
            })
        end,
    },

[catgoose]

I'm not sure if the sass highlighting is working right now. I've tried to use git bisect to find where it was actually highlighting but I could never find a working commit. If you can find a commit where this is working (maybe it's a problem with how I was testing) I can try to get this working.