summaryrefslogtreecommitdiffstats
path: root/assets/sass/@primer/css/buttons/button-group.scss
diff options
context:
space:
mode:
Diffstat (limited to 'assets/sass/@primer/css/buttons/button-group.scss')
-rw-r--r--assets/sass/@primer/css/buttons/button-group.scss91
1 files changed, 0 insertions, 91 deletions
diff --git a/assets/sass/@primer/css/buttons/button-group.scss b/assets/sass/@primer/css/buttons/button-group.scss
deleted file mode 100644
index 429fad9..0000000
--- a/assets/sass/@primer/css/buttons/button-group.scss
+++ /dev/null
@@ -1,91 +0,0 @@
-// Button group
-//
-// 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.
-
-.BtnGroup {
- display: inline-block;
- vertical-align: middle;
- @include clearfix();
-
- // Proper spacing for multiple button groups (a la, gollum editor)
- + .BtnGroup,
- + .btn {
- margin-left: $spacer-1;
- }
-}
-
-.BtnGroup-item {
- position: relative;
- float: left;
- border-right-width: 0;
- border-radius: 0;
-
- &:first-child {
- border-top-left-radius: $border-radius;
- border-bottom-left-radius: $border-radius;
- }
-
- &:last-child {
- border-right-width: $border-width;
- border-top-right-radius: $border-radius;
- border-bottom-right-radius: $border-radius;
- }
-
- &.selected,
- &[aria-selected=true],
- &:focus,
- &:active,
- &:hover {
- border-right-width: $border-width;
-
- + .BtnGroup-item,
- + .BtnGroup-parent .BtnGroup-item {
- border-left-width: 0;
- }
- }
-}
-
-.BtnGroup-parent {
- float: left;
-
- &:first-child .BtnGroup-item {
- border-top-left-radius: $border-radius;
- border-bottom-left-radius: $border-radius;
- }
-
- &:last-child .BtnGroup-item {
- border-right-width: $border-width;
- border-top-right-radius: $border-radius;
- border-bottom-right-radius: $border-radius;
- }
-
- .BtnGroup-item {
- border-right-width: 0;
- border-radius: 0;
- }
-
- &.selected,
- &[aria-selected=true],
- &:focus,
- &:active,
- &:hover {
- .BtnGroup-item {
- border-right-width: $border-width;
- }
-
- + .BtnGroup-item,
- + .BtnGroup-parent .BtnGroup-item {
- border-left-width: 0;
- }
- }
-}
-
-// ensure that the focus ring sits above the adjacent buttons
-.BtnGroup-item,
-.BtnGroup-parent {
- &:focus,
- &:active {
- z-index: 1;
- }
-}