table style fix and added to editor styles

BenSibley · Apr 3, 2020 · 34f7977 · 34f7977
1 parent 33e7728
commit 34f7977
Show file tree

Hide file tree

Showing 7 changed files with 70 additions and 17 deletions.
diff --git a/rtl.css b/rtl.css
@@ -204,6 +204,9 @@ th {
   border-color: #E8E8E8;
 }
 
+.wp-block-table.is-style-stripes {
+  border-bottom: none;
+}
 .wp-block-table.is-style-stripes thead {
   background: none;
 }

diff --git a/rtl.min.css b/rtl.min.css
diff --git a/sass/_base.scss b/sass/_base.scss
@@ -141,6 +141,7 @@ th {
   }
 }
 .wp-block-table.is-style-stripes {
+  border-bottom: none;
 
   thead {
     background: none;

diff --git a/sass/editor-style.scss b/sass/editor-style.scss
@@ -53,7 +53,7 @@ h1,h2,h3,h4,h5,h6 {
   font-weight: 700;
 }
 h1 {
-  @extend %thirty-seven-pixels
+  @extend %thirty-seven-pixels;
 }
 h2 {
   @extend %twenty-eight-pixels;
@@ -110,19 +110,42 @@ hr {
 }
 
 /* Table styles */
-
 table {
   border-spacing: 0;
   border-collapse: collapse;
   margin: $baseline-height 0;
 }
-td {
-  padding: 0.5em 0.75em;
-  border: solid 1px black;
-}
+td,
 th {
-  padding: 0.5em 0.75em;
-  border: solid 1px black;
+  padding: $baseline-height / 2;
+  border: solid 1px $color-gray-20;
+}
+.wp-block-table {
+  margin: 0;
+
+  thead {
+    background: $color-gray-95;
+  }
+  td,
+  th {
+    border-color: $color-gray-91;
+  }
+}
+.wp-block-table.is-style-stripes {
+  border-bottom: none;
+
+  thead {
+    background: none;
+  }
+  td,
+  th {
+    border-color: $color-gray-91;
+  }
+}
+.wp-block-table figcaption {
+  @extend %twelve-pixels;
+  margin: -$baseline-height 0 $baseline-height;
+  text-align: center;
 }
 
 /* Images */

diff --git a/style.css b/style.css
@@ -204,6 +204,9 @@ th {
   border-color: #E8E8E8;
 }
 
+.wp-block-table.is-style-stripes {
+  border-bottom: none;
+}
 .wp-block-table.is-style-stripes thead {
   background: none;
 }

diff --git a/style.min.css b/style.min.css
diff --git a/styles/editor-style.css b/styles/editor-style.css
@@ -25,7 +25,7 @@ h3 {
   /* 24px */
 }
 
-.wp-caption-text {
+.wp-block-table figcaption, .wp-caption-text {
   font-size: 0.75em;
   /* 12px / 16px */
   line-height: 1.5;
@@ -135,14 +135,37 @@ table {
   margin: 1.5em 0;
 }
 
-td {
-  padding: 0.5em 0.75em;
-  border: solid 1px black;
+td,
+th {
+  padding: 0.75em;
+  border: solid 1px #333333;
 }
 
-th {
-  padding: 0.5em 0.75em;
-  border: solid 1px black;
+.wp-block-table {
+  margin: 0;
+}
+.wp-block-table thead {
+  background: #F2F2F2;
+}
+.wp-block-table td,
+.wp-block-table th {
+  border-color: #E8E8E8;
+}
+
+.wp-block-table.is-style-stripes {
+  border-bottom: none;
+}
+.wp-block-table.is-style-stripes thead {
+  background: none;
+}
+.wp-block-table.is-style-stripes td,
+.wp-block-table.is-style-stripes th {
+  border-color: #E8E8E8;
+}
+
+.wp-block-table figcaption {
+  margin: -1.5em 0 1.5em;
+  text-align: center;
 }
 
 /* Images */
-Original file line number
+Diff line change
@@ Expand Up / @@ -141,6 +141,7 @@ th { @@
       }
     }
     .wp-block-table.is-style-stripes {
+      border-bottom: none;
       thead {
         background: none;
@@ Expand Down @@