<commit_before>@import '../../sass/variables.scss';
@import '../../sass/mixins.scss';

.block-view {
    display: flex;
    flex-flow: column;

    .status-bar {
        z-index: 2;
        width: 100%;
        flex-basis: 21px;
        flex-grow: 0;
        flex-shrink: 0;
        line-height: 20px;
        font-size: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        background: $color-bg-analysis-status;
        color: $color-analysis-status;
        margin-top: -1px;
        .inner {
            padding: 0 0.8em;
        }
    }
    .block-tree-outer {
        display: flex;
        flex-flow: row;
        flex-grow: 1;
        width: 100%;
        position: relative;
    }
    .block-tree {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 3px 13px $color-shadow-l6;

        .block-group {
            float: left;
            display: inline-block;
        }
        .expanded {
            .block-group {
                opacity: 0; /* for the expansion animation */
            }
        }

        &.deep > .block-group {
            display: none;
        }
        .deep-block-tree {
            width: 100%;
            height: 100%;
        }
        .block {
            box-shadow: inset 0 0 13px $color-shadow-l6;
            z-index: 1;
            &:hover {
                z-index: 2;
                box-shadow: inset 0 0 13px $color-shadow-l2, 0 0 16px 3px $color-shadow-l4;
            }
        }
        .sub-block, &.shallow .block {
            transition: opacity 0.1s linear;
            opacity: 1;
            box-shadow: inset -1px -1px 13px $color-shadow-l4;
            background-image: linear-gradient(to bottom right, $color-translucent-l6, $color-shadow-l3);
            &.hidden {
                opacity: 0;
            }
        }
        
        .block, .sub-block {
            float: left;
            position: relative;
        }

        .block-0 { background: $color-block0; }
        .block-1 { background: $color-block1; }
        .block-2 { background: $color-block2; }
        .block-3 { background: $color-block3; }
        .block-4 { background: $color-block4; }
        .block-5 { background: $color-block5; }
        .block-6 { background: $color-block6; }
        .block-7 { background: $color-block7; }
        .block-8 { background: $color-block8; }
        .block-9 { background: $color-block9; }
        .block-10 { background: $color-block10; }
        .block-11 { background: $color-block11; }
        .block-12 { background: $color-block12; }
        .block-13 { background: $color-block13; }
        .block-14 { background: $color-block14; }
        .block-15 { background: $color-block15; }

        .preview {
            position: absolute;
            z-index: 5;
        }
        .block-saved {
            background-color: $color-saved;
            background-image: none;

            .sub-block {
                @include diagonal-bg(16px);
            }
        }
        .block-bills {
            background: $color-bills;
        }
        .block-food {
            background: $color-food;
        }
        .block-general {
            background: $color-general;
        }
        .block-holiday {
            background: $color-holiday;
        }
        .block-social {
            background: $color-social;
        }
    }
}
<commit_msg>Update CSS for saved block to reflect no sub blocks<commit_after>@import '../../sass/variables.scss';
@import '../../sass/mixins.scss';

.block-view {
    display: flex;
    flex-flow: column;

    .status-bar {
        z-index: 2;
        width: 100%;
        flex-basis: 21px;
        flex-grow: 0;
        flex-shrink: 0;
        line-height: 20px;
        font-size: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        background: $color-bg-analysis-status;
        color: $color-analysis-status;
        margin-top: -1px;
        .inner {
            padding: 0 0.8em;
        }
    }
    .block-tree-outer {
        display: flex;
        flex-flow: row;
        flex-grow: 1;
        width: 100%;
        position: relative;
    }
    .block-tree {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 3px 13px $color-shadow-l6;

        .block-group {
            float: left;
            display: inline-block;
        }
        .expanded {
            .block-group {
                opacity: 0; /* for the expansion animation */
            }
        }

        &.deep > .block-group {
            display: none;
        }
        .deep-block-tree {
            width: 100%;
            height: 100%;
        }
        .block {
            box-shadow: inset 0 0 13px $color-shadow-l6;
            z-index: 1;
            &:hover {
                z-index: 2;
                box-shadow: inset 0 0 13px $color-shadow-l2, 0 0 16px 3px $color-shadow-l4;
            }
        }
        .sub-block, &.shallow .block {
            transition: opacity 0.1s linear;
            opacity: 1;
            box-shadow: inset -1px -1px 13px $color-shadow-l4;
            background-image: linear-gradient(to bottom right, $color-translucent-l6, $color-shadow-l3);
            &.hidden {
                opacity: 0;
            }
        }
        
        .block, .sub-block {
            float: left;
            position: relative;
        }

        .block-0 { background: $color-block0; }
        .block-1 { background: $color-block1; }
        .block-2 { background: $color-block2; }
        .block-3 { background: $color-block3; }
        .block-4 { background: $color-block4; }
        .block-5 { background: $color-block5; }
        .block-6 { background: $color-block6; }
        .block-7 { background: $color-block7; }
        .block-8 { background: $color-block8; }
        .block-9 { background: $color-block9; }
        .block-10 { background: $color-block10; }
        .block-11 { background: $color-block11; }
        .block-12 { background: $color-block12; }
        .block-13 { background: $color-block13; }
        .block-14 { background: $color-block14; }
        .block-15 { background: $color-block15; }

        .preview {
            position: absolute;
            z-index: 5;
        }
        .block-saved {
            background-color: $color-saved;
            background-image: none;

            &::after {
                @include diagonal-bg(16px);
                content: '';
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
            }
        }
        .block-bills {
            background: $color-bills;
        }
        .block-food {
            background: $color-food;
        }
        .block-general {
            background: $color-general;
        }
        .block-holiday {
            background: $color-holiday;
        }
        .block-social {
            background: $color-social;
        }
    }
}
{'fraction_non_alphanumeric': 0.12812326485285952, 'fraction_numerical': 0.03387007218212104, 'mean_word_length': 1.24804992199688, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '4030416', 'n_tokens_mistral': 2355, 'n_tokens_neox': 2166, 'n_words': 464}