Created
November 4, 2016 13:03
-
-
Save raiderrobert/8588e72890138cede8f5cc582e46c648 to your computer and use it in GitHub Desktop.
Mah Styles
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Foundation v2.1.4 http://foundation.zurb.com */ | |
/* Artfully masterminded by ZURB */ | |
/* -------------------------------------------------- | |
Table of Contents | |
----------------------------------------------------- | |
:: Shared Styles | |
:: Page Name 1 | |
:: Page Name 2 | |
*/ | |
/* ----------------------------------------- | |
Shared Styles | |
----------------------------------------- */ | |
table th { font-weight: bold; } | |
table td, table th { padding: 9px 10px; text-align: left; } | |
/* Mobile */ | |
@media only screen and (max-width: 767px) { | |
table tr.columnHeader td:first-child { display: none; } | |
table tr.columnHeader td:nth-child(2) { padding-top: 9px; } | |
table tr td:first-child { padding-top: 9px;} | |
table td, table th { padding-top: 0; width: 100%; } | |
table.responsive { margin-bottom: 0; } | |
.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } | |
.pinned table { border-right: none; border-left: none; width: 100%; } | |
.pinned table th, .pinned table td { white-space: nowrap; } | |
.pinned td:last-child { border-bottom: 0; } | |
div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; } | |
div.table-wrapper div.scrollable { margin-left: 35%; } | |
div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; } | |
table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; } | |
table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; } | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment