1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-12-24 10:16:16 +01:00
blog/_src/_assets/styl/_kremalicious/tables.styl

69 lines
1.4 KiB
Stylus
Raw Normal View History

2014-07-12 02:00:18 +02:00
//
// kremalicious3
// --------------
// Tables
//
table
2014-07-12 21:22:47 +02:00
border-collapse: collapse
border-spacing: 0
width: 100%
max-width: 100%
background-color: transparent
margin-bottom: $spacer
2014-07-12 21:22:47 +02:00
border-bottom: 1px solid #cfd9e1
2014-07-12 02:00:18 +02:00
td
vertical-align: top
th,
td
2014-07-12 21:22:47 +02:00
padding: .7em .3em
text-align: left
vertical-align: top
border-top: 1px solid #cfd9e1
2014-07-12 02:00:18 +02:00
th
2014-07-12 21:22:47 +02:00
@extend .bold
2014-07-12 02:00:18 +02:00
thead th
2014-07-12 21:22:47 +02:00
vertical-align: bottom
2014-07-12 02:00:18 +02:00
table tbody + tbody
border-top: 2px solid #cfd9e1
table tbody tr:nth-child(odd) td,
table tbody tr:nth-child(odd) th
background-color: rgba(255,255,255,.2)
table tbody tr:hover td,
table tbody tr:hover th
background-color: #f5f5f5
.table-responsive
overflow-x: auto
min-height: 0.01% // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837)
2016-06-09 19:25:01 +02:00
@media (max-width: $screen-xs-min)
width: 100%
margin-bottom: ($spacer * 0.75)
overflow-y: hidden
-webkit-overflow-scrolling: touch
-ms-overflow-style: -ms-autohiding-scrollbar
// Tighten up spacing
> table
margin-bottom: 0
// Ensure the content doesn't wrap
> thead,
> tbody,
> tfoot
> tr
> th,
> td
white-space: nowrap
padding: .5em .2em