{% assign tab = include.tab | default: page.doc-tab %} {% assign subtab = include.subtab | default: page.doc-subtab %} {% assign data = include.data | default: site.data.variables[tab][subtab] %} {% assign sass_vars = include.data | default: data["sass-vars"] %} {% assign sass_vars_size = sass_vars | size %} {% assign css_vars = include.data | default: data["css-vars"] %} {% assign css_vars_size = css_vars | size %} {% if sass_vars_size > 0 or css_vars_size > 0 %} {% include docs/elements/anchor.html name="Sass and CSS variables" %} {% if sass_vars_size > 0 %}
{% unless include.hide_css_vars or page.meta.hide_css_vars %} {% endunless %} {% for sass_var in sass_vars %} {% unless sass_var["value"] == "dv.$colors" %} {% unless include.hide_css_vars or page.meta.hide_css_vars %} {% endunless %} {% endunless %} {% endfor %}
Sass Variable
CSS Variable
Value
{% highlight sass %}${{ sass_var["name"] }}{% endhighlight %}{% highlight css %}var(--bulma-{{ sass_var["css-var"] }}){% endhighlight %}{% highlight css %}{{ sass_var["value"] }}{% endhighlight %}
{% elsif css_vars_size > 0 %}
{% for css_var in css_vars %} {% endfor %}
CSS Variable
Value
{% highlight sass %}var(--bulma-{{ css_var["name"] }}){% endhighlight %} {% highlight css %}{{ css_var["value"] }}{% endhighlight %}
{% endif %} {% endif %}