<commit_before>/* ---------------------------------
 *    Article Summary and Content
 * --------------------------------- */
$article-font-size ?= 1.1rem

article
    &.media
        .media-content
            color: $text-light

            .title
                margin: 0
                line-height: inherit

    &.article
        .article-meta, .article-tags
            color: $text-light

        .article-meta
            overflow-x: auto
            margin-bottom: .5rem

        .article-more
            @extend .button.is-light

        .content
            word-wrap: break-word
            font-size: $article-font-size

            h1
                font-size: 1.75em

            h2
                font-size: 1.5em

            h3
                font-size: 1.25em

            h4
                font-size: 1.125em

            h5
                font-size: 1em

            pre
                font-size: .85em

            code
                padding: 0
                background: transparent
                overflow-wrap: break-word

            blockquote
                &.pullquote
                    float: right
                    max-width: 50%
                    font-size: 1.15rem
                    position: relative

                footer
                    strong + cite
                        margin-left: .5em
            
            .message.message-immersive
                border-radius: 0
                margin: 0 0-($card-content-padding) $card-content-padding 0-($card-content-padding)
                .message-body
                    border: none

.rtl
    direction: rtl

    .level
        &, &.is-mobile
            .level-item:not(:last-child)
                margin-left: .75rem
                margin-right: 0

// Overflow table
.table-overflow
    overflow-x: auto

    table
        width: auto !important

        th
            word-break: keep-all

// Video container
.video-container
    position: relative
    padding-bottom: 56.25%
    padding-top: 25px
    height: 0

    iframe
        position: absolute
        top: 0
        left: 0
        width: 100%
        height: 100%

.article-licensing
    position: relative
    z-index: 1
    box-shadow: none
    background: $white-ter
    border-radius: $radius
    overflow: hidden

    &:after
        position: absolute
        z-index: -1
        right: -50px
        top: -87.87px
        content: '\f25e'
        font-size: 200px
        font-family: 'Font Awesome 5 Brands'
        opacity: 0.1

    .level-left
        flex-wrap: wrap
        max-width: 100%

    .licensing-title
        @extend .mb-3
        line-height: 1.2

        p:not(:last-child)
            @extend .mb-1

        a
            @extend .size-small, .has-text-grey

    .licensing-meta
        .level-item
            @extend .mr-4

        .icon
            @extend .mr-1
            width: 1.2em
            height: 1.2em
            font-size: 1.2em
            vertical-align: bottom

        h6
            @extend .size-small
        
        a
            color: inherit<commit_msg>fix(style): fix style of post navigation (#780)<commit_after>/* ---------------------------------
 *    Article Summary and Content
 * --------------------------------- */
$article-font-size ?= 1.1rem

article
    &.media
        .media-content
            color: $text-light

            .title
                margin: 0
                line-height: inherit

    &.article
        .article-meta, .article-tags
            color: $text-light

        .article-meta
            overflow-x: auto
            margin-bottom: .5rem

        .article-more
            @extend .button.is-light

        .content
            word-wrap: break-word
            font-size: $article-font-size

            h1
                font-size: 1.75em

            h2
                font-size: 1.5em

            h3
                font-size: 1.25em

            h4
                font-size: 1.125em

            h5
                font-size: 1em

            pre
                font-size: .85em

            code
                padding: 0
                background: transparent
                overflow-wrap: break-word

            blockquote
                &.pullquote
                    float: right
                    max-width: 50%
                    font-size: 1.15rem
                    position: relative

                footer
                    strong + cite
                        margin-left: .5em
            
            .message.message-immersive
                border-radius: 0
                margin: 0 0-($card-content-padding) $card-content-padding 0-($card-content-padding)
                .message-body
                    border: none

.rtl
    direction: rtl

    .level
        &, &.is-mobile
            .level-item:not(:last-child)
                margin-left: .75rem
                margin-right: 0

// Overflow table
.table-overflow
    overflow-x: auto

    table
        width: auto !important

        th
            word-break: keep-all

// Video container
.video-container
    position: relative
    padding-bottom: 56.25%
    padding-top: 25px
    height: 0

    iframe
        position: absolute
        top: 0
        left: 0
        width: 100%
        height: 100%

.article-licensing
    position: relative
    z-index: 1
    box-shadow: none
    background: $white-ter
    border-radius: $radius
    overflow: hidden

    &:after
        position: absolute
        z-index: -1
        right: -50px
        top: -87.87px
        content: '\f25e'
        font-size: 200px
        font-family: 'Font Awesome 5 Brands'
        opacity: 0.1

    .level-left
        flex-wrap: wrap
        max-width: 100%

    .licensing-title
        @extend .mb-3
        line-height: 1.2

        p:not(:last-child)
            @extend .mb-1

        a
            @extend .size-small, .has-text-grey

    .licensing-meta
        .level-item
            @extend .mr-4

        .icon
            @extend .mr-1
            width: 1.2em
            height: 1.2em
            font-size: 1.2em
            vertical-align: bottom

        h6
            @extend .size-small
        
        a
            color: inherit

a
    &.article-nav-prev
        span
            text-align: left
            flex-shrink: 1
            word-wrap: break-word
            white-space: normal
    &.article-nav-next
        span
            text-align: right
            flex-shrink: 1
            word-wrap: break-word
            white-space: normal
{'fraction_non_alphanumeric': 0.10421760391198044, 'fraction_numerical': 0.02674205378973105, 'mean_word_length': 0.9625187406296851, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '327999', 'n_tokens_mistral': 1976, 'n_tokens_neox': 1743, 'n_words': 428}