Skip to content

Commit 7e2622f

Browse files
authored
Use control border on default btn in an input group (#2520)
* use control border on btn in group * Create mean-kangaroos-burn.md
1 parent 7c75006 commit 7e2622f

File tree

2 files changed

+15
-0
lines changed

2 files changed

+15
-0
lines changed

.changeset/mean-kangaroos-burn.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@primer/css": patch
3+
---
4+
5+
Use `control` border on default btn in an input group

src/forms/input-group.scss

+10
Original file line numberDiff line numberDiff line change
@@ -54,6 +54,11 @@
5454
border-bottom-right-radius: 0;
5555
}
5656

57+
.input-group .form-control:first-child,
58+
.input-group-button:first-child .btn:not(.btn-primary) {
59+
border-color: var(--control-borderColor-rest, var(--color-border-default));
60+
}
61+
5762
.input-group-button:first-child .btn {
5863
// stylelint-disable-next-line primer/spacing
5964
margin-right: -1px;
@@ -65,6 +70,11 @@
6570
border-bottom-left-radius: 0;
6671
}
6772

73+
.input-group .form-control:last-child,
74+
.input-group-button:last-child .btn:not(.btn-primary) {
75+
border-color: var(--control-borderColor-rest, var(--color-border-default));
76+
}
77+
6878
.input-group-button:last-child .btn {
6979
// stylelint-disable-next-line primer/spacing
7080
margin-left: -1px;

0 commit comments

Comments
 (0)