library-mirrors/milligram
1
0
Fork 0
mirror of https://github.com/milligram/milligram.git synced 2024-11-13 16:54:22 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #185 from maicolsantos/184-responsive_table

Browse Source 
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
1 changed files with 40 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/_Table.sass
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