From 9d8940b4f67fd042c98b045633bf09913fb266a1 Mon Sep 17 00:00:00 2001
From: olOwOlo <26087907+olOwOlo@users.noreply.github.com>
Date: Mon, 5 Nov 2018 21:01:56 +0800
Subject: feat(table): responsive table

Merge from ahonn/hexo-theme-even@2c06f7bdfd4bad1e3fe33688014b3007b9b3a685

Closes #107
---
 src/css/_partial/_post/_content.scss | 32 ++++++++++++++++++--------------
 1 file changed, 18 insertions(+), 14 deletions(-)

(limited to 'src/css/_partial/_post')

diff --git a/src/css/_partial/_post/_content.scss b/src/css/_partial/_post/_content.scss
index 0e50aed..5628664 100644
--- a/src/css/_partial/_post/_content.scss
+++ b/src/css/_partial/_post/_content.scss
@@ -44,23 +44,27 @@
     max-width: 100%;
   }
 
-  > table {
-    max-width: 100%;
-    margin: 10px 0;
-    border-spacing: 0;
-    box-shadow: 2px 2px 3px rgba(0,0,0,.125);
+  .table-wrapper {
+    overflow-x: auto;
 
-    thead {
-      background: $deputy-color;
-    }
+    > table {
+      max-width: 100%;
+      margin: 10px 0;
+      border-spacing: 0;
+      box-shadow: 2px 2px 3px rgba(0,0,0,.125);
 
-    th, td {
-      padding: 5px 15px;
-      border: 1px double $content-table-border-color;
-    }
+      thead {
+        background: $deputy-color;
+      }
+
+      th, td {
+        padding: 5px 15px;
+        border: 1px double $content-table-border-color;
+      }
 
-    tr:hover {
-      background-color: $deputy-color;
+      tr:hover {
+        background-color: $deputy-color;
+      }
     }
   }
 
-- 
cgit v1.2.3