primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-11-25 18:26:14 +03:00
Code Issues Projects Releases Wiki Activity

Use control border on default btn in an input group (#2520)

Browse Source 
* use control border on btn in group

* Create mean-kangaroos-burn.md
This commit is contained in:
Katie Langerman 2023-09-12 13:16:34 -07:00 committed by GitHub
parent 7c75006288
commit 7e2622fe96
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/mean-kangaroos-burn.md Normal file
View File

@ -0,0 +1,5 @@
---
"@primer/css": patch
---
Use `control` border on default btn in an input group

10
src/forms/input-group.scss
View File

@ -54,6 +54,11 @@
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
} }
.input-group .form-control:first-child,
.input-group-button:first-child .btn:not(.btn-primary) {
border-color: var(--control-borderColor-rest, var(--color-border-default));
}
.input-group-button:first-child .btn { .input-group-button:first-child .btn {
// stylelint-disable-next-line primer/spacing // stylelint-disable-next-line primer/spacing
margin-right: -1px; margin-right: -1px;
@ -65,6 +70,11 @@
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }
.input-group .form-control:last-child,
.input-group-button:last-child .btn:not(.btn-primary) {
border-color: var(--control-borderColor-rest, var(--color-border-default));
}
.input-group-button:last-child .btn { .input-group-button:last-child .btn {
// stylelint-disable-next-line primer/spacing // stylelint-disable-next-line primer/spacing
margin-left: -1px; margin-left: -1px;