use rem consistently in tabs.css

rosieyohannan · rosieyohannan · commit 1cf2e0320e5d · 2025-11-13T15:10:26.000Z
diff --git a/ui/src/css/tabs.css b/ui/src/css/tabs.css
@@ -1,6 +1,6 @@
 /*! Asciidoctor Tabs | Copyright (c) 2018-present Dan Allen | MIT License */
 .tabs {
-  margin-bottom: 1.25em;
+  margin-bottom: 1.25rem;
 }
 
 .tablist > ul {
@@ -19,8 +19,8 @@
   display: flex;
   font-weight: 400;
   line-height: 1.5;
-  padding: 1em 1px;
-  margin-right: 1.5em;
+  padding: 1rem 1px;
+  margin-right: 1.5rem;
   position: relative;
 }
 
@@ -42,7 +42,7 @@
 }
 
 .tablist.ulist > ul li {
-  margin: 0 1.5em 0 0;
+  margin: 0 1.5rem 0 0;
 }
 
 /* Disabled to allow borders to show
@@ -80,7 +80,7 @@
 
 .tabpanel {
   background-color: #fff;
-  padding: 2.5em 0 1.25em 0;
+  padding: calc(40 / var(--rem-base) * 1rem) 0 calc(20 / var(--rem-base) * 1rem) 0;
 }
 
 .tabs.is-loading .tabpanel + .tabpanel,
@@ -104,7 +104,7 @@
 }
 
 #content .tablecontainer {
-  margin-bottom: 1.25em;
+  margin-bottom: 1.25rem;
 }
 
 #content .tablecontainer > table.tableblock {

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`/! Asciidoctor Tabs \| Copyright (c) 2018-present Dan Allen \| MIT License /`
`2`	`2`	`.tabs {`
`3`		`- margin-bottom: 1.25em;`
	`3`	`+ margin-bottom: 1.25rem;`
`4`	`4`	`}`
`5`	`5`
`6`	`6`	`.tablist > ul {`
`@@ -19,8 +19,8 @@`
`19`	`19`	`display: flex;`
`20`	`20`	`font-weight: 400;`
`21`	`21`	`line-height: 1.5;`
`22`		`- padding: 1em 1px;`
`23`		`- margin-right: 1.5em;`
	`22`	`+ padding: 1rem 1px;`
	`23`	`+ margin-right: 1.5rem;`
`24`	`24`	`position: relative;`
`25`	`25`	`}`
`26`	`26`
`@@ -42,7 +42,7 @@`
`42`	`42`	`}`
`43`	`43`
`44`	`44`	`.tablist.ulist > ul li {`
`45`		`- margin: 0 1.5em 0 0;`
	`45`	`+ margin: 0 1.5rem 0 0;`
`46`	`46`	`}`
`47`	`47`
`48`	`48`	`/* Disabled to allow borders to show`
`@@ -80,7 +80,7 @@`
`80`	`80`
`81`	`81`	`.tabpanel {`
`82`	`82`	`background-color: #fff;`
`83`		`- padding: 2.5em 0 1.25em 0;`
	`83`	`+ padding: calc(40 / var(--rem-base) * 1rem) 0 calc(20 / var(--rem-base) * 1rem) 0;`
`84`	`84`	`}`
`85`	`85`
`86`	`86`	`.tabs.is-loading .tabpanel + .tabpanel,`
`@@ -104,7 +104,7 @@`
`104`	`104`	`}`
`105`	`105`
`106`	`106`	`#content .tablecontainer {`
`107`		`- margin-bottom: 1.25em;`
	`107`	`+ margin-bottom: 1.25rem;`
`108`	`108`	`}`
`109`	`109`
`110`	`110`	`#content .tablecontainer > table.tableblock {`