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 babel

Browse Source
This commit is contained in:
Jeremy Thomas
2017-07-01 18:30:39 +01:00
parent 082d05c8df
commit 5e644d861e
44 changed files with 3780 additions and 10158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
docs/documentation/components/modal.html
View File

@@ -32,7 +32,7 @@ doc-subtab: modal
</li>
</ul>
<p>
<a class="button is-primary is-large modal-button" data-target="#modal">Launch example modal</a>
<a class="button is-primary is-large modal-button" data-target="modal">Launch example modal</a>
</p>
</div>
@@ -42,7 +42,7 @@ doc-subtab: modal
<div class="modal-content">
<!-- Any other Bulma elements you want -->
</div>
<button class="modal-close"></button>
<button class="modal-close is-large"></button>
</div>
{% endhighlight %}
@@ -66,7 +66,7 @@ doc-subtab: modal
<div class="content">
<p>Because a modal can contain <strong>anything you want</strong>, you can very simply use it to build an image gallery for example:</p>
<p>
<a class="button is-primary is-large modal-button" data-target="#modal-bis">Launch image modal</a>
<a class="button is-primary is-large modal-button" data-target="modal-bis">Launch image modal</a>
</p>
</div>
@@ -78,7 +78,7 @@ doc-subtab: modal
<img src="{{site.url}}/images/placeholders/1280x960.png">
</p>
</div>
<button class="modal-close"></button>
<button class="modal-close is-large"></button>
</div>
{% endhighlight %}
@@ -89,7 +89,7 @@ doc-subtab: modal
<div class="content">
<p>If you want a more classic modal, with a <strong>head</strong>, a <strong>body</strong> and a <strong>foot</strong>, use the <code>modal-card</code>.</p>
<p>
<a class="button is-primary is-large modal-button" data-target="#modal-ter">Launch modal card</a>
<a class="button is-primary is-large modal-button" data-target="modal-ter">Launch modal card</a>
</p>
</div>
@@ -150,7 +150,7 @@ doc-subtab: modal
</article>
</div>
</div>
<button class="modal-close"></button>
<button class="modal-close is-large"></button>
</div>
<div id="modal-bis" class="modal">
@@ -160,7 +160,7 @@ doc-subtab: modal
<img src="{{site.url}}/images/placeholders/1280x960.png">
</p>
</div>
<button class="modal-close"></button>
<button class="modal-close is-large"></button>
</div>
<div id="modal-ter" class="modal">