From 5b896e00e216b33ae5982a815fae76930dfd2617 Mon Sep 17 00:00:00 2001 From: Shawn Allen Date: Tue, 22 Jan 2019 14:50:20 -0800 Subject: [PATCH] BREAKING CHANGE: remove BtnGroup-form references --- modules/primer-buttons/lib/button-group.scss | 13 ++++--------- 1 file changed, 4 insertions(+), 9 deletions(-) diff --git a/modules/primer-buttons/lib/button-group.scss b/modules/primer-buttons/lib/button-group.scss index 4ac587a1fc..0e474b346f 100644 --- a/modules/primer-buttons/lib/button-group.scss +++ b/modules/primer-buttons/lib/button-group.scss @@ -2,7 +2,6 @@ // // 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. -@warn ".BtnGroup-form will be deprecated in version 11. Use .BtnGroup-parent instead."; .BtnGroup { display: inline-block; @@ -40,15 +39,13 @@ border-right-width: $border-width; + .BtnGroup-item, - + .BtnGroup-parent .BtnGroup-item, - + .BtnGroup-form .BtnGroup-item { + + .BtnGroup-parent .BtnGroup-item { border-left-width: 0; } } } -.BtnGroup-parent, -.BtnGroup-form { +.BtnGroup-parent { float: left; &:first-child .BtnGroup-item { @@ -76,8 +73,7 @@ } + .BtnGroup-item, - + .BtnGroup-parent .BtnGroup-item, - + .BtnGroup-form .BtnGroup-item { + + .BtnGroup-parent .BtnGroup-item { border-left-width: 0; } } @@ -85,8 +81,7 @@ // ensure that the focus ring sits above the adjacent buttons .BtnGroup-item, -.BtnGroup-parent, -.BtnGroup-form { +.BtnGroup-parent { &:focus, &:active { z-index: 1;