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

Update Expo April 2020

Browse Source
This commit is contained in:
Jeremy Thomas
2020-04-13 11:14:37 +01:00
parent 2c0bd61c00
commit ef73794cf7
28 changed files with 139 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
docs/_includes/index/columns.html
View File

@@ -6,9 +6,8 @@
<div class="column">4</div>
<div class="column">5</div>
</div>
{% endcapture %}
{% assign columns_link = site.data.links.by_id['columns-basics'] %}
{% endcapture %} {% assign columns_link =
site.data.links.by_id['columns-basics'] %}
<section class="bd-columns section is-medium">
<div class="container">
@@ -28,7 +27,9 @@
Better on desktop
</p>
<p class="message-body">
This interactive tool works better on larger screens! That's because Bulma columns are <strong>vertical by default</strong>. I recommend revisiting this page later when you're on desktop. 😉
This interactive tool works better on larger screens! That's because
Bulma columns are <strong>vertical by default</strong>. I recommend
revisiting this page later when you're on desktop. 😉
</p>
</div>
@@ -104,7 +105,8 @@
<a id="remove" class="button is-large is-light is-unselectable">
<strong>Remove</strong>
</a>
{% include elements/drawing.html id='try-it-out' width=150 height=65 %}
{% include elements/drawing.html id='try-it-out' width=150 height=65
%}
</div>
</div>
@@ -117,8 +119,15 @@
<div id="message" class="message is-info">
<p class="message-header">Info</p>
<p class="message-body">While it's possible to add as many columns as you want, it is recommended to stick with <strong>12 columns</strong>.<br>
If you want smaller divisions, you can always <strong>nest</strong> columns.</p>
<p class="message-body">
While it's possible to add as many columns as you want, it is
recommended to stick with <strong>12 columns</strong>.<br />
If you want smaller divisions, you can always
<strong>nest</strong> columns.
</p>
</div>
{% include components/hero-buttons.html href=columns_link.path
content="<span>See <strong>Columns</strong> docs</span>" %}
</div>
</section>