primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-09-20 13:17:29 +03:00
Code Issues Projects Releases Wiki Activity

Merge pull request #90 from primer/btn_group_options

Browse Source 
.btn and .button_to spacing in .btn-group
This commit is contained in:
Mark Otto 2015-04-15 14:02:18 -07:00
commit 111e4d27f7
2 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
docs/buttons.md
View File

@ -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.

2
scss/_buttons.scss
View File

@ -343,6 +343,8 @@
}
}
.btn + .button_to,
.button_to + .btn,
.button_to + .button_to {
margin-left: -1px;
}