mirror of
https://github.com/milligram/milligram.git
synced 2024-11-13 16:54:22 +00:00
Improve the table component
This commit is contained in:
parent
f843215f90
commit
df4ff89c6d
@ -3,57 +3,50 @@
|
||||
// ––––––––––––––––––––––––––––––––––––––––––––––––––
|
||||
|
||||
table
|
||||
border-spacing: 0
|
||||
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 screen and (max-width: 40.0rem)
|
||||
table
|
||||
border-spacing: 0
|
||||
display: flex
|
||||
width: 100%
|
||||
|
||||
thead
|
||||
border-right: solid .1rem $color-quinary
|
||||
thead
|
||||
border-right: .1rem solid $color-quinary
|
||||
|
||||
td,
|
||||
th
|
||||
padding-left: 0
|
||||
|
||||
&:first-child
|
||||
padding-left: 0
|
||||
|
||||
&:last-child
|
||||
padding-right: 1.2rem
|
||||
|
||||
tbody
|
||||
tbody
|
||||
display: flex
|
||||
overflow-x: auto
|
||||
white-space: nowrap
|
||||
|
||||
tr
|
||||
border-right: solid .1rem $color-quinary
|
||||
tr
|
||||
border-right: .1rem solid $color-quinary
|
||||
|
||||
&:last-child
|
||||
border-right: none
|
||||
border-right: 0
|
||||
|
||||
td,
|
||||
th
|
||||
display: block
|
||||
padding: 1.2rem 1.5rem
|
||||
text-align: left
|
||||
|
||||
@media (min-width: 40.0rem)
|
||||
|
||||
table
|
||||
display: table
|
||||
|
||||
thead
|
||||
border-right: 0
|
||||
overflow-x: visible
|
||||
white-space: normal
|
||||
|
||||
tbody
|
||||
display: table-row-group
|
||||
|
||||
tr
|
||||
border-right: 0
|
||||
|
||||
&:last-child td
|
||||
border-bottom: 0
|
||||
|
||||
td,
|
||||
th
|
||||
display: block
|
||||
|
||||
&:first-child
|
||||
padding-left: 1.2rem
|
||||
|
||||
&:last-child
|
||||
padding-right: 1.2rem
|
||||
border-bottom: .1rem solid $color-quinary
|
||||
display: table-cell
|
||||
|
Loading…
Reference in New Issue
Block a user