Improve the table component
This commit is contained in:
parent
f843215f90
commit
df4ff89c6d
@ -2,40 +2,13 @@
|
|||||||
// Table
|
// Table
|
||||||
// ––––––––––––––––––––––––––––––––––––––––––––––––––
|
// ––––––––––––––––––––––––––––––––––––––––––––––––––
|
||||||
|
|
||||||
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
|
table
|
||||||
border-spacing: 0
|
border-spacing: 0
|
||||||
display: flex
|
display: flex
|
||||||
width: 100%
|
width: 100%
|
||||||
|
|
||||||
thead
|
thead
|
||||||
border-right: solid .1rem $color-quinary
|
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
|
display: flex
|
||||||
@ -43,17 +16,37 @@ th
|
|||||||
white-space: nowrap
|
white-space: nowrap
|
||||||
|
|
||||||
tr
|
tr
|
||||||
border-right: solid .1rem $color-quinary
|
border-right: .1rem solid $color-quinary
|
||||||
|
|
||||||
&:last-child
|
&:last-child
|
||||||
border-right: none
|
border-right: 0
|
||||||
|
|
||||||
td,
|
td,
|
||||||
th
|
th
|
||||||
display: block
|
display: block
|
||||||
|
padding: 1.2rem 1.5rem
|
||||||
|
text-align: left
|
||||||
|
|
||||||
&:first-child
|
@media (min-width: 40.0rem)
|
||||||
padding-left: 1.2rem
|
|
||||||
|
|
||||||
&:last-child
|
table
|
||||||
padding-right: 1.2rem
|
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
|
||||||
|
border-bottom: .1rem solid $color-quinary
|
||||||
|
display: table-cell
|
||||||
|
Loading…
Reference in New Issue
Block a user