fix(next-release/main): update basic markdown table styling (#6280)

* add simple table styling * move to tables stylesheet --------- Co-authored-by: Rene Brandel <[email protected]>
aws-amplify · Nov 9, 2023 · 1400db0 · 1400db0
1 parent 54d11a8
commit 1400db0
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/src/styles/table.scss b/src/styles/table.scss
@@ -1,3 +1,27 @@
+/* Basic styling for generic markdown tables which don't currently
+ * use Amplify UI primitives/classNames */
+table:not([class]) {
+  border-collapse: collapse;
+  th {
+    border-top: 1px solid var(--amplify-colors-border-secondary);
+  }
+  td,
+  th {
+    border-bottom: 1px solid var(--amplify-colors-border-secondary);
+    padding: var(--amplify-space-xs) var(--amplify-space-small);
+    border-right: 1px solid var(--amplify-colors-border-secondary);
+    &:first-child {
+      border-left: 1px solid var(--amplify-colors-border-secondary);
+    }
+  }
+  tbody {
+    tr:hover {
+      background-color: var(--amplify-colors-neutral-10);
+    }
+  }
+}
+
+/* These styles are used in the FeatureFlags component */
 .amplify-table {
   &__th {
     background-color: var(--amplify-colors-neutral-90);