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

Bulma v9 website (#3249)

Browse Source 
* Add Bulma v9

* Add vendor dependencies

* Fix native

* Fix sponsors

* Add style attribute
This commit is contained in:
Jeremy Thomas
2021-01-27 23:30:42 +00:00
committed by GitHub
parent c5edaea84f
commit 08ef4df2c0
1963 changed files with 157468 additions and 9452 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
docs/documentation/form/input.html
View File

@@ -36,57 +36,6 @@ meta:
<input class="input" type="text" placeholder="Text input">
{% endcapture %}
{% capture colors_example %}
<div class="field">
<div class="control">
<input class="input is-primary" type="text" placeholder="Primary input">
</div>
</div>
<div class="field">
<div class="control">
<input class="input is-info" type="text" placeholder="Info input">
</div>
</div>
<div class="field">
<div class="control">
<input class="input is-success" type="text" placeholder="Success input">
</div>
</div>
<div class="field">
<div class="control">
<input class="input is-warning" type="text" placeholder="Warning input">
</div>
</div>
<div class="field">
<div class="control">
<input class="input is-danger" type="text" placeholder="Danger input">
</div>
</div>
{% endcapture %}
{% capture sizes_example %}
<div class="field">
<div class="control">
<input class="input is-small" type="text" placeholder="Small input">
</div>
</div>
<div class="field">
<div class="control">
<input class="input" type="text" placeholder="Normal input">
</div>
</div>
<div class="field">
<div class="control">
<input class="input is-medium" type="text" placeholder="Medium input">
</div>
</div>
<div class="field">
<div class="control">
<input class="input is-large" type="text" placeholder="Large input">
</div>
</div>
{% endcapture %}
{% capture rounded_example %}
<input class="input is-rounded" type="text" placeholder="Rounded input">
{% endcapture %}
@@ -272,32 +221,28 @@ meta:
<div class="column is-half">
{{input_example}}
</div>
<div class="column is-half highlight-full">
<div class="column is-half bd-highlight-full">
{% highlight html %}{{input_example}}{% endhighlight %}
</div>
</div>
{% include elements/anchor.html name="Colors" %}
<div class="columns">
<div class="column is-half">
{{colors_example}}
</div>
<div class="column is-half highlight-full">
{% highlight html %}{{colors_example}}{% endhighlight %}
</div>
</div>
{% for color in site.data.colors.justColors %}
{% capture foobar %}
<input class="input is-{{ color }}" type="text" placeholder="{{ color | capitalize }} input">
{% endcapture %}
{% include elements/snippet.html content=foobar %}
{% endfor %}
{% include elements/anchor.html name="Sizes" %}
<div class="columns">
<div class="column is-half">
{{sizes_example}}
</div>
<div class="column is-half">
{% highlight html %}{{sizes_example}}{% endhighlight %}
</div>
</div>
{% for size in site.data.sizes %}
{% capture foobar %}
<input class="input is-{{ size }}" type="text" placeholder="{{ size | capitalize }} input">
{% endcapture %}
{% include elements/snippet.html content=foobar %}
{% endfor %}
{% include elements/anchor.html name="Styles" %}
@@ -312,7 +257,8 @@ meta:
{% include elements/anchor.html name="States" %}
<h4 class="subtitle">Normal</h4>
<h4 class="title is-5">Normal</h4>
<div class="columns">
<div class="column is-half">
{{normal_example}}
@@ -322,7 +268,8 @@ meta:
</div>
</div>
<h4 class="subtitle">Hover</h4>
<h4 class="title is-5">Hover</h4>
<div class="columns">
<div class="column is-half">
{{hover_example}}
@@ -332,7 +279,8 @@ meta:
</div>
</div>
<h4 class="subtitle">Focus</h4>
<h4 class="title is-5">Focus</h4>
<div class="columns">
<div class="column is-half">
{{focus_example}}
@@ -342,7 +290,8 @@ meta:
</div>
</div>
<h4 class="subtitle">Loading</h4>
<h4 class="title is-5">Loading</h4>
<div class="columns">
<div class="column is-half">
{{loading_example}}
@@ -366,7 +315,9 @@ meta:
</div>
</div>
<h4 class="subtitle">Disabled</h4>
<h4 class="title is-5">Disabled</h4>
<div class="columns">
<div class="column is-half">
{{disabled_example}}
@@ -376,7 +327,8 @@ meta:
</div>
</div>
<h4 class="subtitle">Readonly and static inputs</h4>
<h4 class="title is-5">Readonly and static inputs</h4>
<div class="content">
<p>
@@ -477,7 +429,7 @@ meta:
</div>
</div>
{% include elements/variables.html type='element'
{% include components/variables.html type='element'
variables_keys=page.variables_keys
folder='elements'
file='form'