1
1
mirror of https://github.com/primer/css.git synced 2025-01-07 14:58:54 +03:00

Merge pull request #657 from primer/remove-btngroup-form

Remove `BtnGroup-form` class
This commit is contained in:
Shawn Allen 2019-01-22 15:08:02 -08:00 committed by GitHub
commit fbc5fb3f80
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -2,7 +2,6 @@
// //
// A button group is a series of buttons laid out next to each other, all part // A button group is a series of buttons laid out next to each other, all part
// of one visual button, but separated by rules to be separate. // of one visual button, but separated by rules to be separate.
@warn ".BtnGroup-form will be deprecated in version 11. Use .BtnGroup-parent instead.";
.BtnGroup { .BtnGroup {
display: inline-block; display: inline-block;
@ -40,15 +39,13 @@
border-right-width: $border-width; border-right-width: $border-width;
+ .BtnGroup-item, + .BtnGroup-item,
+ .BtnGroup-parent .BtnGroup-item, + .BtnGroup-parent .BtnGroup-item {
+ .BtnGroup-form .BtnGroup-item {
border-left-width: 0; border-left-width: 0;
} }
} }
} }
.BtnGroup-parent, .BtnGroup-parent {
.BtnGroup-form {
float: left; float: left;
&:first-child .BtnGroup-item { &:first-child .BtnGroup-item {
@ -76,8 +73,7 @@
} }
+ .BtnGroup-item, + .BtnGroup-item,
+ .BtnGroup-parent .BtnGroup-item, + .BtnGroup-parent .BtnGroup-item {
+ .BtnGroup-form .BtnGroup-item {
border-left-width: 0; border-left-width: 0;
} }
} }
@ -85,8 +81,7 @@
// ensure that the focus ring sits above the adjacent buttons // ensure that the focus ring sits above the adjacent buttons
.BtnGroup-item, .BtnGroup-item,
.BtnGroup-parent, .BtnGroup-parent {
.BtnGroup-form {
&:focus, &:focus,
&:active { &:active {
z-index: 1; z-index: 1;