Merge pull request #185 from maicolsantos/184-responsive_table

Add responsive table
This commit is contained in:
CJ Patoilo 2018-02-17 20:13:02 -03:00 committed by GitHub
commit f4af2c72bd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -17,3 +17,43 @@ th
&:last-child &:last-child
padding-right: 0 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
td,
th
padding-left: 0
&:first-child
padding-left: 0
&:last-child
padding-right: 1.2rem
tbody
display: flex
overflow-x: auto
white-space: nowrap
tr
border-right: solid .1rem $color-quinary
&:last-child
border-right: none
td,
th
display: block
&:first-child
padding-left: 1.2rem
&:last-child
padding-right: 1.2rem