justboil / bulma-switch-control Goto Github PK

Thanks for your good component to use easily.
I will use this component with bulmaswatch, and I wrote a scss file.

@import "bulma-switch-control/bulma-switch-control";
@import "bulmaswatch/flatly/bulmaswatch";

Then, the styles(especially colors) are broken.
I found _variables.scss imports bulma, I feel happy the line is separated.
Thank you.

bulma-switch-control: 1.1.1
sass: 1.39.2

[WEBPACK] DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
[WEBPACK]
[WEBPACK] Recommendation: math.div($switch-width, 2)
[WEBPACK]
[WEBPACK] More info and automated migrator: https://sass-lang.com/d/slash-div
[WEBPACK]
[WEBPACK] ╷
[WEBPACK] 25 │ height: #{$switch-width / 2 + $switch-padding};
[WEBPACK] │ ^^^^^^^^^^^^^^^^^
[WEBPACK] ╵
[WEBPACK] node_modules/bulma-switch-control/scss/_switch.scss 25:17 @import
[WEBPACK] node_modules/bulma-switch-control/bulma-switch-control.scss 3:9 @import

Hi,

We're using this Bulma switch in our ElectronJS application. We've successfully added the switch component but can't modify the color of it.

So far only default switch is working

We've imported @import "~bulma-switch-control"; in our SCSS file and using the components in a ts file as follows,

<label className="switch is-rounded">
  <input type="checkbox"
// and so on

We've tried adding is-success and is-danger to className following https://wikiki.github.io/form/switch/ but no effect.

Any comments would be appreciated.