mirror of
https://github.com/kremalicious/blog.git
synced 2024-11-13 16:45:14 +01:00
42 lines
662 B
Stylus
42 lines
662 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
|