Use space tokens in ha-markdown (#27664)

timmo001 · web-flow · commit d506aa23b635 · 2025-10-27T13:40:04.000+02:00
diff --git a/src/components/ha-markdown.ts b/src/components/ha-markdown.ts
@@ -50,7 +50,7 @@ export class HaMarkdown extends LitElement {
     }
     ha-alert {
       display: block;
-      margin: 4px 0;
+      margin: var(--ha-space-1) 0;
     }
     a {
       color: var(--primary-color);
@@ -75,7 +75,7 @@ export class HaMarkdown extends LitElement {
       padding: 0;
     }
     pre {
-      padding: 16px;
+      padding: var(--ha-space-4);
       overflow: auto;
       line-height: var(--ha-line-height-condensed);
       font-family: var(--ha-font-family-code);
@@ -95,7 +95,7 @@ export class HaMarkdown extends LitElement {
     hr {
       border-color: var(--divider-color);
       border-bottom: none;
-      margin: 16px 0;
+      margin: var(--ha-space-4) 0;
     }
   ` as CSSResultGroup;
 }

Original file line number	Diff line number	Diff line change
`@@ -50,7 +50,7 @@ export class HaMarkdown extends LitElement {`
`50`	`50`	`}`
`51`	`51`	`ha-alert {`
`52`	`52`	`display: block;`
`53`		`- margin: 4px 0;`
	`53`	`+ margin: var(--ha-space-1) 0;`
`54`	`54`	`}`
`55`	`55`	`a {`
`56`	`56`	`color: var(--primary-color);`
`@@ -75,7 +75,7 @@ export class HaMarkdown extends LitElement {`
`75`	`75`	`padding: 0;`
`76`	`76`	`}`
`77`	`77`	`pre {`
`78`		`- padding: 16px;`
	`78`	`+ padding: var(--ha-space-4);`
`79`	`79`	`overflow: auto;`
`80`	`80`	`line-height: var(--ha-line-height-condensed);`
`81`	`81`	`font-family: var(--ha-font-family-code);`
`@@ -95,7 +95,7 @@ export class HaMarkdown extends LitElement {`
`95`	`95`	`hr {`
`96`	`96`	`border-color: var(--divider-color);`
`97`	`97`	`border-bottom: none;`
`98`		`- margin: 16px 0;`
	`98`	`+ margin: var(--ha-space-4) 0;`
`99`	`99`	`}`
`100`	`100`	` as CSSResultGroup;
`101`	`101`	`}`