<commit_before>@import './finance-element-pie'; 
@import 'top-level-vars';

$partition-part-width: 6em;
$part-font-size : 1.2em;

.finance-element{

    width: 100%;
    max-width: $column-max-width; 
    padding: 0 $column-padding;

    &>section{
        margin-bottom: 5em;
    }


    .ratios{
        width: 30%;
        float: left;
        margin-right: 1em;


        .proportion-container{
            width: 100%;
            height: 2em;
            background-color: lightgrey;

            color: white;
            text-shadow: 0 0 2px black; 

            .proportion{
                height: 100%;
                background-color: darkslategrey;

                white-space: nowrap;
            }
        }
    }

    h2{
        clear: both;
    }

    .atemporal{
        p{
            margin-top: 0;
        }
    }

    .temporal{
        margin-top: 2em;    
    }

    .over-time {
        .content{

            text{
                font-size: 1.2em;
                font-weight: bold;
            }
        }

    }

    .legend{
        ol{
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .color{<commit_msg>feature(ui): outline SVG text<commit_after>@import './finance-element-pie'; 
@import 'top-level-vars';

$partition-part-width: 6em;
$part-font-size : 1.2em;

.finance-element{

    width: 100%;
    max-width: $column-max-width; 
    padding: 0 $column-padding;

    &>section{
        margin-bottom: 5em;
    }


    .ratios{
        width: 30%;
        float: left;
        margin-right: 1em;


        .proportion-container{
            width: 100%;
            height: 2em;
            background-color: lightgrey;

            color: white;
            text-shadow: 0 0 2px black; 

            .proportion{
                height: 100%;
                background-color: darkslategrey;

                white-space: nowrap;
            }
        }
    }

    h2{
        clear: both;
    }

    .atemporal{
        p{
            margin-top: 0;
        }
    }

    .temporal{
        margin-top: 2em;    
    }

    .over-time {
        .content{

            text{
                font-size: 1.2em;
                font-weight: bold;
                paint-order: stroke;
                stroke: #fff;
                stroke-width: 2px;
            }
        }

    }

    .legend{
        ol{
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .color{
{'fraction_non_alphanumeric': 0.1157556270096463, 'fraction_numerical': 0.022909967845659164, 'mean_word_length': 1.0672757475083057, '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': '394987', 'n_tokens_mistral': 870, 'n_tokens_neox': 754, 'n_words': 154}