piever / interactbulma.jl

InteractBulma

Package to create Bulma themes to style Interact apps with Bulma css.

To learn how to use Interact, check out the Interact documentation.

Theming instruction

InteractBulma provides a compile_theme function to create a theme (a CSS file) based on variables and overrides. Check out the Bulma documentation to learn what variables can be used and how.

The function compile_theme(output) has two optional keyword arguments (variables and overrides) with the path of the scss file you want to use to customize variables or to add overrides respectively. output=mktempdir() is the folder chosen to store the resulting css files (main.css and main_confined.css).

Example usage

Here we will use variables from the flatly theme:

using Interact
using InteractBulma: compile_theme, examplefolder
variables_file = joinpath(examplefolder, "flatly", "_variables.scss") # here you would use your own style
mytheme = compile_theme(variables = variables_file)
settheme!(mytheme)
button() # test the new looks of Interact widgets

interactbulma.jl's Issues

rename to BulmaThemes?

As this package now provides mainly new custom themes, it may make sense to rename it to reflect that, so that import BulmaThemes would be the command to load the themes.

Wrap bulma themes like "darkly" as easy to choose themes

It would be good if you could just do:

settheme!(Darkly())

I guess the goal is to let users choose between common themes with customising anthing, or knowing anything about how it works.

how to add extensions?

There are widgets for Bulma at
https://wikiki.github.io/
https://github.com/Wikiki/bulma-extensions

How does one make them available and theme-sensitive through InteractBulma?

Handle booleans like strings

Sometimes I make a quick boolean array in an interact tool:

@manipulate for foo=[true,false]
  foo ? "fizz" : "buzz"
end

The problem is it treats true and false and numbers (i.e. with a slider)

---

Is there a way to handle them like strings (i.e. with toggle buttons)