Merge pull request #185 from maicolsantos/184-responsive_table
Add responsive table
This commit is contained in:
commit
f4af2c72bd
@ -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
|
||||||
|
Loading…
Reference in New Issue
Block a user