Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-15 02:04:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add lots of snippets

Browse Source
This commit is contained in:
Jeremy Thomas
2017-08-30 21:33:49 +01:00
parent 08e082ae07
commit 3b0cb2ad4e
11 changed files with 107 additions and 226 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
docs/documentation/components/message.html
View File

@@ -201,78 +201,29 @@ variables:
<hr>
<div class="columns">
<div class="column is-half">
{{message_example}}
</div>
<div class="column is-half">
{% highlight html %}{{message_example}}{% endhighlight %}
</div>
</div>
{% include snippet.html content=message_example %}
{% include anchor.html name="Colors" %}
<div class="columns">
<div class="column is-half">
{{message_colors_example}}
</div>
<div class="column is-half">
{% highlight html %}{{message_colors_example}}{% endhighlight %}
</div>
</div>
{% include snippet.html content=message_colors_example %}
<hr>
{% include anchor.html name="Message body only" %}
<h3 class="title">Message body only</h3>
<div class="content">
<p>You can <strong>omit</strong> the message header:</p>
</div>
<div class="columns">
<div class="column is-half">
{{message_body_example}}
</div>
<div class="column is-half">
{% highlight html %}{{message_body_example}}{% endhighlight %}
</div>
</div>
{% include snippet.html content=message_body_example %}
{% include anchor.html name="Sizes" %}
<div class="columns">
<div class="column is-half">
{{message_small}}
</div>
<div class="column is-half">
{% highlight html %}{{message_small}}{% endhighlight %}
</div>
</div>
{% include snippet.html content=message_small %}
<div class="columns">
<div class="column is-half">
{{message_normal}}
</div>
<div class="column is-half">
{% highlight html %}{{message_normal}}{% endhighlight %}
</div>
</div>
{% include snippet.html content=message_normal %}
<div class="columns">
<div class="column is-half">
{{message_medium}}
</div>
<div class="column is-half">
{% highlight html %}{{message_medium}}{% endhighlight %}
</div>
</div>
{% include snippet.html content=message_medium %}
<div class="columns">
<div class="column is-half">
{{message_large}}
</div>
<div class="column is-half">
{% highlight html %}{{message_large}}{% endhighlight %}
</div>
</div>
{% include snippet.html content=message_large %}
{% include variables.html %}