mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-17 19:21:23 +03:00
fixes #18425 by using vars for 1px borders
This commit is contained in:
@@ -91,7 +91,7 @@
|
||||
color: $input-color;
|
||||
text-align: center;
|
||||
background-color: $input-group-addon-bg;
|
||||
border: 1px solid $input-group-addon-border-color;
|
||||
border: $input-border-width solid $input-group-addon-border-color;
|
||||
@include border-radius($border-radius);
|
||||
|
||||
// Sizing
|
||||
@@ -160,7 +160,7 @@
|
||||
> .btn {
|
||||
position: relative;
|
||||
+ .btn {
|
||||
margin-left: -1px;
|
||||
margin-left: (-$btn-border-width);
|
||||
}
|
||||
// Bring the "active" button to the front
|
||||
@include hover-focus-active {
|
||||
@@ -168,18 +168,18 @@
|
||||
}
|
||||
}
|
||||
|
||||
// Negative margin to only have a 1px border between the two
|
||||
// Negative margin to only have a single, shared border between the two
|
||||
&:first-child {
|
||||
> .btn,
|
||||
> .btn-group {
|
||||
margin-right: -1px;
|
||||
margin-right: (-$btn-border-width);
|
||||
}
|
||||
}
|
||||
&:last-child {
|
||||
> .btn,
|
||||
> .btn-group {
|
||||
z-index: 2;
|
||||
margin-left: -1px;
|
||||
margin-left: (-$btn-border-width);
|
||||
// Because specificity
|
||||
@include hover-focus-active {
|
||||
z-index: 3;
|
||||
|
||||
Reference in New Issue
Block a user