You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
73 lines
1.4 KiB
Stylus
73 lines
1.4 KiB
Stylus
4 years ago
|
.data-table
|
||
|
width: 100%
|
||
|
table-layout: fixed
|
||
|
white-space: nowrap
|
||
|
font-size: rem($font-size-small)
|
||
|
font-weight: normal
|
||
|
|
||
|
th
|
||
|
font-size: rem($font-size-secondary)
|
||
|
|
||
|
tr
|
||
|
border-top: 1px solid $table-border-color
|
||
|
border-bottom: 1px solid $table-border-color
|
||
|
|
||
|
&:nth-child(even)
|
||
|
background: $table-alternate-bg-color
|
||
|
|
||
|
&.highlight
|
||
|
background: lighten($highlight-color, 85%)
|
||
|
|
||
|
&.is--full-row tr
|
||
|
cursor: pointer
|
||
|
|
||
|
&:hover
|
||
|
background: lighten($primary-color, 85%)
|
||
|
|
||
|
thead > tr
|
||
|
color: #888
|
||
|
border-top: 0
|
||
|
border-bottom: 1px solid $table-border-color
|
||
|
|
||
|
td, th
|
||
|
white-space: nowrap
|
||
|
overflow: hidden
|
||
|
text-overflow: ellipsis
|
||
|
line-height: rem($table-lh)
|
||
|
|
||
|
td
|
||
|
padding: rem(5px $table-padding-h)
|
||
|
|
||
|
th
|
||
|
padding: rem(13px $table-padding-h)
|
||
|
|
||
|
.empty-row
|
||
|
color: #AAA
|
||
|
font-size: rem($font-size-small)
|
||
|
|
||
|
.section__table-container
|
||
|
overflow: hidden
|
||
|
|
||
|
.section__table-header
|
||
|
background: $table-header-bg-color
|
||
|
box-shadow: $table-header-shadow
|
||
|
position: relative
|
||
|
z-index: 100
|
||
|
transition: box-shadow .2s linear
|
||
|
|
||
|
thead > tr
|
||
|
border-bottom: 0
|
||
|
|
||
|
&.is_stuck
|
||
|
box-shadow: $table-header-shadow-floating
|
||
|
|
||
|
.section__table-container,
|
||
|
.section__body
|
||
|
& > .data-table
|
||
|
td, th
|
||
|
&:first-child
|
||
|
padding-left: rem($section-gap-h)
|
||
|
|
||
|
&:last-child
|
||
|
padding-right: rem($section-gap-h)
|