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

@ -2,40 +2,13 @@
// Table // 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 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,
th
padding-left: 0
&:first-child
padding-left: 0
&:last-child
padding-right: 1.2rem
tbody tbody
display: flex display: flex
@ -43,17 +16,37 @@ th
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, td,
th th
display: block display: block
padding: 1.2rem 1.5rem
text-align: left
&:first-child @media (min-width: 40.0rem)
padding-left: 1.2rem
&:last-child table
padding-right: 1.2rem 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