Add responsive support to the table element

2024-11-13 16:54:22 +00:00 · 2020-05-18 14:32:46 -03:00 · 2020-05-18 14:32:46 -03:00 · 62a5a2e5b4
commit 62a5a2e5b4
parent ae221c16fb
1 changed files with 8 additions and 1 deletions
--- a/src/_Table.sass
+++ b/src/_Table.sass
@ -4,16 +4,23 @@

 table
  border-spacing: 0
+  display: block
+  overflow-x: auto
  width: 100%

 td,
 th
  border-bottom: .1rem solid $color-quinary
  padding: 1.2rem 1.5rem
-  text-align: left

  &:first-child
    padding-left: 0

  &:last-child
    padding-right: 0
+
+@media (min-width: 40.0rem)
+
+  table
+    display: table
+    overflow-x: initial