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 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 border-spacing: 0
display: flex display: flex
width: 100% width: 100%
thead thead
border-right: solid .1rem $color-quinary border-right: .1rem solid $color-quinary
td, tbody
th
padding-left: 0
&:first-child
padding-left: 0
&:last-child
padding-right: 1.2rem
tbody
display: flex display: flex
overflow-x: auto overflow-x: auto
white-space: nowrap white-space: nowrap
tr tr
border-right: solid .1rem $color-quinary border-right: .1rem solid $color-quinary
&:last-child &: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, td,
th th
display: block border-bottom: .1rem solid $color-quinary
display: table-cell
&:first-child
padding-left: 1.2rem
&:last-child
padding-right: 1.2rem