dan
/
jekyll
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

scroll tables sideways on mobiles

This commit is contained in:
Coby Chapple 2013-05-02 13:50:46 +01:00
parent 972b67cad7
commit f924a04733
2 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
site/_posts/2012-07-01-configuration.md
View File

@ -13,6 +13,7 @@ Jekyll allows you to concoct your sites in any way you can dream up, and it’s
The table below lists the available settings for Jekyll, and the various <code class="option">options</code> (specifed in the configuration file) and <code class="flag">flags</code> (specified on the command-line) that control them. The table below lists the available settings for Jekyll, and the various <code class="option">options</code> (specifed in the configuration file) and <code class="flag">flags</code> (specified on the command-line) that control them.
<div class="mobile-side-scroller">
<table> <table>
<thead> <thead>
<tr> <tr>
@ -71,9 +72,11 @@ The table below lists the available settings for Jekyll, and the various <code c
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
### Build Command Options ### Build Command Options
<div class="mobile-side-scroller">
<table> <table>
<thead> <thead>
<tr> <tr>
@ -173,6 +176,7 @@ The table below lists the available settings for Jekyll, and the various <code c
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
### Serve Command Options ### Serve Command Options
@ -180,6 +184,7 @@ In addition to the options below, the `serve` sub-command can accept any of the
for the `build` sub-command, which are then applied to the site build which occurs right for the `build` sub-command, which are then applied to the site build which occurs right
before your site is served. before your site is served.
<div class="mobile-side-scroller">
<table> <table>
<thead> <thead>
<tr> <tr>
@ -220,6 +225,7 @@ before your site is served.
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
<div class="note warning"> <div class="note warning">
<h5>Do not use tabs in configuration files</h5> <h5>Do not use tabs in configuration files</h5>

8
site/css/style.css
View File

@ -814,3 +814,11 @@ code.option, code.flag, code.filter, code.output {
font-weight: bold; font-weight: bold;
text-shadow: 0 -1px 0 rgba(0,0,0,.5); text-shadow: 0 -1px 0 rgba(0,0,0,.5);
} }
/* Responsive tables */
@media (max-width: 768px){
.mobile-side-scroller {
overflow-x: scroll;
}
}