<commit_before>//- 💫 CSS > COMPONENTS > TABLES

//- Table container

.c-table
    vertical-align: top


//- Table row

.c-table__row
    &:nth-child(odd):not(.c-table__row--head)
        background: rgba($color-subtle-light, 0.35)

    &.c-table__row--foot
        background: $color-theme-light
        border-top: 2px solid $color-theme

        .c-table__cell:first-child
            @extend .u-text-label
            color: $color-theme

    &.c-table__row--divider
        border-top: 2px solid $color-theme


//- Table cell

.c-table__cell
    padding: 1rem

    &:not(:last-child)
        border-right: 1px solid $color-subtle


//- Table head cell

.c-table__head-cell
    font-weight: bold
    color: $color-theme
    padding: 1rem 0.5rem
    border-bottom: 2px solid $color-theme


//- Responsive table
//- Shadows adapted from "CSS only Responsive Tables" by <NAME>
//- http://codepen.io/dbushell/pen/wGaamR

@include breakpoint(max, md)
    .c-table
        @include scroll-shadow-base($color-front)
        display: inline-block
        overflow-x: auto
        width: auto
        -webkit-overflow-scrolling: touch

    .c-table__cell,
    .c-table__head-cell
        &:first-child<commit_msg>Prevent responsive tables form scrolling vertically<commit_after>//- 💫 CSS > COMPONENTS > TABLES

//- Table container

.c-table
    vertical-align: top


//- Table row

.c-table__row
    &:nth-child(odd):not(.c-table__row--head)
        background: rgba($color-subtle-light, 0.35)

    &.c-table__row--foot
        background: $color-theme-light
        border-top: 2px solid $color-theme

        .c-table__cell:first-child
            @extend .u-text-label
            color: $color-theme

    &.c-table__row--divider
        border-top: 2px solid $color-theme


//- Table cell

.c-table__cell
    padding: 1rem

    &:not(:last-child)
        border-right: 1px solid $color-subtle


//- Table head cell

.c-table__head-cell
    font-weight: bold
    color: $color-theme
    padding: 1rem 0.5rem
    border-bottom: 2px solid $color-theme


//- Responsive table
//- Shadows adapted from "CSS only Responsive Tables" by <NAME>
//- http://codepen.io/dbushell/pen/wGaamR

@include breakpoint(max, md)
    .c-table
        @include scroll-shadow-base($color-front)
        display: inline-block
        overflow-x: auto
        overflow-y: hidden
        width: auto
        -webkit-overflow-scrolling: touch

    .c-table__cell,
    .c-table__head-cell
        &:first-child
{'fraction_non_alphanumeric': 0.12827753126260588, 'fraction_numerical': 0.008874546187979023, 'mean_word_length': 2.191763191763192, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 9, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3860128', 'n_tokens_mistral': 897, 'n_tokens_neox': 839, 'n_words': 182}