From b4badae86729f8b7492fbd6f73a0674d7f9e4031 Mon Sep 17 00:00:00 2001 From: Konnor Rogers Date: Fri, 28 Apr 2023 22:31:42 -0400 Subject: [PATCH] feat: support variable height elements inside --- src/components/button/button.styles.ts | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/components/button/button.styles.ts b/src/components/button/button.styles.ts index e48d52293..7886f7fa1 100644 --- a/src/components/button/button.styles.ts +++ b/src/components/button/button.styles.ts @@ -344,21 +344,24 @@ export default css` .button--small { font-size: var(--sl-button-font-size-small); - height: var(--sl-input-height-small); + height: auto; + min-height: var(--sl-input-height-small); line-height: calc(var(--sl-input-height-small) - var(--sl-input-border-width) * 2); border-radius: var(--sl-input-border-radius-small); } .button--medium { font-size: var(--sl-button-font-size-medium); - height: var(--sl-input-height-medium); + min-height: var(--sl-input-height-medium); + height: auto; line-height: calc(var(--sl-input-height-medium) - var(--sl-input-border-width) * 2); border-radius: var(--sl-input-border-radius-medium); } .button--large { font-size: var(--sl-button-font-size-large); - height: var(--sl-input-height-large); + min-height: var(--sl-input-height-large); + height: auto; line-height: calc(var(--sl-input-height-large) - var(--sl-input-border-width) * 2); border-radius: var(--sl-input-border-radius-large); }