search

daniil4udo / bulvar

🛣 Bulma, Buefy and Bulma Extensions rewritten using CSS Variables
MIT License
52 stars 3 forks source link

RGB colors in derived-variables.sass are invalid caused by missing bulmaToRGB function #68

Closed Way closed 2 years ago

Way commented 2 years ago

This is about Bulma. It's a bug in the library.

Overview of the problem

This is about the Bulma CSS framework

This is a Sass issue: I'm using version 1.47.0 I am sure this issue is not a duplicate?

Description

All variables in bulma/sass/utilites/derived-variables.sass that use bulmaToRGB are not set correctly because the bulmaToRGB function is missing (not imported) from the bulma/shared/functions.sass file. The bulmaToRGB is only defined in the bulma/sass/utilites/functions.sass.

Possible solution would be to import shared/functions.sass into utilities/functions.sass or just to duplicate the bulmaToRGB function from bulma/shared/functions.sass into utilities/functions.sass.

Steps to Reproduce

As you can see in this jsbin, the bulma delete button is invisible because its background-color is missing caused by missing bulmaToRGB sass function.

https://jsbin.com/lekikor/1/edit?html,output

Expected behavior

The RGB colors in derived-variables.sass should be transformed to their actual values.

Actual behavior

The RGB colors in derived-variables.sass have invalid values like background-color: rgba(var(--scheme-invert-rgb, bulmaToRGB(#0a0a0a)), 0.2);

daniil4udo commented 2 years ago

@Way thank you so much for you find.