mirror of
https://github.com/kremalicious/blog.git
synced 2024-11-14 17:15:18 +01:00
Matthias Kretschmann
384b364a63
- switch to rem based typography - switch to rem based spacing - responsive typography through root font size change
42 lines
687 B
Stylus
42 lines
687 B
Stylus
//
|
|
// kremalicious3
|
|
// --------------
|
|
// Tables
|
|
//
|
|
|
|
|
|
table
|
|
border-collapse: collapse
|
|
border-spacing: 0
|
|
width: 100%
|
|
max-width: 100%
|
|
background-color: transparent
|
|
margin-bottom: $spacer
|
|
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 |