11 replies

is this a sass bug?

so, i wanted to try to get configurations a lot easier, and skirt around the hideous

map-get

map-get

map-get

map-get

i though i would try to

@use

@use

@use

@use modules

so, i wrote something like this:

style.scss

@use 'config';

body {
    background: config.$body-bg;
}

@use 'config';

body {
    background: config.$body-bg;
}

@use 'config';

body {
    background: config.$body-bg;
}

@use 'config';

body {
    background: config.$body-bg;
}

_config.scss

@use 'config/color' as *;

@use 'config/color' as *;

@use 'config/color' as *;

@use 'config/color' as *;

config/_color.scss

$body-bg: rebeccapurple;

$body-bg: rebeccapurple;

$body-bg: rebeccapurple;

$body-bg: rebeccapurple;

however, this gives me an "undefined variable

config.$body-bg;

config.$body-bg;

config.$body-bg;

config.$body-bg;"
and according to the documentation, using

as *

as *

as *

as * will load everything without a namespace

i would assume that it should work, since everything in

config/color.scss

config/color.scss

config/color.scss

config/color.scss is loaded into

config.scss

config.scss

config.scss

config.scss
the documentation doesnt say otherwise...

is this a bug? or i'm missing something?

---

yes, im aware that removing

as *

as *

as *

as * from

_config.scss

_config.scss

_config.scss

_config.scss and adding

$body-bg: color.$body-bg

$body-bg: color.$body-bg

$body-bg: color.$body-bg

$body-bg: color.$body-bg will work