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

fix tag height/spacing

Browse Source
This commit is contained in:
Cory LaViska
2023-09-12 12:32:28 -04:00
parent 97bd88f904
commit e82b076981
1 changed files with 25 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/tag/tag.styles.ts
View File

@@ -98,8 +98,32 @@ export default css`
padding: var(--wa-space-2xs) var(--wa-space-xs);
}
.tag--small {
font-size: var(--wa-font-size-s);
height: calc(var(--wa-form-controls-height-s) * 0.8);
line-height: calc(var(--wa-form-controls-height-s) - var(--wa-form-controls-border-width) * 2);
border-radius: var(--wa-corners-1x);
padding: 0 var(--wa-space-xs);
}
.tag--medium {
font-size: var(--wa-font-size-m);
height: calc(var(--wa-form-controls-height-m) * 0.8);
line-height: calc(var(--wa-form-controls-height-m) - var(--wa-form-controls-border-width) * 2);
border-radius: var(--wa-corners-1x);
padding: 0 var(--wa-space-s);
}
.tag--large {
font-size: var(--wa-font-size-l);
height: calc(var(--wa-form-controls-height-l) * 0.8);
line-height: calc(var(--wa-form-controls-height-l) - var(--wa-form-controls-border-width) * 2);
border-radius: var(--wa-corners-1x);
padding: 0 var(--wa-space-m);
}
.tag__remove {
margin-inline-start: var(--wa-space-2xs);
margin-inline-start: var(--wa-space-xs);
}
/*