Merge pull request #222 from pro-vision/feature/stylemark-markdown-st…

…yling feat(pv-stylemark): add styling for table and blockquote from the markdown
pro-vision · Apr 25, 2024 · b7e76e1 · b7e76e1
2 parents 2085297 + f363928
commit b7e76e1
Showing 1 changed file with 32 additions and 0 deletions.
diff --git a/packages/pv-stylemark/ui/components/dds-component/dds-component.scss b/packages/pv-stylemark/ui/components/dds-component/dds-component.scss
@@ -62,6 +62,38 @@
       }
     }
 
+    table {
+      display: block;
+      overflow: auto;
+      border-spacing: 0;
+      border-collapse: collapse;
+    }
+
+    th {
+      padding: 6px 12px;
+      border: 1px solid $dds-color__black-020;
+      font-weight: 600;
+    }
+
+    td {
+      padding: 6px 12px;
+      border: 1px solid $dds-color__black-020;
+    }
+
+    tr {
+      background-color: $dds-color__white;
+
+      &:nth-child(2n) {
+        background-color: $dds-color__black-000;
+      }
+    }
+
+    blockquote {
+      padding: 0 16px;
+      color: $dds-color__black-050;
+      border-left: 4px solid $dds-color__black-030;
+    }
+
     dds-example {
       margin: 24px 0 40px;