<commit_before>@import './modules/_vars-mixins';
.fn1 {
    .portal {
        &-pageHeader {
            background: url('../info/img/parks-home-header-photo.jpg') no-repeat 50% 50%;
            background-size: cover;
            &-container {
                @extend %docWidthContainer;
                padding-top: 2em;
                position: relative;
                overflow: hidden;
            }
            &-title {
                color: #fff;
                font-weight: normal;
                letter-spacing: .1em;
                margin: 0 auto;
                text-align: center;
                text-shadow: 0 0 3px #000000;
                > i {
                    font-weight: bold;
                    font-size: (24em/36);
                }
            }
            &-medal {
                position: absolute;
                    top: $grid-gutter*.25;
                    right: $grid-gutter*1.25;
            }
            &-nav {
                background-color: rgba(255, 255, 255, .75);
                @include grid-12col();
                > a {
                    background-color: rgba(255, 255, 255, 0);
                    box-sizing: border-box;
                    color: $cornflower-dark;
                    display: block;
                    font-family: $font-headings;
                    padding: .25em;
                    position: relative;
                    text-align: center;
                    &:hover {
                        background-color: rgba(255, 255, 255, .6);
                    }
                    &:before {
                        border-right: (2rem/16) solid $blue;
                        border-bottom: (2rem/16) solid $blue;
                        color: $blue;
                        content: '';
                        display: inline-block;
                        height: .7em;
                        margin-right: 1em;
                        position: relative;
                            top: .08em;
                        transform: rotate(-45deg);
                        width: .7em;
                    }
                }
            }
            @media screen and (min-width: $viewport-medium) {
                &-nav {
                    overflow: hidden;
                    > a {
                        float: left;
                        width: 33.30%;
                        transition: background-color .25s ease-in-out;
                    }
                }
            }
            @media screen and (min-width: $viewport-large) {
                &-container {
                    padding-top: (100rem/16);
                }
                &-title {
                    font-size: (36rem/16);
                    margin-bottom: 1em;
                }
                &-nav {
                    > a {
                        font-size: (18rem/16);
                        padding: .75em;
                    }
                }
            }
        }
        &-social {
            @include grid-6col;
            color: $cornflower-lightest;
            font-family: $font-headings;
            font-size: (18rem/16);
            padding: .5em 0 .75em;
            text-align: center;
            > .facebook, > .twitter {
                display: inline-block;
                height: 2.5em;
                overflow: hidden;
                text-indent: -100em;
                vertical-align: middle;
                margin: 0 0 0 1em;
            }
            > .facebook {
                background: url('../img/fa-svg/facebook-white.svg') no-repeat 50% 50% / auto 75%;
                width: 1em;
            }
            > .twitter {
                background: url('../img/fa-svg/twitter-white.svg') no-repeat 50% 50% / auto 75%;
                width: 1.5em;
            }
        }
        &-mailingList {
            @include grid-6col;
            padding: .5em 0 .75em;
            text-align: center;
            > a {
                color: $cornflower-lightest;
                font-family: $font-headings;
                font-size: (18rem/16);
                &:after {
                    background: url('../img/fa-svg/envelope-white.svg') no-repeat 50% 30% / auto 75%;
                    content: '';
                    display: inline-block;
                    height: 2.5em;
                    margin: 0 0 0 1em;
                    vertical-align: middle;
                    width: 2em;
                }
            }
        }


        &Nav {
            @include grid-12col();
            background: #4273b2;
            text-align: center;
            &-row {
                padding: $grid-gutter 0;
                > a {
                    color: #fff;
                    display: inline-block;
                    font-family: $font-headings;
                    font-weight: lighter;
                    font-size: (36rem/16);
                    margin: 0 $grid-gutter;
                    position: relative;
                    vertical-align: top;
                    width: 2em;
                    &:before {
                        border-right: (3rem/16) solid $cornflower-lightest;
                        border-bottom: (3rem/16) solid $cornflower-lightest;
                        color: $blue;
                        content: '';
                        display: block;
                        height: .4em;
                        margin-right: .5em;
                        position: absolute;
                            top: .3em;
                            left: -.25em;
                        transform: rotate(-45deg);
                        width: .4em;
                    }
                    > small {
                        display: block;
                        font-size: (14em/36);
                        font-weight: normal;
                        line-height: 1.1em;
                        padding: 0;
                    }
                }
            }
            > .btn-featuredAction {
                margin-bottom: (28rem/16);
                width: 10em;
            }
        }


        &-events {
            background: url('../info/img/parks-home-schedule-bg.jpg') no-repeat 50% 0;
            background-size: contain;
            min-height: (600rem/16);
            &-container {
                background: #fff;
                box-sizing: border-box;
                min-height: 3em;
                > h1 {
                    color: $blue-dark;
                }
            }
            &:after {
                background: url('../info/img/parks-portal-divider.jpg') no-repeat 50% 50%;
                background-size: cover;
                content: '';
                display: block;
                height: 20em;
            }
            @media screen and (min-width: $viewport-medium) {
                padding-top: (100rem/16);
                &-container {
                    padding: $grid-gutter;
                    margin: 0 auto;
                    max-width: $layoutMaxWidth - $grid-gutter*2;
                    > h1 {
                        margin-left: $grid-gutter;
                    }
                }
            }
        }
    }
}
<commit_msg>Make whitespace on social/mailing links horizontally symmetrical.<commit_after>@import './modules/_vars-mixins';
.fn1 {
    .portal {
        &-pageHeader {
            background: url('../info/img/parks-home-header-photo.jpg') no-repeat 50% 50%;
            background-size: cover;
            &-container {
                @extend %docWidthContainer;
                padding-top: 2em;
                position: relative;
                overflow: hidden;
            }
            &-title {
                color: #fff;
                font-weight: normal;
                letter-spacing: .1em;
                margin: 0 auto;
                text-align: center;
                text-shadow: 0 0 3px #000000;
                > i {
                    font-weight: bold;
                    font-size: (24em/36);
                }
            }
            &-medal {
                position: absolute;
                    top: $grid-gutter*.25;
                    right: $grid-gutter*1.25;
            }
            &-nav {
                background-color: rgba(255, 255, 255, .75);
                @include grid-12col();
                > a {
                    background-color: rgba(255, 255, 255, 0);
                    box-sizing: border-box;
                    color: $cornflower-dark;
                    display: block;
                    font-family: $font-headings;
                    padding: .25em;
                    position: relative;
                    text-align: center;
                    &:hover {
                        background-color: rgba(255, 255, 255, .6);
                    }
                    &:before {
                        border-right: (2rem/16) solid $blue;
                        border-bottom: (2rem/16) solid $blue;
                        color: $blue;
                        content: '';
                        display: inline-block;
                        height: .7em;
                        margin-right: 1em;
                        position: relative;
                            top: .08em;
                        transform: rotate(-45deg);
                        width: .7em;
                    }
                }
            }
            @media screen and (min-width: $viewport-medium) {
                &-nav {
                    overflow: hidden;
                    > a {
                        float: left;
                        width: 33.30%;
                        transition: background-color .25s ease-in-out;
                    }
                }
            }
            @media screen and (min-width: $viewport-large) {
                &-container {
                    padding-top: (100rem/16);
                }
                &-title {
                    font-size: (36rem/16);
                    margin-bottom: 1em;
                }
                &-nav {
                    > a {
                        font-size: (18rem/16);
                        padding: .75em;
                    }
                }
            }
        }
        &-social {
            @include grid-6col;
            color: $cornflower-lightest;
            font-family: $font-headings;
            font-size: (18rem/16);
            padding: .5em 0;
            text-align: center;
            > .facebook, > .twitter {
                display: inline-block;
                height: 2.5em;
                overflow: hidden;
                text-indent: -100em;
                vertical-align: middle;
                margin: 0 0 0 1em;
            }
            > .facebook {
                background: url('../img/fa-svg/facebook-white.svg') no-repeat 50% 50% / auto 75%;
                width: 1em;
            }
            > .twitter {
                background: url('../img/fa-svg/twitter-white.svg') no-repeat 50% 50% / auto 75%;
                width: 1.5em;
            }
        }
        &-mailingList {
            @include grid-6col;
            padding: .5em 0;
            text-align: center;
            > a {
                color: $cornflower-lightest;
                font-family: $font-headings;
                font-size: (18rem/16);
                &:after {
                    background: url('../img/fa-svg/envelope-white.svg') no-repeat 50% 30% / auto 75%;
                    content: '';
                    display: inline-block;
                    height: 2.5em;
                    margin: 0 0 0 1em;
                    vertical-align: middle;
                    width: 2em;
                }
            }
        }


        &Nav {
            @include grid-12col();
            background: #4273b2;
            text-align: center;
            &-row {
                padding: $grid-gutter 0;
                > a {
                    color: #fff;
                    display: inline-block;
                    font-family: $font-headings;
                    font-weight: lighter;
                    font-size: (36rem/16);
                    margin: 0 $grid-gutter;
                    position: relative;
                    vertical-align: top;
                    width: 2em;
                    &:before {
                        border-right: (3rem/16) solid $cornflower-lightest;
                        border-bottom: (3rem/16) solid $cornflower-lightest;
                        color: $blue;
                        content: '';
                        display: block;
                        height: .4em;
                        margin-right: .5em;
                        position: absolute;
                            top: .3em;
                            left: -.25em;
                        transform: rotate(-45deg);
                        width: .4em;
                    }
                    > small {
                        display: block;
                        font-size: (14em/36);
                        font-weight: normal;
                        line-height: 1.1em;
                        padding: 0;
                    }
                }
            }
            > .btn-featuredAction {
                margin-bottom: (28rem/16);
                width: 10em;
            }
        }


        &-events {
            background: url('../info/img/parks-home-schedule-bg.jpg') no-repeat 50% 0;
            background-size: contain;
            min-height: (600rem/16);
            &-container {
                background: #fff;
                box-sizing: border-box;
                min-height: 3em;
                > h1 {
                    color: $blue-dark;
                }
            }
            &:after {
                background: url('../info/img/parks-portal-divider.jpg') no-repeat 50% 50%;
                background-size: cover;
                content: '';
                display: block;
                height: 20em;
            }
            @media screen and (min-width: $viewport-medium) {
                padding-top: (100rem/16);
                &-container {
                    padding: $grid-gutter;
                    margin: 0 auto;
                    max-width: $layoutMaxWidth - $grid-gutter*2;
                    > h1 {
                        margin-left: $grid-gutter;
                    }
                }
            }
        }
    }
}

{'fraction_non_alphanumeric': 0.10261736601578729, 'fraction_numerical': 0.029635784517379863, 'mean_word_length': 0.7534296467160374, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 31, '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': '2124097', 'n_tokens_mistral': 4050, 'n_tokens_neox': 3412, 'n_words': 730}