<commit_before>@import compass/css3
@import compass/utilities/general/clearfix

=drop-theme-arrows($themePrefix: "drop", $tetherThemePrefx: "tether", $arrowSize: 16px, $backgroundColor: #fff, $color: inherit, $useDropShadow: false) // TODO -- make $tetherThemePrefx the same as $themePrefix once Zack does the coffeescript prefixer thing
    .drop.#{ $themePrefix }-theme-arrows
        max-width: 100%
        max-height: 100%

        .#{ $themePrefix }-content
            +border-radius(5px)
            position: relative
            font-family: inherit
            background: $backgroundColor
            color: $color
            padding: 1em
            font-size: 1.1em
            line-height: 1.5em

            @if $useDropShadow
                -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, .2))

            &:before
                content: ""
                display: block
                position: absolute
                width: 0
                height: 0
                border-color: transparent
                border-width: $arrowSize
                border-style: solid

        // Centers and middles

        &.#{ $tetherThemePrefx }-element-attached-bottom.#{ $tetherThemePrefx }-element-attached-center .#{ $themePrefix }-content
            margin-bottom: $arrowSize

            &:before
                top: 100%
                left: 50%
                margin-left: - $arrowSize
                border-top-color: $backgroundColor

        &.#{ $tetherThemePrefx }-element-attached-top.#{ $tetherThemePrefx }-element-attached-center .#{ $themePrefix }-content
            margin-top: $arrowSize

            &:before
                bottom: 100%
                left: 50%
                margin-left: - $arrowSize
                border-bottom-color: $backgroundColor

        &.#{ $tetherThemePrefx }-element-attached-right.#{ $tetherThemePrefx }-element-attached-middle .#{ $themePrefix }-content
            margin-right: $arrowSize

            &:before
                left: 100%
                top: 50%
                margin-top: - $arrowSize
                border-left-color: $backgroundColor

        &.#{ $tetherThemePrefx }-element-attached-left.#{ $tetherThemePrefx }-element-attached-middle .#{ $themePrefix }-content
            margin-left: $arrowSize

            &:before
                right: 100%
                top: 50%
                margin-top: - $arrowSize
                border-right-color: $backgroundColor

        // Top and bottom corners

        &.#{ $tetherThemePrefx }-element-attached-top.#{ $tetherThemePrefx }-element-attached-left.#{ $tetherThemePrefx }-target-attached-bottom .#{ $themePrefix }-content
            margin-top: $arrowSize

            &:before
                bottom: 100%
                left: $arrowSize
                border-bottom-color: $backgroundColor

        &.#{ $tetherThemePrefx }-element-attached-top.#{ $tetherThemePrefx }-element-attached-right.#{ $tetherThemePrefx }-target-attached-bottom .#{ $themePrefix }-content
            margin-top: $arrowSize

            &:before
                bottom: 100%
                right: $arrowSize
                border-bottom-color: $backgroundColor

        &.#{ $tetherThemePrefx }-element-attached-bottom.#{ $tetherThemePrefx }-element-attached-left.#{ $tetherThemePrefx }-target-attached-top .#{ $themePrefix }-content
            margin-bottom: $arrowSize

            &:before
                top: 100%
                left: $arrowSize
                border-top-color: $backgroundColor

        &.#{ $tetherThemePrefx }-element-attached-bottom.#{ $tetherThemePrefx }-element-attached-right.#{ $tetherThemePrefx }-target-attached-top .#{ $themePrefix }-content
            margin-bottom: $arrowSize

            &:before
                top: 100%
                right: $arrowSize
                border-top-color: $backgroundColor

        // Side corners

        &.#{ $tetherThemePrefx }-element-attached-top.#{ $tetherThemePrefx }-element-attached-right.#{ $tetherThemePrefx }-target-attached-left .#{ $themePrefix }-content
            margin-right: $arrowSize

            &:before
                top: $arrowSize
                left: 100%
                border-left-color: $backgroundColor

        &.#{ $tetherThemePrefx }-element-attached-top.#{ $tetherThemePrefx }-element-attached-left.#{ $tetherThemePrefx }-target-attached-right .#{ $themePrefix }-content
            margin-left: $arrowSize

            &:before
                top: $arrowSize
                right: 100%
                border-right-color: $backgroundColor

        &.#{ $tetherThemePrefx }-element-attached-bottom.#{ $tetherThemePrefx }-element-attached-right.#{ $tetherThemePrefx }-target-attached-left .#{ $themePrefix }-content
            margin-right: $arrowSize

            &:before
                bottom: $arrowSize
                left: 100%
                border-left-color: $backgroundColor

        &.#{ $tetherThemePrefx }-element-attached-bottom.#{ $tetherThemePrefx }-element-attached-left.#{ $tetherThemePrefx }-target-attached-right .#{ $themePrefix }-content
            margin-left: $arrowSize

            &:before
                bottom: $arrowSize
                right: 100%
                border-right-color: $backgroundColor
<commit_msg>Missed a `$themePrefix`<commit_after>@import compass/css3
@import compass/utilities/general/clearfix

=drop-theme-arrows($themePrefix: "drop", $tetherThemePrefx: "tether", $arrowSize: 16px, $backgroundColor: #fff, $color: inherit, $useDropShadow: false) // TODO -- make $tetherThemePrefx the same as $themePrefix once Zack does the coffeescript prefixer thing
    .#{ $themePrefix }.#{ $themePrefix }-theme-arrows
        max-width: 100%
        max-height: 100%

        .#{ $themePrefix }-content
            +border-radius(5px)
            position: relative
            font-family: inherit
            background: $backgroundColor
            color: $color
            padding: 1em
            font-size: 1.1em
            line-height: 1.5em

            @if $useDropShadow
                -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, .2))

            &:before
                content: ""
                display: block
                position: absolute
                width: 0
                height: 0
                border-color: transparent
                border-width: $arrowSize
                border-style: solid

        // Centers and middles

        &.#{ $tetherThemePrefx }-element-attached-bottom.#{ $tetherThemePrefx }-element-attached-center .#{ $themePrefix }-content
            margin-bottom: $arrowSize

            &:before
                top: 100%
                left: 50%
                margin-left: - $arrowSize
                border-top-color: $backgroundColor

        &.#{ $tetherThemePrefx }-element-attached-top.#{ $tetherThemePrefx }-element-attached-center .#{ $themePrefix }-content
            margin-top: $arrowSize

            &:before
                bottom: 100%
                left: 50%
                margin-left: - $arrowSize
                border-bottom-color: $backgroundColor

        &.#{ $tetherThemePrefx }-element-attached-right.#{ $tetherThemePrefx }-element-attached-middle .#{ $themePrefix }-content
            margin-right: $arrowSize

            &:before
                left: 100%
                top: 50%
                margin-top: - $arrowSize
                border-left-color: $backgroundColor

        &.#{ $tetherThemePrefx }-element-attached-left.#{ $tetherThemePrefx }-element-attached-middle .#{ $themePrefix }-content
            margin-left: $arrowSize

            &:before
                right: 100%
                top: 50%
                margin-top: - $arrowSize
                border-right-color: $backgroundColor

        // Top and bottom corners

        &.#{ $tetherThemePrefx }-element-attached-top.#{ $tetherThemePrefx }-element-attached-left.#{ $tetherThemePrefx }-target-attached-bottom .#{ $themePrefix }-content
            margin-top: $arrowSize

            &:before
                bottom: 100%
                left: $arrowSize
                border-bottom-color: $backgroundColor

        &.#{ $tetherThemePrefx }-element-attached-top.#{ $tetherThemePrefx }-element-attached-right.#{ $tetherThemePrefx }-target-attached-bottom .#{ $themePrefix }-content
            margin-top: $arrowSize

            &:before
                bottom: 100%
                right: $arrowSize
                border-bottom-color: $backgroundColor

        &.#{ $tetherThemePrefx }-element-attached-bottom.#{ $tetherThemePrefx }-element-attached-left.#{ $tetherThemePrefx }-target-attached-top .#{ $themePrefix }-content
            margin-bottom: $arrowSize

            &:before
                top: 100%
                left: $arrowSize
                border-top-color: $backgroundColor

        &.#{ $tetherThemePrefx }-element-attached-bottom.#{ $tetherThemePrefx }-element-attached-right.#{ $tetherThemePrefx }-target-attached-top .#{ $themePrefix }-content
            margin-bottom: $arrowSize

            &:before
                top: 100%
                right: $arrowSize
                border-top-color: $backgroundColor

        // Side corners

        &.#{ $tetherThemePrefx }-element-attached-top.#{ $tetherThemePrefx }-element-attached-right.#{ $tetherThemePrefx }-target-attached-left .#{ $themePrefix }-content
            margin-right: $arrowSize

            &:before
                top: $arrowSize
                left: 100%
                border-left-color: $backgroundColor

        &.#{ $tetherThemePrefx }-element-attached-top.#{ $tetherThemePrefx }-element-attached-left.#{ $tetherThemePrefx }-target-attached-right .#{ $themePrefix }-content
            margin-left: $arrowSize

            &:before
                top: $arrowSize
                right: 100%
                border-right-color: $backgroundColor

        &.#{ $tetherThemePrefx }-element-attached-bottom.#{ $tetherThemePrefx }-element-attached-right.#{ $tetherThemePrefx }-target-attached-left .#{ $themePrefix }-content
            margin-right: $arrowSize

            &:before
                bottom: $arrowSize
                left: 100%
                border-left-color: $backgroundColor

        &.#{ $tetherThemePrefx }-element-attached-bottom.#{ $tetherThemePrefx }-element-attached-left.#{ $tetherThemePrefx }-target-attached-right .#{ $themePrefix }-content
            margin-left: $arrowSize

            &:before
                bottom: $arrowSize
                right: 100%
                border-right-color: $backgroundColor

{'fraction_non_alphanumeric': 0.1185581526330611, 'fraction_numerical': 0.012766356894771427, 'mean_word_length': 1.7536831222538123, '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': '1671072', 'n_tokens_mistral': 3204, 'n_tokens_neox': 3008, 'n_words': 588}