Custom colors not detected

[ckz8780]

Assuming I've created some custom colors like so:

@import "~bulma/sass/utilities/initial-variables";
@import "~bulma/sass/utilities/functions";
@import "~bulma/sass/utilities/derived-variables";

$revenue: #19B99A;
...others

$revenue-invert: findColorInvert($revenue);
...others

$addColors: (
    "revenue":($revenue, $revenue-invert),
    ...others
);

$colors: map-merge($colors, $addColors);

@import "~bulma/bulma";
@import "~bulma-timeline";

Is there any way to get the timeline (and other extensions, like tooltips) to pick up my custom colors, so I can do things like timeline-item is-revenue?

The custom colors work across the rest of Bulma, but it seems they aren't picked up by the extensions.

Any thoughts? Thanks!

Edit: It seems if I import the sass file directly then my custom colors are picked up: @import "~bulma-timeline/dist/css/bulma-timeline"; Is this the correct way to do it? Should I be importing this file or the index.sass file from the src directory? FWIW this is in a React/Django project with Webpack. Please do let me know if there's any info I can clarify for you. Thanks!

[Wikiki]

Hi,

I'll update package.json to fix that

[ckz8780]

Thanks!