|
14 | 14 | // Bring the hover, focused, and "active" buttons to the front to overlay |
15 | 15 | // the borders properly |
16 | 16 | @include hover { |
17 | | - z-index: 2; |
| 17 | + z-index: 1; |
18 | 18 | } |
19 | 19 | &:focus, |
20 | 20 | &:active, |
21 | 21 | &.active { |
22 | | - z-index: 2; |
| 22 | + z-index: 1; |
23 | 23 | } |
24 | 24 | } |
25 | 25 |
|
|
43 | 43 | } |
44 | 44 | } |
45 | 45 |
|
46 | | -.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { |
47 | | - border-radius: 0; |
48 | | -} |
| 46 | +.btn-group { |
| 47 | + > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { |
| 48 | + border-radius: 0; |
| 49 | + } |
49 | 50 |
|
50 | | -// Set corners individual because sometimes a single button can be in a .btn-group |
51 | | -// and we need :first-child and :last-child to both match |
52 | | -.btn-group > .btn:first-child { |
53 | | - margin-left: 0; |
| 51 | + // Set corners individual because sometimes a single button can be in a .btn-group |
| 52 | + // and we need :first-child and :last-child to both match |
| 53 | + > .btn:first-child { |
| 54 | + margin-left: 0; |
54 | 55 |
|
55 | | - &:not(:last-child):not(.dropdown-toggle) { |
56 | | - @include border-right-radius(0); |
| 56 | + &:not(:last-child):not(.dropdown-toggle) { |
| 57 | + @include border-right-radius(0); |
| 58 | + } |
57 | 59 | } |
58 | | -} |
59 | | -// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu |
60 | | -// immediately after it |
61 | | -.btn-group > .btn:last-child:not(:first-child), |
62 | | -.btn-group > .dropdown-toggle:not(:first-child) { |
63 | | - @include border-left-radius(0); |
64 | | -} |
65 | 60 |
|
66 | | -// Custom edits for including btn-groups within btn-groups (useful for including |
67 | | -// dropdown buttons within a btn-group) |
68 | | -.btn-group > .btn-group { |
69 | | - float: left; |
70 | | -} |
71 | 61 |
|
72 | | -.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { |
73 | | - border-radius: 0; |
74 | | -} |
| 62 | + // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu |
| 63 | + // immediately after it |
| 64 | + > .btn:last-child:not(:first-child), |
| 65 | + > .dropdown-toggle:not(:first-child) { |
| 66 | + @include border-left-radius(0); |
| 67 | + } |
75 | 68 |
|
76 | | -.btn-group > .btn-group:first-child:not(:last-child) { |
77 | | - > .btn:last-child, |
78 | | - > .dropdown-toggle { |
79 | | - @include border-right-radius(0); |
| 69 | + // Custom edits for including btn-groups within btn-groups (useful for including |
| 70 | + // dropdown buttons within a btn-group) |
| 71 | + > .btn-group { |
| 72 | + float: left; |
80 | 73 | } |
81 | | -} |
82 | 74 |
|
83 | | -.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { |
84 | | - @include border-left-radius(0); |
85 | | -} |
| 75 | + > .btn-group:not(:first-child):not(:last-child) > .btn { |
| 76 | + border-radius: 0; |
| 77 | + } |
| 78 | + |
| 79 | + > .btn-group:first-child:not(:last-child) { |
| 80 | + > .btn:last-child, |
| 81 | + > .dropdown-toggle { |
| 82 | + @include border-right-radius(0); |
| 83 | + } |
| 84 | + } |
86 | 85 |
|
| 86 | + > .btn-group:last-child:not(:first-child) > .btn:first-child { |
| 87 | + @include border-left-radius(0); |
| 88 | + } |
| 89 | +} |
87 | 90 |
|
88 | 91 | // Sizing |
89 | 92 | // |
|
197 | 200 | [data-toggle="buttons"] { |
198 | 201 | > .btn, |
199 | 202 | > .btn-group > .btn { |
| 203 | + margin-bottom: 0; // Override default `<label>` value |
| 204 | + |
200 | 205 | input[type="radio"], |
201 | 206 | input[type="checkbox"] { |
202 | 207 | position: absolute; |
203 | | - clip: rect(0,0,0,0); |
| 208 | + clip: rect(0, 0, 0, 0); |
204 | 209 | pointer-events: none; |
205 | 210 | } |
206 | 211 | } |
|
0 commit comments