milligram/src/_Table.sass
2020-05-14 22:40:31 -03:00

53 lines
770 B
Sass
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

// Table
//
table
border-spacing: 0
display: flex
width: 100%
thead
border-right: .1rem solid $color-quinary
tbody
display: flex
overflow-x: auto
white-space: nowrap
tr
border-right: .1rem solid $color-quinary
&:last-child
border-right: 0
td,
th
display: block
padding: 1.2rem 1.5rem
text-align: left
@media (min-width: 40.0rem)
table
display: table
thead
border-right: 0
overflow-x: visible
white-space: normal
tbody
display: table-row-group
tr
border-right: 0
&:last-child td
border-bottom: 0
td,
th
border-bottom: .1rem solid $color-quinary
display: table-cell