RenderedHtml: Use fluid space scale

Turbo87 · Turbo87 · commit 50c44a2761e1 · 2022-10-21T23:00:56.000+02:00
diff --git a/app/components/rendered-html.module.css b/app/components/rendered-html.module.css
@@ -18,20 +18,20 @@
         code {
             display: block;
             overflow-x: auto;
-            padding: 1em;
+            padding: var(--space-s);
             background-color: #f6f8fa;
             font-size: 85%;
-            border-radius: 6px;
+            border-radius: var(--space-3xs);
         }
     }
 
     p, li {
         code {
             background-color: #f6f8fa;
-            border-radius: 6px;
+            border-radius: var(--space-3xs);
             font-size: 85%;
             margin: 0;
-            padding: .2em .4em;
+            padding: var(--space-4xs) var(--space-3xs);
         }
     }
 
@@ -46,7 +46,7 @@
 
         th, td {
             border: 1px solid #dfe2e5;
-            padding: 6px 13px;
+            padding: var(--space-2xs) var(--space-s);
         }
     }
 }

Original file line number	Diff line number	Diff line change
`@@ -18,20 +18,20 @@`
`18`	`18`	`code {`
`19`	`19`	`display: block;`
`20`	`20`	`overflow-x: auto;`
`21`		`- padding: 1em;`
	`21`	`+ padding: var(--space-s);`
`22`	`22`	`background-color: #f6f8fa;`
`23`	`23`	`font-size: 85%;`
`24`		`- border-radius: 6px;`
	`24`	`+ border-radius: var(--space-3xs);`
`25`	`25`	`}`
`26`	`26`	`}`
`27`	`27`
`28`	`28`	`p, li {`
`29`	`29`	`code {`
`30`	`30`	`background-color: #f6f8fa;`
`31`		`- border-radius: 6px;`
	`31`	`+ border-radius: var(--space-3xs);`
`32`	`32`	`font-size: 85%;`
`33`	`33`	`margin: 0;`
`34`		`- padding: .2em .4em;`
	`34`	`+ padding: var(--space-4xs) var(--space-3xs);`
`35`	`35`	`}`
`36`	`36`	`}`
`37`	`37`
`@@ -46,7 +46,7 @@`
`46`	`46`
`47`	`47`	`th, td {`
`48`	`48`	`border: 1px solid #dfe2e5;`
`49`		`- padding: 6px 13px;`
	`49`	`+ padding: var(--space-2xs) var(--space-s);`
`50`	`50`	`}`
`51`	`51`	`}`
`52`	`52`	`}`