Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-19 11:54:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

More snippets

Browse Source
This commit is contained in:
Jeremy Thomas
2017-08-30 22:21:30 +01:00
parent 3b0cb2ad4e
commit 695c72c6a9
11 changed files with 188 additions and 2002 deletions
Download Patch File Download Diff File Expand all files Collapse all files

111
docs/documentation/form/file.html
View File

@@ -591,16 +591,7 @@ variables:
</ul>
</div>
<div class="columns">
<div class="column">
<div class="bd-example">
{{ file }}
</div>
</div>
<div class="column highlight-full">
{% highlight html %}{{ file }}{% endhighlight %}
</div>
</div>
{% include snippet.html content=file %}
{% include anchor.html name="Modifiers" %}
@@ -686,29 +677,21 @@ variables:
{% include anchor.html name="Colors" %}
<div class="columns">
<div class="column">
<div class="content">
<p>
You can style the file element by appending one of the <strong>9 color modifiers</strong>:
</p>
<ul>
{% for color in site.colors %}
<li>
<code>is-{{ color }}</code>
</li>
{% endfor %}
</ul>
</div>
<div class="bd-example">
{{ file_colors }}
</div>
</div>
<div class="column">
{% highlight html %}{{ file_colors }}{% endhighlight %}
</div>
<div class="content">
<p>
You can style the file element by appending one of the <strong>9 color modifiers</strong>:
</p>
<ul>
{% for color in site.colors %}
<li>
<code>is-{{ color }}</code>
</li>
{% endfor %}
</ul>
</div>
{% include snippet.html content=file_colors clipped=true %}
{% include anchor.html name="Sizes" %}
<div class="content">
@@ -728,49 +711,13 @@ variables:
</ul>
</div>
<div class="columns">
<div class="column">
<div class="bd-example">
{{ file_sizes }}
</div>
</div>
<div class="column">
{% highlight html %}{{ file_sizes }}{% endhighlight %}
</div>
</div>
{% include snippet.html content=file_sizes clipped=true %}
<div class="columns">
<div class="column">
<div class="bd-example">
{{ file_sizes_name }}
</div>
</div>
<div class="column">
{% highlight html %}{{ file_sizes_name }}{% endhighlight %}
</div>
</div>
{% include snippet.html content=file_sizes_name clipped=true %}
<div class="columns">
<div class="column">
<div class="bd-example">
{{ file_sizes_boxed }}
</div>
</div>
<div class="column">
{% highlight html %}{{ file_sizes_boxed }}{% endhighlight %}
</div>
</div>
{% include snippet.html content=file_sizes_boxed clipped=true %}
<div class="columns">
<div class="column">
<div class="bd-example">
{{ file_sizes_boxed_name }}
</div>
</div>
<div class="column">
{% highlight html %}{{ file_sizes_boxed_name }}{% endhighlight %}
</div>
</div>
{% include snippet.html content=file_sizes_boxed_name clipped=true %}
{% include anchor.html name="Alignment" %}
@@ -788,27 +735,9 @@ variables:
</ul>
</div>
<div class="columns">
<div class="column">
<div class="bd-example">
{{ file_centered }}
</div>
</div>
<div class="column">
{% highlight html %}{{ file_centered }}{% endhighlight %}
</div>
</div>
{% include snippet.html content=file_centered %}
<div class="columns">
<div class="column">
<div class="bd-example">
{{ file_right }}
</div>
</div>
<div class="column">
{% highlight html %}{{ file_right }}{% endhighlight %}
</div>
</div>
{% include snippet.html content=file_right %}
{% include anchor.html name="JavaScript" %}