bulma/docs/_includes/elements/snippet.html

29 lines
1.0 KiB
HTML
Raw Normal View History

2017-08-30 21:33:52 +00:00
{% if include.plain %}
<div class="columns">
<div class="column is-half">
<div class="bd-example">
{{ include.content }}
</div>
</div>
<div class="column is-half">
{% highlight html %}{{ include.content }}{% endhighlight %}
</div>
2017-08-30 19:44:39 +00:00
</div>
2017-08-30 21:33:52 +00:00
{% else %}
<div class="
bd-snippet
{% if include.horizontal %}bd-is-horizontal{% else %}bd-is-vertical{% endif %}
{% if include.clipped %}bd-is-clipped{% endif %}
{% if include.size %}bd-is-{{ include.size }}{% endif %}
2017-10-12 16:25:11 +00:00
{% if include.one_fifth %}bd-is-one-fifth{% endif %}
2018-04-09 15:33:44 +00:00
{% if include.fullwidth %}bd-is-fullwidth{% endif %}
2017-08-30 21:33:52 +00:00
">
2017-10-09 14:38:12 +00:00
<div class="bd-snippet-preview {% if include.paddingless %}is-paddingless{% endif %}">
2017-08-30 21:33:52 +00:00
{{ include.content }}
</div>
2017-10-09 14:38:12 +00:00
<div class="bd-snippet-code {% unless include.clipped %}highlight-full{% endunless %} {% if include.more %}bd-is-more bd-is-more-clipped{% endif %}">
2017-08-30 21:33:52 +00:00
{% highlight html %}{{ include.content }}{% endhighlight %}
</div>
2017-08-30 19:44:39 +00:00
</div>
2017-08-30 21:33:52 +00:00
{% endif %}