feat(theme): add card text line height variable (#496)

piitaya · May 17, 2022 · 54dcc28 · 54dcc28
1 parent 766218c
commit 54dcc28
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/src/shared/state-info.ts b/src/shared/state-info.ts
@@ -34,6 +34,7 @@ export class StateItem extends LitElement {
             .primary {
                 font-weight: var(--card-primary-font-weight);
                 font-size: var(--card-primary-font-size);
+                line-height: var(--card-primary-line-height);
                 color: var(--primary-text-color);
                 text-overflow: ellipsis;
                 overflow: hidden;
@@ -42,6 +43,7 @@ export class StateItem extends LitElement {
             .secondary {
                 font-weight: var(--card-secondary-font-weight);
                 font-size: var(--card-secondary-font-size);
+                line-height: var(--card-secondary-line-height);
                 color: var(--secondary-text-color);
                 text-overflow: ellipsis;
                 overflow: hidden;

diff --git a/src/utils/theme.ts b/src/utils/theme.ts
@@ -18,6 +18,8 @@ export const themeVariables = css`
     --card-secondary-font-size: var(--mush-card-secondary-font-size, 12px);
     --card-primary-font-weight: var(--mush-card-primary-font-weight, bold);
     --card-secondary-font-weight: var(--mush-card-secondary-font-weight, bolder);
+    --card-primary-line-height: var(--mush-card-primary-line-height, 1.5);
+    --card-secondary-line-height: var(--mush-card-secondary-line-height, 1.5);
 
     /* Chips */
     --chip-spacing: var(--mush-chip-spacing, 8px);