0ct0pu5/bulma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix #820

Browse source
This commit is contained in:
Jeremy Thomas 2017-06-27 22:57:13 +01:00
parent b8a7ab2aa3
commit 997042ba8e
7 changed files with 146 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
CHANGELOG.md
View file

@ -16,6 +16,7 @@
### Issues closed
* Fix #820 Loading spinner resizes with controls
* Fix #819 Remove `height: auto` from media elements
* Fix #790 Documentation typo
* Fix #814 Make use of +fullhd mixin for columns @Saboteur777

26
css/bulma.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/bulma.css.map
View file

File diff suppressed because one or more lines are too long

1
docs/_config.yml
View file

@ -16,3 +16,4 @@ documentation: "/documentation/overview/start/"
download: https://github.com/jgthms/bulma/archive/0.4.2.zip
github: https://github.com/jgthms/bulma
version: 0.4.2
vernum: 42

26
docs/css/bulma-docs.css
View file

File diff suppressed because one or more lines are too long

81
docs/documentation/elements/form.html
View file

@ -354,6 +354,87 @@ doc-subtab: form
</div>
</div>
{% capture loading_sizes_example %}
<div class="field">
<p class="control is-small is-loading">
<input class="input is-small" type="text" placeholder="Small loading input">
</p>
</div>
<div class="field">
<p class="control is-loading">
<input class="input" type="text" placeholder="Normal loading input">
</p>
</div>
<div class="field">
<p class="control is-medium is-loading">
<input class="input is-medium" type="text" placeholder="Medium loading input">
</p>
</div>
<div class="field">
<p class="control is-large is-loading">
<input class="input is-large" type="text" placeholder="Large loading input">
</p>
</div>
<div class="field">
<div class="control">
<div class="select is-small is-loading">
<select>
<option>Small loading dropdown</option>
</select>
</div>
</div>
</div>
<div class="field">
<div class="control">
<div class="select is-loading">
<select>
<option>Normal loading dropdown</option>
</select>
</div>
</div>
</div>
<div class="field">
<div class="control">
<div class="select is-medium is-loading">
<select>
<option>Medium loading dropdown</option>
</select>
</div>
</div>
</div>
<div class="field">
<div class="control">
<div class="select is-large is-loading">
<select>
<option>Large loading dropdown</option>
</select>
</div>
</div>
</div>
{% endcapture %}
{% if site.vernum >= 43 %}
<div class="columns">
<div class="column is-half">
<p style="margin-bottom: 0.5rem;">
<span class="tag is-success">New!</span>
<span class="tag is-info">0.4.3</span>
</p>
<div class="content">
<p>
You can resize the loading spinner by appending <code>is-small</code>, <code>is-medium</code> or <code>is-large</code> to the <code>control</code> container.
</p>
</div>
{{loading_sizes_example}}
</div>
<div class="column is-half">
{% highlight html %}
{{loading_sizes_example}}
{% endhighlight %}
</div>
</div>
{% endif %}
<h4 class="subtitle">Disabled</h4>
{% capture disabled_example %}
<div class="field">

12
sass/elements/form.sass
View file

@ -153,6 +153,12 @@ $input-radius: $radius !default
right: 0.625em
top: 0.625em
transform: none
&.is-small:after
font-size: $size-small
&.is-medium:after
font-size: $size-medium
&.is-large:after
font-size: $size-large
.label
color: $input
@ -358,3 +364,9 @@ $input-radius: $radius !default
position: absolute !important
right: 0.625em
top: 0.625em
&.is-small:after
font-size: $size-small
&.is-medium:after
font-size: $size-medium
&.is-large:after
font-size: $size-large