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

Tidy up

Browse Source
This commit is contained in:
Lea Verou
2024-12-17 04:31:46 -05:00
parent d9b8fc6806
commit ef4cbd915d
2 changed files with 5 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/tag/tag.css
View File

@@ -1,4 +1,9 @@
:host {
--size-s: var(--wa-font-size-xs);
--size-m: var(--wa-font-size-s);
--size-l: var(--wa-font-size-m);
--form-control-height: calc(var(--space-smaller) * 2 + 1em * var(--wa-form-control-value-line-height));
display: inline-flex;
border-radius: var(--wa-border-radius-s);
align-items: center;
@@ -11,10 +16,6 @@
white-space: nowrap;
user-select: none;
-webkit-user-select: none;
--size-s: var(--wa-font-size-xs);
--size-m: var(--wa-font-size-s);
--size-l: var(--wa-font-size-m);
--form-control-height: calc(var(--space-smaller) * 2 + 1em * var(--wa-form-control-value-line-height));
height: calc(var(--form-control-height) * 0.8);
line-height: calc(var(--form-control-height) - var(--wa-form-control-border-width) * 2);
padding: 0 var(--space-smaller);

7
src/components/tag/tag.ts
View File

@@ -24,13 +24,6 @@ import styles from './tag.css';
* @csspart content - The tag's content.
* @csspart remove-button - The tag's remove button, an `<wa-icon-button>`.
* @csspart remove-button__base - The remove button's exported `base` part.
*
* @cssproperty --background-color - The tag's background color.
* @cssproperty --border-color - The color of the tag's border.
* @cssproperty --border-radius - The radius of the tag's corners.
* @cssproperty --border-style - The style of the tag's border.
* @cssproperty --border-width - The width of the tag's border.
* @cssproperty --content-color - The color of the tag's content.
*/
@customElement('wa-tag')
export default class WaTag extends WebAwesomeElement {