Remove trailing margin from HTML elements within markdown tables (#2365)

* Remove trailing margin from last-child within a markdown table cell * Add changeset * Move new styles to table-specific file * Disable `selector-max-compound-selectors` stylelint Co-authored-by: simurai <simurai@github.com>
primer · Jan 24, 2023 · 4b94fbb · 4b94fbb
1 parent 872a578
commit 4b94fbb
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/.changeset/hot-parrots-shave.md b/.changeset/hot-parrots-shave.md
@@ -0,0 +1,5 @@
+---
+'@primer/css': patch
+---
+
+Remove trailing margin from last-child within a markdown table cell
diff --git a/src/markdown/tables.scss b/src/markdown/tables.scss
@@ -1,5 +1,5 @@
 // Needs refactoring
-// stylelint-disable selector-max-type
+// stylelint-disable selector-max-type, selector-max-compound-selectors
 .markdown-body {
   // Tables
   table {
@@ -20,6 +20,12 @@
       border: $border-width $border-style var(--color-border-default);
     }
 
+    td {
+      > :last-child {
+        margin-bottom: 0;
+      }
+    }
+
     tr {
       background-color: var(--color-canvas-default);
       border-top: $border-width $border-style var(--color-border-muted);