<commit_before>@import "_common"
@import "_header"
@import "_demo"
@import "_search"
@import "_sponsor"
@import "_migration"
@import "_sidebar"

#header
    box-shadow 0 0 1px rgba(0,0,0,.25)

.content
    position relative
    padding 2.2em 0
    max-width 600px
    margin 0 auto
    &.api
        > a:first-of-type > h2
            margin-top 0
            padding-top: 0
        ul
            padding-left 1.25em
            line-height 1.4em
            ul, p
                margin .6em 0
    a.button
        font-size .9em
        color #fff
        margin .2em 0
        width 180px
        text-align center
        padding 12px 24px
        display inline-block
        vertical-align middle
    img
        max-width 100%
    span.light
        color $light
    span.info
        font-size .85em
        display inline-block
        vertical-align middle
        width 280px
        margin-left 20px
    h1
        margin 0 0 1em
    h2, h3
        &:before
            content ''
            display block
            margin-top -1 * $heading-link-padding-top
            height $heading-link-padding-top
            visibility hidden
    h2
        margin $h2-margin-top 0 .8em
        padding-bottom .7em
        border-bottom 1px solid $border
        z-index: -1
    h3
        margin $h3-margin-top 0 1.2em
        position relative
        z-index: -1
        &:after
            content "#"
            color $green
            position absolute
            left -0.7em
            bottom -2px
            font-size 1.2em
            font-weight bold
    figure, p, ul, ol
        margin 1.2em 0
    p, ul, ol
        line-height 1.6em
    ul, ol
        padding-left 1.5em
    a
        color $green
        font-weight 600
    blockquote
        margin 2em 0
        padding-left 20px
        border-left 4px solid $green
        p
            font-weight 600
            margin-left 0
    iframe
        margin 1em 0
    p.tip
        padding 12px 24px 12px 30px
        margin 2em 0
        border-left 4px solid $red
        background-color $codebg
        position relative
        border-bottom-right-radius $radius
        border-top-right-radius $radius

        &:before
            position absolute
            top 14px
            left -12px
            background-color $red
            color #fff
            content "!"
            width 20px
            height 20px
            border-radius 100%
            text-align center
            line-height 20px
            font-weight bold
            font-family $logo-font
            font-size 14px

        em
            color $medium

.guide-links
    margin-top 2em
    height 1em

.footer
    color $light
    margin-top 2em
    padding-top 2em
    border-top 1px solid #e5e5e5
    font-size .9em

#main.fix-sidebar
    .sidebar
        position fixed

@media screen and (min-width: 1400px)
    #header
        background-color: rgba(255,255,255,.4)

@media screen and (max-width: 1300px)
    .content.with-sidebar
        margin-left 290px
    #ad
        z-index 7
        position relative
        padding 0
        bottom 0<commit_msg>added header background header transition and made it appear on slightly smaller screens to accomodate macbook air 11-inch<commit_after>@import "_common"
@import "_header"
@import "_demo"
@import "_search"
@import "_sponsor"
@import "_migration"
@import "_sidebar"

#header
    box-shadow 0 0 1px rgba(0,0,0,.25)
    transition background-color .3s ease-in-out

.content
    position relative
    padding 2.2em 0
    max-width 600px
    margin 0 auto
    &.api
        > a:first-of-type > h2
            margin-top 0
            padding-top: 0
        ul
            padding-left 1.25em
            line-height 1.4em
            ul, p
                margin .6em 0
    a.button
        font-size .9em
        color #fff
        margin .2em 0
        width 180px
        text-align center
        padding 12px 24px
        display inline-block
        vertical-align middle
    img
        max-width 100%
    span.light
        color $light
    span.info
        font-size .85em
        display inline-block
        vertical-align middle
        width 280px
        margin-left 20px
    h1
        margin 0 0 1em
    h2, h3
        &:before
            content ''
            display block
            margin-top -1 * $heading-link-padding-top
            height $heading-link-padding-top
            visibility hidden
    h2
        margin $h2-margin-top 0 .8em
        padding-bottom .7em
        border-bottom 1px solid $border
        z-index: -1
    h3
        margin $h3-margin-top 0 1.2em
        position relative
        z-index: -1
        &:after
            content "#"
            color $green
            position absolute
            left -0.7em
            bottom -2px
            font-size 1.2em
            font-weight bold
    figure, p, ul, ol
        margin 1.2em 0
    p, ul, ol
        line-height 1.6em
    ul, ol
        padding-left 1.5em
    a
        color $green
        font-weight 600
    blockquote
        margin 2em 0
        padding-left 20px
        border-left 4px solid $green
        p
            font-weight 600
            margin-left 0
    iframe
        margin 1em 0
    p.tip
        padding 12px 24px 12px 30px
        margin 2em 0
        border-left 4px solid $red
        background-color $codebg
        position relative
        border-bottom-right-radius $radius
        border-top-right-radius $radius

        &:before
            position absolute
            top 14px
            left -12px
            background-color $red
            color #fff
            content "!"
            width 20px
            height 20px
            border-radius 100%
            text-align center
            line-height 20px
            font-weight bold
            font-family $logo-font
            font-size 14px

        em
            color $medium

.guide-links
    margin-top 2em
    height 1em

.footer
    color $light
    margin-top 2em
    padding-top 2em
    border-top 1px solid #e5e5e5
    font-size .9em

#main.fix-sidebar
    .sidebar
        position fixed

@media screen and (min-width: 1360px)
    #header
        background-color rgba(255,255,255,.4)

@media screen and (max-width: 1300px)
    .content.with-sidebar
        margin-left 290px
    #ad
        z-index 7
        position relative
        padding 0
        bottom 0
{'fraction_non_alphanumeric': 0.06450607665939545, 'fraction_numerical': 0.04721096914926769, 'mean_word_length': 1.3114872164205977, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '5263719', 'n_tokens_mistral': 2082, 'n_tokens_neox': 1840, 'n_words': 574}