Improve the table component

This commit is contained in:
CJ Patoilo 2019-07-22 21:50:51 -03:00
parent f843215f90
commit df4ff89c6d

View File

@ -3,57 +3,50 @@
//
table
border-spacing: 0
width: 100%
td,
th
border-bottom: .1rem solid $color-quinary
padding: 1.2rem 1.5rem
text-align: left
&:first-child
padding-left: 0
&:last-child
padding-right: 0
@media screen and (max-width: 40.0rem)
table
border-spacing: 0
display: flex
width: 100%
thead
border-right: solid .1rem $color-quinary
thead
border-right: .1rem solid $color-quinary
td,
th
padding-left: 0
&:first-child
padding-left: 0
&:last-child
padding-right: 1.2rem
tbody
tbody
display: flex
overflow-x: auto
white-space: nowrap
tr
border-right: solid .1rem $color-quinary
tr
border-right: .1rem solid $color-quinary
&:last-child
border-right: none
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
display: block
&:first-child
padding-left: 1.2rem
&:last-child
padding-right: 1.2rem
border-bottom: .1rem solid $color-quinary
display: table-cell