From acce8eb146cd77e381c92e117fd4d144c769a876 Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Tue, 20 Sep 2022 10:19:35 -0400 Subject: [PATCH] increase badge padding --- docs/resources/changelog.md | 4 ++++ src/components/badge/badge.styles.ts | 2 +- 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/docs/resources/changelog.md b/docs/resources/changelog.md index 2aea0763d..81bcece5a 100644 --- a/docs/resources/changelog.md +++ b/docs/resources/changelog.md @@ -8,6 +8,10 @@ New versions of Shoelace are released as-needed and generally occur when a criti _During the beta period, these restrictions may be relaxed in the event of a mission-critical bug._ 🐛 +## Next + +- Increased the default padding for `` so it's not as tight and scales better with font size + ## 2.0.0-beta.83 This release removes the `` component. When this component was introduced, support for [`aspect-radio`](https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio)) wasn't great. These days, [the property is supported](https://caniuse.com/mdn-css_properties_aspect-ratio) by all of Shoelace's target browsers, making a dedicated component redundant. diff --git a/src/components/badge/badge.styles.ts b/src/components/badge/badge.styles.ts index 9279e6ff0..fd039bed0 100644 --- a/src/components/badge/badge.styles.ts +++ b/src/components/badge/badge.styles.ts @@ -19,7 +19,7 @@ export default css` border-radius: var(--sl-border-radius-small); border: solid 1px var(--sl-color-neutral-0); white-space: nowrap; - padding: 3px 6px; + padding: 0.35em 0.6em; user-select: none; cursor: inherit; }