From 70fa8ef4b04eeacc64d25477f4c5391b9385d4fb Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 26 Jul 2013 21:28:44 -0700 Subject: Responsivey docs table for grid section --- assets/css/docs.css | 30 ++++++++++++++++++++++++++++++ 1 file changed, 30 insertions(+) (limited to 'assets/css/docs.css') diff --git a/assets/css/docs.css b/assets/css/docs.css index 8783e8149..307e8d07e 100644 --- a/assets/css/docs.css +++ b/assets/css/docs.css @@ -545,6 +545,36 @@ body { /* Responsive docs -------------------------------------------------- */ +/* Responsive (scrollable) doc tables */ +@media (max-width: 768px) { + .bs-table-scrollable { + width: 100%; + overflow-y: hidden; + overflow-x: scroll; + border: 1px solid #ddd; + } + .bs-table-scrollable .bs-table { + margin-bottom: 0; + border: 0; + } + .bs-table-scrollable .bs-table th, + .bs-table-scrollable .bs-table td { + white-space: nowrap; + } + .bs-table-scrollable .bs-table th:first-child, + .bs-table-scrollable .bs-table td:first-child { + border-left: 0; + } + .bs-table-scrollable .bs-table th:last-child, + .bs-table-scrollable .bs-table td:last-child { + border-right: 0; + } + .bs-table-scrollable .bs-table tr:last-child th, + .bs-table-scrollable .bs-table tr:last-child td { + border-bottom: 0; + } +} + /* Related: responsive utilities tables */ .table code { font-size: 13px; -- cgit v1.2.3