diff options
| author | olOwOlo <26087907+olOwOlo@users.noreply.github.com> | 2018-11-05 21:01:56 +0800 |
|---|---|---|
| committer | olOwOlo <26087907+olOwOlo@users.noreply.github.com> | 2018-11-05 21:01:56 +0800 |
| commit | 9d8940b4f67fd042c98b045633bf09913fb266a1 (patch) | |
| tree | a08d4f9f8cbda5cd9c5d520deeecff0901d8efb0 /src/css | |
| parent | e9cccbf2b93d6267f76b163d2e8f2748b988f8cc (diff) | |
feat(table): responsive table
Merge from ahonn/hexo-theme-even@2c06f7bdfd4bad1e3fe33688014b3007b9b3a685
Closes #107
Diffstat (limited to 'src/css')
| -rw-r--r-- | src/css/_partial/_post/_content.scss | 32 |
1 files changed, 18 insertions, 14 deletions
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; + } } } |