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

Fix control variables

Browse Source
This commit is contained in:
Jeremy Thomas
2016-10-29 21:51:13 +01:00
parent a2afb61ffe
commit 2e7e1d7c75
9 changed files with 574 additions and 258 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -250,6 +250,72 @@ doc-subtab: form
<hr>
<h3 class="title">States</h3>
<h4 class="subtitle">Normal</h4>
<div class="columns">
<div class="column is-half">
<p class="control">
<input class="input" type="text" placeholder="Normal input">
</p>
<p class="control">
<textarea class="textarea" placeholder="Normal textarea"></textarea>
</p>
</div>
<div class="column is-half">
{% highlight html %}
<p class="control">
<input class="input" type="text" placeholder="Normal input">
</p>
<p class="control">
<textarea class="textarea" placeholder="Normal textarea"></textarea>
</p>
{% endhighlight %}
</div>
</div>
<h4 class="subtitle">Hover</h4>
<div class="columns">
<div class="column is-half">
<p class="control">
<input class="input is-hovered" type="text" placeholder="Hovered input">
</p>
<p class="control">
<textarea class="textarea is-hovered" placeholder="Hovered textarea"></textarea>
</p>
</div>
<div class="column is-half">
{% highlight html %}
<p class="control">
<input class="input is-hovered" type="text" placeholder="Hovered input">
</p>
<p class="control">
<textarea class="textarea is-hovered" placeholder="Hovered textarea"></textarea>
</p>
{% endhighlight %}
</div>
</div>
<h4 class="subtitle">Focus</h4>
<div class="columns">
<div class="column is-half">
<p class="control">
<input class="input is-focused" type="text" placeholder="Focused input">
</p>
<p class="control">
<textarea class="textarea is-focused" placeholder="Focused textarea"></textarea>
</p>
</div>
<div class="column is-half">
{% highlight html %}
<p class="control">
<input class="input is-focused" type="text" placeholder="Focused input">
</p>
<p class="control">
<textarea class="textarea is-focused" placeholder="Focused textarea"></textarea>
</p>
{% endhighlight %}
</div>
</div>
<h4 class="subtitle">Loading</h4>
<div class="columns">
<div class="column is-half">