Feature request: generate css for Bulma extensions

[jenil]

Feature request: generate css for Bulma extensions

[jenil]

There is a build process to generate the bulmaswatch.min.css files but there is customization for each theme which needs manual CSS changes.

[piever]

I managed to reproduce the css build step locally. It turns out that to include extensions in the theme, you can simply add (in your main.scss), after:

@import bulma

the required extensions, for example:

@import 'bulma-switch/dist/bulma-switch.sass';

If you don't mind the slightly increased css side that results from this, maybe it would even be possible to include these extensions by default in the theme css (or maybe to have two versions, extensions and no extensions).

However, while in some cases it works smoothly but in other cases there are unit measure conflicts. For example, if I compile Minty with the "toggle-switch" Bulma extension, I get:

sass styles/main.scss styles/main.css
Error: Incompatible units rem and px.
  $paddle-height: $switch-height - ($switch-paddle-offset * 2)
                  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  vendors/bulma-extensions/bulma-switch/dist/bulma-switch.sass 14:19  switch-size()
  vendors/bulma-extensions/bulma-switch/dist/bulma-switch.sass 148:3  @import
  styles/main.scss 43:9                                               root stylesheet

I'm not sure if it's an issue with the theme or the extension. Maybe the theme is changing unit of measure of some bulma quantites?

[jenil]

I think have CSS built for extensions separately only makes senses, so I'm going to this issue for now.