mirror of
https://github.com/primer/css.git
synced 2024-09-20 13:17:29 +03:00
Merge pull request #90 from primer/btn_group_options
.btn and .button_to spacing in .btn-group
This commit is contained in:
commit
111e4d27f7
@ -154,6 +154,20 @@ Have a hankering for a series of buttons that are attached to one another? Wrap
|
||||
</div>
|
||||
{% endexample %}
|
||||
|
||||
Add `.button_to` to `<form>`s within `.btn-group`s for proper spacing and rounded corners.
|
||||
|
||||
**Heads up!** This class name is inconsistent and will change in the next major version.
|
||||
|
||||
{% example html %}
|
||||
<div class="btn-group">
|
||||
<form class="button_to">
|
||||
<button class="btn" type="button">Button in a form</button>
|
||||
</form>
|
||||
<button class="btn" type="button">Button</button>
|
||||
<button class="btn" type="button">Button</button>
|
||||
</div>
|
||||
{% endexample %}
|
||||
|
||||
## Hidden text button
|
||||
|
||||
Use `.hidden-text-expander` to indicate and toggle hidden text.
|
||||
|
@ -343,6 +343,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
.btn + .button_to,
|
||||
.button_to + .btn,
|
||||
.button_to + .button_to {
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user