diff --git a/lib/terminal.css b/lib/terminal.css index 3b06ae5..932fec5 100644 --- a/lib/terminal.css +++ b/lib/terminal.css @@ -986,3 +986,36 @@ figure > figcaption { .hljs-strong { font-weight: bold; } +/* RESPONSIVE TABLE */ +@media only screen + and (max-width: 400px), (min-device-width: 408px) + and (max-device-width: 1024px) { + table, thead, tbody, th, td, tr { + display: block; + } + thead tr { + position: absolute; + top: -9999px; + left: -9999px; + } + tr { + margin: 0 0 1rem 0; + } + tr:nth-child(odd) { + background: #ccc; + } + td { + border: none; + border-bottom: 1px solid #eee; + position: relative; + padding-left: 50%; + } + td:before { + position: absolute; + top: 0; + left: 6px; + width: 45%; + padding-right: 10px; + white-space: nowrap; + } +}