.base_table { width: 100%; margin: 0 auto; background-color: $zebra_strip_odd; border-collapse: collapse; &.nested_table { background-color: transparent; } &.wrapper_table { > tbody > tr > td { padding: 0 !important; } } &.centered_table { th, td { text-align: center; } } th, td { &.left { text-align: left; } } th, td { &.stat { width: 3rem; } } tbody tr.hl td { background-color: #ccc !important; } td.has_logo { padding-left: .5rem; padding-right: .5rem; } td.has_logo.size_65x65 { width: 6.5rem; } td.has_logo.size_45x45 { width: 4.5rem; } td.has_logo.size_25x25 { width: 2.5rem; } thead th { padding-top: .5rem !important; padding-bottom: .4rem !important; text-align: left; vertical-align: top; font-size: 1.2rem; font-weight: bold; background-color: $zebra_strip_even; } thead.has_gradient th { @extend .primary_gradient; @extend .txt_shadow; color: #fff; } thead.has_dark_bg th { background-color: $txt_gray; color: #fff; text-shadow: $h3_bg; } tbody { tr.winning_team td { font-weight: bold; } tr.winning_team td[rowspan] { font-weight: normal; } td { vertical-align: middle; } p { margin-bottom: .4rem; } } tbody td, thead th { padding: .7rem .2rem .7rem 0; } thead th.upcase { text-transform: uppercase; } tbody td:first-child, thead th:first-child { padding-left: .5rem; } td.goto { background: transparent url(#{$imghost}disclosureIndicator@2x.png) no-repeat center center; -webkit-background-size: .8rem 1.2rem; background-size: .8rem 1.2rem; width: 1.6rem; padding-right: 2.8rem; } td[rowspan] { vertical-align: middle; } tfoot td.spacer { height: .8rem; line-height: 1; background-color: #f2f2f2; } } .base_table.has_stripes { > tbody > tr:nth-of-type(2n) td { background-color: $zebra_strip_even; } > tbody > tr > td { border: .1rem solid #DDD; border-width: .1rem 0; } } //.clip { // text-overflow: ellipsis; // overflow: hidden; // white-space: nowrap; //} body.android .base_table { tbody td, thead th { padding-top: 1rem; padding-bottom: 1rem; } } .base_table { &.scoreboard_table { td,th { text-align: center; } .team_name,.has_logo { text-align: left; } tbody td { padding-top: .4rem; padding-bottom: .4rem; } } }