fix breaking centered text-alignment for td, th (#400)

* fix breaking centered text-alignment for td, th I noticed that :where(td,th) has text-align: left set, which messes things up when td or th has align="center" in their html tag. I fixed this issue, but I think it would be better to remove the alignment from :where(td,th) altogether, because it might also cause problems for right-to-left users. * Update src/extra/normalize.src.css --------- Co-authored-by: Adam Argyle <[email protected]>
argyleink · Sep 20, 2023 · 1f1f55e · 1f1f55e
1 parent b26d4e4
commit 1f1f55e
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/extra/normalize.src.css b/src/extra/normalize.src.css
@@ -346,6 +346,10 @@
   padding: var(--size-2);
 }
 
+:where(:is(td,th):not([align])) {
+	text-align: center;
+}
+
 :where(thead) {
   border-collapse: collapse;
 }
@@ -366,4 +370,4 @@
 :where(tfoot button) {
   padding-block: var(--size-1);
   padding-inline: var(--size-3);
-}
+}