Set overflow auto on tables

Closes https://github.com/TryGhost/Casper/issues/328

This applies mobile styles everywhere, which is not really ideal tbh - but covers all cases.
This commit is contained in:
John O'Nolan 2017-08-08 15:58:54 +01:00
parent 1767ca59b8
commit 33005666ca
3 changed files with 6 additions and 15 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -890,9 +890,10 @@ Super neat trick courtesy of @JoelDrapper
/* Tables */
.post-full-content table {
display: table;
width: 100%;
display: inline-block;
width: auto;
max-width: 100%;
vertical-align: top;
overflow-x: auto;
margin: 0.5em 0 2.5em;
border-spacing: 0;
@ -930,7 +931,7 @@ Super neat trick courtesy of @JoelDrapper
letter-spacing: 0.2px;
text-align: left;
text-transform: uppercase;
background: color(var(--whitegrey) l(+4%));
background-color: color(var(--whitegrey) l(+4%));
}
.post-full-content table th,
@ -939,16 +940,6 @@ Super neat trick courtesy of @JoelDrapper
border: color(var(--whitegrey) l(-1%) s(-5%)) 1px solid;
}
@media (max-width: 800px) {
.post-full-content table {
display: inline-block;
width: auto;
max-width: 100%;
vertical-align: top;
}
}
/* 7.1. Subscribe Form
/* ---------------------------------------------------------- */