<commit_before>/*
The mercator proposal list item may have the states `is-selected` or
`is-not-selected` where the latter one is used if a different proposal is
selected. If no proposal is selected, no state is applied.
*/

$mercator-proposal-form-nav-width: 100% / 12 * 2;

.mercator-proposal-form {
    width: 100% / 12 * 10 * 0.65;
    margin-left: $mercator-proposal-form-nav-width;
    background: white;

    label {
        display: block;
        padding-bottom: 0.8em;
    }

    input[type="submit"] {
        font-size: $font-size-huge;
        width: 100%;
    }

    fieldset {
        border: 0;
        padding: 0 0 0 1.6em;
    }

    .annotated-section {
        width: 100% * 1 / 0.6289;

        .annotated-section-annotation {
            background-color: $color-background-base-introvert;
        }
    }
}

.mercator-proposal-form-container {
    background: $color-structure-normal;
}

.mercator-proposal-form-annotation {
    position: relative;
    z-index: 1;
}

.mercator-proposal-form-subheading,
.mercator-proposal-form-heading,
.mercator-proposal-form-sub-subheading {
    @include text(functional);
    margin: 0 0 0.8em;
}

.mercator-proposal-form-heading {
    border: 1px solid $color-structure-normal;
    border-width: 1px 0;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 -1em 0.8em;
    padding: 0 1em 1px;

    &.active {
        color: $color-text-highlight-normal;
    }
}

.mercator-proposal-form-sub-subheading {
    font-weight: $font-weight-extrovert;
}

.mercator-proposal-form-subheading +
.mercator-proposal-form-sub-subheading {
    margin-top: -0.8em;
}

.mercator-proposal-form-nav {
    @extend .jump-navigation;
    float: left;
    width: $mercator-proposal-form-nav-width;
    font-size: $font-size-small;
    padding: 1px 1px 0;

    li {
        background: $color-background-base-introvert;
        line-height: 2;
        margin-bottom: 1px;

        &, a {
            color: $color-text-highlight-normal;
            padding-bottom: 0;
        }

        &.active {
            background: white;
            text-decoration: underline;
        }
    }

    a {
        text-decoration: none;
    }
}

.mercator-proposal-form-section {
    padding: 0 1em;
}

.mercator-proposal-detail-view {
    @include container;
}

.mercator-proposal-detail-view-image {
    float: left;
    width: 100%;
}

.mercator-proposal-detail-meta,
.mercator-propsal-list-item-meta {
    @include container;
    @include text(functional-introvert);

    // reset ul default styling
    margin: 0;
    padding: 0;
    list-style: none;
}

.mercator-propsal-list-item-meta-item,
.mercator-propsal-detail-meta-item {
    @include text(functional-introvert);
    float: left;
    margin-right: 0.83333333em;

    i {
        font-size: 140%;
        line-height: 1;
        margin-right: 1px;
        vertical-align: middle;
    }

    &.mercator-propsal-list-item-meta-item-total-comments,
    &.mercator-propsal-detail-meta-item-total-comments {
        i {
            color: $color-brand-three-normal;
        }
    }

    &.mercator-propsal-list-item-meta-item-supporters,
    &.mercator-propsal-detail-meta-item-total-supporters {
        i {
            color: $color-brand-one-normal;
            font-size: 200%;
            vertical-align: text-top;
        }
    }

    &.mercator-propsal-detail-meta-item-budget {
        i {
            font-size: 160%;
        }
    }

    &:last-child {
        float: right;
        margin-right: 0;
    }

    &.mercator-propsal-list-item-meta-item-budget {
        color: $color-text-highlight-normal;
        font-size: $font-size-plus;
    }
}

.mercator-proposal-detail-username a {
    text-decoration: none;

    &:hover {
        text-decoration: underline;
    }
}
<commit_msg>Added focus<commit_after>/*
The mercator proposal list item may have the states `is-selected` or
`is-not-selected` where the latter one is used if a different proposal is
selected. If no proposal is selected, no state is applied.
*/

$mercator-proposal-form-nav-width: 100% / 12 * 2;

.mercator-proposal-form {
    width: 100% / 12 * 10 * 0.65;
    margin-left: $mercator-proposal-form-nav-width;
    background: white;

    label {
        display: block;
        padding-bottom: 0.8em;
    }

    input[type="submit"] {
        font-size: $font-size-huge;
        width: 100%;
    }

    fieldset {
        border: 0;
        padding: 0 0 0 1.6em;
    }

    .annotated-section {
        width: 100% * 1 / 0.6289;

        .annotated-section-annotation {
            background-color: $color-background-base-introvert;
        }
    }
}

.mercator-proposal-form-container {
    background: $color-structure-normal;
}

.mercator-proposal-form-annotation {
    position: relative;
    z-index: 1;
}

.mercator-proposal-form-subheading,
.mercator-proposal-form-heading,
.mercator-proposal-form-sub-subheading {
    @include text(functional);
    margin: 0 0 0.8em;
}

.mercator-proposal-form-heading {
    border: 1px solid $color-structure-normal;
    border-width: 1px 0;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 -1em 0.8em;
    padding: 0 1em 1px;

    &.active {
        color: $color-text-highlight-normal;
    }
}

.mercator-proposal-form-sub-subheading {
    font-weight: $font-weight-extrovert;
}

.mercator-proposal-form-subheading +
.mercator-proposal-form-sub-subheading {
    margin-top: -0.8em;
}

.mercator-proposal-form-nav {
    @extend .jump-navigation;
    float: left;
    width: $mercator-proposal-form-nav-width;
    font-size: $font-size-small;
    padding: 1px 1px 0;

    li {
        background: $color-background-base-introvert;
        line-height: 2;
        margin-bottom: 1px;

        &, a {
            color: $color-text-highlight-normal;
            padding-bottom: 0;
        }

        &.active {
            background: white;
            text-decoration: underline;
        }
    }

    a {
        text-decoration: none;
    }
}

.mercator-proposal-form-section {
    padding: 0 1em;
}

.mercator-proposal-detail-view {
    @include container;
}

.mercator-proposal-detail-view-image {
    float: left;
    width: 100%;
}

.mercator-proposal-detail-meta,
.mercator-propsal-list-item-meta {
    @include container;
    @include text(functional-introvert);

    // reset ul default styling
    margin: 0;
    padding: 0;
    list-style: none;
}

.mercator-propsal-list-item-meta-item,
.mercator-propsal-detail-meta-item {
    @include text(functional-introvert);
    float: left;
    margin-right: 0.83333333em;

    i {
        font-size: 140%;
        line-height: 1;
        margin-right: 1px;
        vertical-align: middle;
    }

    &.mercator-propsal-list-item-meta-item-total-comments,
    &.mercator-propsal-detail-meta-item-total-comments {
        i {
            color: $color-brand-three-normal;
        }
    }

    &.mercator-propsal-list-item-meta-item-supporters,
    &.mercator-propsal-detail-meta-item-total-supporters {
        i {
            color: $color-brand-one-normal;
            font-size: 200%;
            vertical-align: text-top;
        }
    }

    &.mercator-propsal-detail-meta-item-budget {
        i {
            font-size: 160%;
        }
    }

    &:last-child {
        float: right;
        margin-right: 0;
    }

    &.mercator-propsal-list-item-meta-item-budget {
        color: $color-text-highlight-normal;
        font-size: $font-size-plus;
    }
}

.mercator-proposal-detail-username a {
    text-decoration: none;

    &:hover, &:focus {
        text-decoration: underline;
    }
}

{'fraction_non_alphanumeric': 0.13372937293729373, 'fraction_numerical': 0.023498349834983497, 'mean_word_length': 2.0884631064003263, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 2, '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': '3437877', 'n_tokens_mistral': 2872, 'n_tokens_neox': 2653, 'n_words': 470}