1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-23 18:32:49 +01:00
blog/_src/_assets/styl/tables.styl

42 lines
701 B
Stylus

//
// kremalicious3
// --------------
// Tables
//
table
border-collapse: collapse
border-spacing: 0
width: 100%
max-width: 100%
background-color: transparent
margin-bottom: $line-height-computed
border-bottom: 1px solid #cfd9e1
td
vertical-align: top
th,
td
padding: .7em .3em
text-align: left
vertical-align: top
border-top: 1px solid #cfd9e1
th
@extend .bold
thead th
vertical-align: bottom
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