<commit_before>@import "./../../../assets/sass/variables";

:host {

    background: $layout-element-background;

    display: flex;
    height: 100%;
    width: 100%;
    margin: 0;
    flex-direction: column;


    .main-content {
        display: flex;
        flex-direction: row;
        flex: 1 0 0;
        border-bottom: $layout-section-border-light;
    }

    .panel-column {
        display: flex;
        flex: 1 0 0;
        flex-direction: column;
        min-width:0; // Chromium hack, otherwise wide nodes would push the column width
    }

    ct-status-bar {
        flex-basis: $layout-stripe-width;
        border-top: $layout-section-border-dark;
        background: $layout-section-background;
    }

    .title-bar-section {
        background: $layout-title-bar-background;
        height: $layout-title-bar-height;
    }

    .logo {
        width: 100%;
        line-height: $layout-title-bar-height;
    }

    .layout-section {
        color: $layout-section-font-color;
        background: $layout-section-background;
    }

    .handle-vertical {
        background: $panel-resize-handle-color;<commit_msg>style(layout): Merge layout component style with master branch<commit_after>@import "./../../../assets/sass/variables";

:host {

    display: flex;
    height: 100%;
    width: 100%;
    margin: 0;
    flex-direction: column;


    .main-content {
        display: flex;
        flex-direction: row;
        flex: 1 0 0;
        border-bottom: $layout-section-border-light;
    }

    .panel-column {
        display: flex;
        flex: 1 0 0;
        flex-direction: column;
        min-width:0; // Chromium hack, otherwise wide nodes would push the column width
    }

    ct-status-bar {
        flex-basis: $layout-stripe-width;
        border-top: $layout-section-border-dark;
        background: $layout-section-background;
    }

    .title-bar-section {
        background: $layout-title-bar-background;
        height: $layout-title-bar-height;
    }

    .logo {
        width: 100%;
        line-height: $layout-title-bar-height;
    }

    .layout-section {
        color: $layout-section-font-color;
        background: $layout-section-background;
    }

    .handle-vertical {
        //background: $panel-resize-handle-color;
{'fraction_non_alphanumeric': 0.13257243195785778, 'fraction_numerical': 0.014925373134328358, 'mean_word_length': 1.9790849673202615, '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': '2638020', 'n_tokens_mistral': 737, 'n_tokens_neox': 680, 'n_words': 146}