mirror of
https://github.com/jgthms/bulma
synced 2026-03-18 03:14:30 -07:00
Add columns section
This commit is contained in:
@@ -417,7 +417,7 @@ variables:
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include heading.html name="Colors" %}
|
||||
{% include anchor.html name="Colors" %}
|
||||
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
@@ -437,7 +437,7 @@ variables:
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include heading.html name="Sizes" %}
|
||||
{% include anchor.html name="Sizes" %}
|
||||
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
|
||||
@@ -170,7 +170,7 @@ variables:
|
||||
|
||||
{% highlight html %}{{content_example}}{% endhighlight %}
|
||||
|
||||
{% include heading.html name="Sizes" %}
|
||||
{% include anchor.html name="Sizes" %}
|
||||
|
||||
<div class="content">
|
||||
<p>You can use the <code>is-small</code>, <code>is-medium</code> and <code>is-large</code> modifiers to change the font size.</p>
|
||||
|
||||
@@ -77,7 +77,7 @@ doc-subtab: delete
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include heading.html name="Sizes" %}
|
||||
{% include anchor.html name="Sizes" %}
|
||||
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
|
||||
@@ -52,7 +52,7 @@ variables:
|
||||
<p>The <code>icon</code> container will take up <em>exactly</em> <strong>1.5rem x 1.5rem</strong>. The icon itself is sized at <strong>21px</strong>.</p>
|
||||
</div>
|
||||
|
||||
{% include heading.html name="Sizes" %}
|
||||
{% include anchor.html name="Sizes" %}
|
||||
|
||||
<div class="content">
|
||||
<p>Font Awesome icons use a font-size of <strong>28px</strong> by default, and are best rendered when using <strong>multiples of 7</strong>.</p>
|
||||
|
||||
@@ -84,7 +84,7 @@ variables:
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include heading.html name="Colors" %}
|
||||
{% include anchor.html name="Colors" %}
|
||||
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
|
||||
@@ -51,14 +51,14 @@ variables:
|
||||
</div>
|
||||
{% highlight html %}{{ progress }}{% endhighlight %}
|
||||
|
||||
{% include heading.html name="Colors" %}
|
||||
{% include anchor.html name="Colors" %}
|
||||
|
||||
<div class="bd-example">
|
||||
{{ progress_colors }}
|
||||
</div>
|
||||
{% highlight html %}{{ progress_colors }}{% endhighlight %}
|
||||
|
||||
{% include heading.html name="Sizes" %}
|
||||
{% include anchor.html name="Sizes" %}
|
||||
|
||||
<div class="bd-example">
|
||||
{{ progress_sizes }}
|
||||
|
||||
@@ -214,7 +214,7 @@ variables:
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include heading.html name="Colors" %}
|
||||
{% include anchor.html name="Colors" %}
|
||||
|
||||
<div class="columns">
|
||||
<div class="column is-4">
|
||||
@@ -270,7 +270,7 @@ variables:
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include heading.html name="Sizes" %}
|
||||
{% include anchor.html name="Sizes" %}
|
||||
|
||||
<div class="columns">
|
||||
<div class="column is-4">
|
||||
@@ -293,7 +293,7 @@ variables:
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include heading.html name="Modifiers" %}
|
||||
{% include anchor.html name="Modifiers" %}
|
||||
|
||||
<div class="columns">
|
||||
<div class="column is-4">
|
||||
@@ -319,7 +319,7 @@ variables:
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include heading.html name="Combinations" %}
|
||||
{% include anchor.html name="Combinations" %}
|
||||
|
||||
<div class="columns">
|
||||
<div class="column is-4">
|
||||
@@ -350,7 +350,7 @@ variables:
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include heading.html name="List of tags" %}
|
||||
{% include anchor.html name="List of tags" %}
|
||||
|
||||
<div class="tags has-addons">
|
||||
<span class="tag is-success">New!</span>
|
||||
|
||||
@@ -107,7 +107,7 @@ variables:
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include heading.html name="Sizes" %}
|
||||
{% include anchor.html name="Sizes" %}
|
||||
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
|
||||
Reference in New Issue
Block a user