{% 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 %}
Sass Variable
|
{% unless include.hide_css_vars or page.meta.hide_css_vars %}
CSS Variable
|
{% endunless %}
Value
|
---|---|---|
{% highlight sass %}${{ sass_var["name"] }}{% endhighlight %} | {% unless include.hide_css_vars or page.meta.hide_css_vars %}{% highlight css %}var(--bulma-{{ sass_var["css-var"] }}){% endhighlight %} | {% endunless %}{% highlight css %}{{ sass_var["value"] }}{% endhighlight %} |
CSS Variable
|
Value
|
---|---|
{% highlight sass %}var(--bulma-{{ css_var["name"] }}){% endhighlight %} | {% highlight css %}{{ css_var["value"] }}{% endhighlight %} |