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 #479

Browse Source
This commit is contained in:
Jeremy Thomas
2017-04-15 15:55:03 +01:00
parent 17de5fb78f
commit fe3f98b732
3 changed files with 1227 additions and 358 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1558
docs/css/bulma-docs.css
View File

File diff suppressed because it is too large Load Diff

26
docs/documentation/elements/form.html
View File

@@ -41,9 +41,12 @@ doc-subtab: form
<div class="field">
<label class="label">Username</label>
<p class="control has-icon has-icon-right">
<p class="control has-icons-left has-icons-right">
<input class="input is-success" type="text" placeholder="Text input" value="bulma">
<span class="icon is-small">
<span class="icon is-small is-left">
<i class="fa fa-user"></i>
</span>
<span class="icon is-small is-right">
<i class="fa fa-check"></i>
</span>
</p>
@@ -52,9 +55,12 @@ doc-subtab: form
<div class="field">
<label class="label">Email</label>
<p class="control has-icon has-icon-right">
<p class="control has-icons-left has-icons-right">
<input class="input is-danger" type="text" placeholder="Email input" value="hello@">
<span class="icon is-small">
<span class="icon is-small is-left">
<i class="fa fa-envelope"></i>
</span>
<span class="icon is-small is-right">
<i class="fa fa-warning"></i>
</span>
</p>
@@ -875,14 +881,20 @@ doc-subtab: form
</div>
<div class="field-body">
<div class="field is-grouped">
<p class="control is-expanded">
<p class="control is-expanded has-icons-left">
<input class="input" type="text" placeholder="Name">
<span class="icon is-small is-left">
<i class="fa fa-user"></i>
</span>
</p>
</div>
<div class="field">
<p class="control is-expanded has-icon has-icon-right">
<p class="control is-expanded has-icons-left has-icons-right">
<input class="input is-success" type="email" placeholder="Email" value="alex@smith.com">
<span class="icon is-small">
<span class="icon is-small is-left">
<i class="fa fa-envelope"></i>
</span>
<span class="icon is-small is-right">
<i class="fa fa-check"></i>
</span>
</p>