AverageMarcus/milligram
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add responsive support to the table element

Browse Source
This commit is contained in:
CJ Patoilo 2020-05-18 14:32:46 -03:00
parent ae221c16fb
commit 62a5a2e5b4
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/_Table.sass
View File

@ -4,16 +4,23 @@
table table
border-spacing: 0 border-spacing: 0
display: block
overflow-x: auto
width: 100% width: 100%
td, td,
th th
border-bottom: .1rem solid $color-quinary border-bottom: .1rem solid $color-quinary
padding: 1.2rem 1.5rem padding: 1.2rem 1.5rem
text-align: left
&:first-child &:first-child
padding-left: 0 padding-left: 0
&:last-child &:last-child
padding-right: 0 padding-right: 0
@media (min-width: 40.0rem)
table
display: table
overflow-x: initial