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

Fix #607

Browse Source
This commit is contained in:
Jeremy Thomas
2017-04-02 14:03:52 +01:00
parent 15122898b5
commit ab6bf8e177
4 changed files with 52 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2274,20 +2274,38 @@ input[type="submit"].button {
border-radius: 0;
}
.field.has-addons .control .button:hover,
.field.has-addons .control .button:hover, .field.has-addons .control .button.is-hovered,
.field.has-addons .control .input:hover,
.field.has-addons .control .select select:hover {
.field.has-addons .control .input.is-hovered,
.field.has-addons .control .select select:hover,
.field.has-addons .control .select select.is-hovered {
z-index: 2;
}
.field.has-addons .control .button:focus, .field.has-addons .control .button:active,
.field.has-addons .control .button:focus, .field.has-addons .control .button.is-focused, .field.has-addons .control .button:active, .field.has-addons .control .button.is-active,
.field.has-addons .control .input:focus,
.field.has-addons .control .input.is-focused,
.field.has-addons .control .input:active,
.field.has-addons .control .input.is-active,
.field.has-addons .control .select select:focus,
.field.has-addons .control .select select:active {
.field.has-addons .control .select select.is-focused,
.field.has-addons .control .select select:active,
.field.has-addons .control .select select.is-active {
z-index: 3;
}
.field.has-addons .control .button:focus:hover, .field.has-addons .control .button.is-focused:hover, .field.has-addons .control .button:active:hover, .field.has-addons .control .button.is-active:hover,
.field.has-addons .control .input:focus:hover,
.field.has-addons .control .input.is-focused:hover,
.field.has-addons .control .input:active:hover,
.field.has-addons .control .input.is-active:hover,
.field.has-addons .control .select select:focus:hover,
.field.has-addons .control .select select.is-focused:hover,
.field.has-addons .control .select select:active:hover,
.field.has-addons .control .select select.is-active:hover {
z-index: 4;
}
.field.has-addons .control.is-expanded {
-webkit-box-flex: 1;
-ms-flex-positive: 1;

22
docs/documentation/elements/button.html
View File

@@ -505,6 +505,28 @@ doc-subtab: button
<p>You can group together addons as well:</p>
</div>
{% capture button_group_addons_example %}
<div class="field has-addons">
<p class="control">
<a class="button is-active">
<span>Foo</span>
</a>
</p>
<p class="control">
<a class="button">
<span>Bar</span>
</a>
</p>
<p class="control">
<a class="button is-active">
<span>Lorem</span>
</a>
</p>
<p class="control">
<a class="button">
<span>Ipsum</span>
</a>
</p>
</div>
<div class="field has-addons">
<p class="control">
<a class="button">