Fix disabled buttons

This commit is contained in:
Jeremy Thomas
2017-03-31 22:25:53 +01:00
parent ff2a561c7e
commit 2c6aabcde7
8 changed files with 684 additions and 1299 deletions

File diff suppressed because it is too large Load Diff

View File

@@ -239,16 +239,21 @@ doc-subtab: button
<h4 class="subtitle">Disabled</h4>
{% capture button_disabled_example %}
<a class="button is-disabled">Disabled</a>
<a class="button is-primary is-disabled">Disabled</a>
<a class="button is-info is-disabled">Disabled</a>
<a class="button is-success is-disabled">Disabled</a>
<a class="button is-warning is-disabled">Disabled</a>
<a class="button is-danger is-disabled">Disabled</a>
<a class="button" title="Disabled button" disabled>Disabled</a>
<a class="button is-primary" title="Disabled button" disabled>Disabled</a>
<a class="button is-info" title="Disabled button" disabled>Disabled</a>
<a class="button is-success" title="Disabled button" disabled>Disabled</a>
<a class="button is-warning" title="Disabled button" disabled>Disabled</a>
<a class="button is-danger" title="Disabled button" disabled>Disabled</a>
{% endcapture %}
<div class="columns">
<div class="column">
{{button_disabled_example}}
<div class="block">{{button_disabled_example}}</div>
<div class="message is-danger">
<div class="message-body">
<p>The <code>is-disabled</code> CSS class has been deprecated in favor of the <code>disabled</code> HTML attribute. <a href="https://github.com/jgthms/bulma/issues/276">Learn more</a></p>
</div>
</div>
</div>
<div class="column">
{% highlight html %}