Skip to content

Commit 269b02f

Browse files
langermankkeithamus
andauthoredSep 5, 2024··
Label padding updates to match PRC (#3058)
Co-authored-by: langermank <langermank@users.noreply.github.com> Co-authored-by: Keith Cirkel <keithamus@users.noreply.github.com>
1 parent 14602d0 commit 269b02f

File tree

30 files changed

+8
-4
lines changed

30 files changed

+8
-4
lines changed
 

‎.changeset/old-starfishes-sell.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@primer/view-components": patch
3+
---
4+
5+
`Label` padding updates to match PRC

Error rendering embedded code

Invalid image source.

Error rendering embedded code

Invalid image source.

Error rendering embedded code

Invalid image source.

Error rendering embedded code

Invalid image source.

Error rendering embedded code

Invalid image source.

Error rendering embedded code

Invalid image source.

Error rendering embedded code

Invalid image source.

Error rendering embedded code

Invalid image source.

Error rendering embedded code

Invalid image source.

Error rendering embedded code

Invalid image source.

Error rendering embedded code

Invalid image source.

Error rendering embedded code

Invalid image source.

Error rendering embedded code

Invalid image source.

Error rendering embedded code

Invalid image source.

Error rendering embedded code

Invalid image source.

Error rendering embedded code

Invalid image source.

Error rendering embedded code

Invalid image source.

Error rendering embedded code

Invalid image source.

Error rendering embedded code

Invalid image source.

Error rendering embedded code

Invalid image source.

Error rendering embedded code

Invalid image source.

Error rendering embedded code

Invalid image source.

Error rendering embedded code

Invalid image source.

Error rendering embedded code

Invalid image source.

Error rendering embedded code

Invalid image source.

Error rendering embedded code

Invalid image source.

Error rendering embedded code

Invalid image source.

Error rendering embedded code

Invalid image source.

‎app/components/primer/beta/label.pcss

+3-4
Original file line numberDiff line numberDiff line change
@@ -10,13 +10,13 @@
1010
.label, /* TODO: Deprecate */
1111
.Label {
1212
display: inline-block;
13-
padding: 0 7px;
13+
padding: 0 var(--base-size-6);
1414
font-size: var(--text-body-size-small);
1515
font-weight: var(--base-text-weight-medium);
1616
line-height: 18px;
1717
white-space: nowrap;
1818
border: var(--borderWidth-thin) solid var(--borderColor-default);
19-
border-radius: 2em;
19+
border-radius: var(--borderRadius-full);
2020

2121
&:hover {
2222
text-decoration: none;
@@ -26,8 +26,7 @@
2626
/* Large 24px */
2727

2828
.Label--large {
29-
padding-right: 10px;
30-
padding-left: 10px;
29+
padding: 0 var(--base-size-8);
3130
line-height: 22px;
3231
}
3332

0 commit comments

Comments
 (0)
Please sign in to comment.