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

Fix index

Browse Source
This commit is contained in:
Jeremy Thomas
2016-12-23 12:13:50 +00:00
parent 102a5d41f1
commit e0b28c8ae8
8 changed files with 610 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
docs/documentation/modifiers/syntax.html
View File

@@ -17,16 +17,19 @@ doc-subtab: syntax
<div class="column">
<p>Let's start with a simple <strong>button</strong> that uses the <code>"button"</code> CSS class:</p>
</div>
{% capture button_example %}
<a class="button">
Button
</a>
{% endcapture %}
<div class="column">
<p>
<a class="button">Button</a>
{{button_example}}
</p>
</div>
<div class="column is-half">
{% highlight html %}
<a class="button">
Button
</a>
{{button_example}}
{% endhighlight %}
</div>
</div>
@@ -34,16 +37,19 @@ doc-subtab: syntax
<div class="column">
<p>By <strong>adding</strong> the <code>"is-primary"</code> CSS class, you can modify the <strong>color</strong>:</p>
</div>
{% capture button_primary_example %}
<a class="button is-primary">
Button
</a>
{% endcapture %}
<div class="column">
<p>
<a class="button is-primary">Button</a>
{{button_primary_example}}
</p>
</div>
<div class="column is-half">
{% highlight html %}
<a class="button is-primary">
Button
</a>
{{button_primary_example}}
{% endhighlight %}
</div>
</div>
@@ -124,18 +130,18 @@ doc-subtab: syntax
</div>
<div class="column is-half">
{% highlight html %}
<p class="control">
<a class="button is-small">Button</a>
</p>
<p class="control">
<a class="button">Button</a>
</p>
<p class="control">
<a class="button is-medium">Button</a>
</p>
<p class="control">
<a class="button is-large">Button</a>
</p>
<a class="button is-small">
Button
</a>
<a class="button">
Button
</a>
<a class="button is-medium">
Button
</a>
<a class="button is-large">
Button
</a>
{% endhighlight %}
</div>
</div>