<commit_before>
.detail-ref {
    color: $blackish;
    margin-right: .5rem;
}

.detail-header {
    flex: 1;
    padding: 1rem;
    position: relative;
    &:hover {
        .detail-edit {
            opacity: 1;
        }
    }
    &.blocked {
        background: $red;
        color: $white;
        transition: all .2s linear;
        a,
        .detail-number,
        .detail-subject {
            color: $white;
        }
        svg {
            fill: $white;
        }
    }
    .item-generated-us,
    .item-origin-issue,
    .item-origin-task,
    .task-belongs-to,
    .belong-to-epics-wrapper,
    .block-desc-container,
    .issue-external-reference {
        @include font-size(small);
        margin-top: .5rem;
    }
    .relate-to-epic-button {
        color: $gray-light;
        cursor: pointer;
        display: inline-block;
        &:hover {
            color: $primary-light;
        }
        .icon-epics {
            @include svg-size(.9rem);
            fill: currentColor;
            margin: .5rem .25rem 0 0;
        }
        .relate-to-epic-text {
            @include font-size(small);
        }
    }
    .item-generated-us,
    .task-belongs-to,
    .item-origin-issue,
    .item-origin-task,
    .issue-external-reference {
        a {
            cursor: pointer;
            padding: 0 .2rem;
        }
        .item-ref {
            padding: 0 .2rem;
        }
    }
}

.detail-title-wrapper {
    @include font-size(larger);
    @include font-type(text);
    align-content: center;
    display: flex;
    max-width: 95%;
    position: relative;
    transition: all .2s linear;
    &.blocked {
        background: $red;
        transition: all .2s linear;
    }
    .detail-title-text {
        line-height: normal;
        margin: 0;
    }
    .detail-subject {
        color: $gray;
        flex-grow: 1;
    }
    .detail-edit {
        cursor: pointer;
        margin-left: .75rem;
        opacity: 0;
        transition: opacity .2s;
    }
    .detail-edit,
    .due-date-icon {
        svg {
            @include svg-size(1.3rem);
        }<commit_msg>Styles for ref and title on detail view header<commit_after>
.detail-ref {
    @include font-type(bold);
    color: $grayer;
    font-size: 1.625em;
}

.detail-header {
    flex: 1;
    padding: 0 1rem;
    position: relative;
    &:hover {
        .detail-edit {
            opacity: 1;
        }
    }
    &.blocked {
        background: $red;
        color: $white;
        transition: all .2s linear;
        a,
        .detail-number,
        .detail-subject {
            color: $white;
        }
        svg {
            fill: $white;
        }
    }
    .item-generated-us,
    .item-origin-issue,
    .item-origin-task,
    .task-belongs-to,
    .belong-to-epics-wrapper,
    .block-desc-container,
    .issue-external-reference {
        @include font-size(small);
        margin-top: .5rem;
    }
    .relate-to-epic-button {
        color: $gray-light;
        cursor: pointer;
        display: inline-block;
        &:hover {
            color: $primary-light;
        }
        .icon-epics {
            @include svg-size(.9rem);
            fill: currentColor;
            margin: .5rem .25rem 0 0;
        }
        .relate-to-epic-text {
            @include font-size(small);
        }
    }
    .item-generated-us,
    .task-belongs-to,
    .item-origin-issue,
    .item-origin-task,
    .issue-external-reference {
        a {
            cursor: pointer;
            padding: 0 .2rem;
        }
        .item-ref {
            padding: 0 .2rem;
        }
    }
}

.detail-title-wrapper {
    display: flex;
    margin-bottom: .5rem;
    padding-right: 2.5rem;
    transition: all .2s linear;
    &.blocked {
        background: $red;
        transition: all .2s linear;
    }
    .detail-title-text {
        align-content: flex-start;
        display: flex;
        line-height: normal;
        margin: 0;
    }
    .detail-subject {
        color: $gray;
        flex-grow: 1;
        line-height: 2rem;
    }
    .detail-subject,
    .edit-title-input {
        font-size: 1.75rem;
    }
    .detail-edit {
        cursor: pointer;
        margin-left: .75rem;
        opacity: 0;
        transition: opacity .2s;
    }
    .detail-edit,
    .due-date-icon {
        svg {
            @include svg-size(1.3rem);
        }
{'fraction_non_alphanumeric': 0.13000460193281177, 'fraction_numerical': 0.01495628163828808, 'mean_word_length': 1.3408723747980613, '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': '4888652', 'n_tokens_mistral': 1482, 'n_tokens_neox': 1441, 'n_words': 279}