Merge pull request #185 from maicolsantos/184-responsive_table

Add responsive table
2018-02-17 20:13:02 -03:00 · 2018-02-17 20:13:02 -03:00 · f4af2c72bd
parent f6d64d8d75 533ae390f6
commit f4af2c72bd
1 changed files with 40 additions and 0 deletions
--- a/src/_Table.sass
+++ b/src/_Table.sass
@ -17,3 +17,43 @@ th

 	&:last-child
 		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