js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: support variable height elements inside <sl-button>

Browse Source
This commit is contained in:
Konnor Rogers
2023-04-28 22:31:42 -04:00
committed by GitHub
parent 5ada0a7093
commit fc06de7b11
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/button/button.styles.ts
View File

@@ -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);
}