<commit_before>.content-wrapper-blog
    &-index
        +padding(60px 0)
        width: 100%
        max-width: 100%
    &-post
        +padding(60px 30px 120px)
        text-align: left

.blog-index-item
    +padding(30px)
    +margin(0 auto)
    width: 100%
    max-width: 720px
    text-align: left
    border-bottom: 1px solid $gray-lightest
    &-wrapper
        width: 100%
    &-header
        color: $grayblue
        &:hover
            color: $grayblue-darker
    &-meta
        +margin(-.75rem 0 1rem)
        font-size: .75rem
        color: $gray
        &-time
            +padding(0 .5rem 0)
    &-excerpt
        +margin(0 0 1.5rem)

.blog-post
    &-title
        +margin(0 0 .75em)
        font-size: 2.5rem
        border-bottom: 1px solid $gray-lightest
    &-meta
        +margin(-1.75rem 0 1.75rem)
        color: $gray
    &-content
        font-size: 1.2rem
        h1, h2, h3, h4, h5, h6
            +margin(2.5rem 0 1.5rem)
        h2
            font-size: 2rem
        h3
            font-size: 1.5rem
        h4, h5, h6
            font-size: 1em<commit_msg>Add blog-post link styles<commit_after>.content-wrapper-blog
    &-index
        +padding(60px 0)
        width: 100%
        max-width: 100%
    &-post
        +padding(60px 30px 120px)
        text-align: left

.blog-index-item
    +padding(30px)
    +margin(0 auto)
    width: 100%
    max-width: 720px
    text-align: left
    border-bottom: 1px solid $gray-lightest
    &-wrapper
        width: 100%
    &-header
        color: $grayblue
        &:hover
            color: $grayblue-darker
    &-meta
        +margin(-.75rem 0 1rem)
        font-size: .75rem
        color: $gray
        &-time
            +padding(0 .5rem 0)
    &-excerpt
        +margin(0 0 1.5rem)

.blog-post
    &-title
        +margin(0 0 .75em)
        font-size: 2.5rem
        border-bottom: 1px solid $gray-lightest
    &-meta
        +margin(-1.75rem 0 1.75rem)
        color: $gray
    &-content
        font-size: 1.2rem
        h1, h2, h3, h4, h5, h6
            +margin(2.5rem 0 1.5rem)
        h2
            font-size: 2rem
        h3
            font-size: 1.5rem
        h4, h5, h6
            font-size: 1em
        a
            +transition(color 0.3s)
            +perspective(600px)
            +perspective-origin(50% 100%)
            position: relative
            display: inline-block
            outline: none
            color: $grayblue-darkest
            vertical-align: bottom
            text-decoration: none
            white-space: nowrap
            font-weight: 400
            &:hover, &:focus
                color: $orange
            &::before, &::after
                +padding(0 4px)
                +backface-visibility(hidden)
                pointer-events: none
                -webkit-font-smoothing: antialiased
                font-smoothing: antialiased
                position: absolute
                top: 0
                left: -4px
                z-index: -1
                box-sizing: content-box
                width: 100%
                height: 100%
                content: ''
            &::before
                +transition(transform 0.2s)
                +transition-timing-function(cubic-bezier(0.7,0,0.3,1))
                +transform(rotateX(90deg))
                +transform-origin(50% 100%)
                background-color: $grayblue
            &:hover::before, &:focus::before
                +transform(rotateX(0deg))
            &::after
                border-bottom: 2px solid $grayblue
{'fraction_non_alphanumeric': 0.10897254457967732, 'fraction_numerical': 0.05575997735635437, 'mean_word_length': 1.2755956213779782, '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': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2104117', 'n_tokens_mistral': 1273, 'n_tokens_neox': 1107, 'n_words': 257}