<commit_before>//
// @siimple/css - minimal css toolkit for flat and clean websites
// Under the MIT LICENSE.
// License:    https://github.com/siimple/siimple/blob/master/LICENSE.md
// Repository: https://github.com/siimple
// Website:    https://www.siimple.xyz
//
@import "../variables.scss";
@import "../functions.scss";
@import "../mixins.scss";

//List class
.#{$siimple-prefix}-list {
    display: block;
    width: 100%;
    margin-bottom: $siimple-default-margin-bottom;
    color: $siimple-default-color;
    font-size: $siimple-default-font-size;
    line-height: $siimple-default-line-height;
    //List item 
    &-item {
        display: block;
        padding: 10px;
        background-color: siimple-default-color("light");
        transition: all 0.3s ease;
        text-decoration: none;
        color: $siimple-default-color;
        //position: relative;
        //List with tag
        & .#{$siimple-prefix}-tag {
            //position: absolute;
            //top: 0px;
            //right: 0px;
            float: right;
        }
    }
    &-item:first-child {
        border-top-left-radius: $siimple-default-border-radius;
        border-top-right-radius: $siimple-default-border-radius;
    }
    &-item:last-child {
        border-bottom-left-radius: $siimple-default-border-radius;
        border-bottom-right-radius: $siimple-default-border-radius;
    }
    &-item:not(:last-child) {
        //border-bottom: 1px solid siimple-default-color("light", "dark");
        margin-bottom: 2px;
    }
    &--hover &-item:not(#{&}-item--active):hover {
        background-color: darken(siimple-default-color("light"), 10%);
        cursor: pointer;
    }
    //Active list item
    &-item--active {
        background-color: siimple-default-color("primary", "light");
    }
}
<commit_msg>css: upgrade list component<commit_after>//
// @siimple/css - minimal css toolkit for flat and clean websites
// Under the MIT LICENSE.
// License:    https://github.com/siimple/siimple/blob/master/LICENSE.md
// Repository: https://github.com/siimple
// Website:    https://www.siimple.xyz
//

@use "@siimple/lib" as siimple;

//List class
.#{siimple.$name}-list {
    display: block;
    width: 100%;
    margin-bottom: siimple.$margin-bottom;
    //color: siimple.$text-color;
    //font-size: siimple.$text-size;
    //line-height: siimple.$line-height;
    //List item 
    &-item {
        display: block;
        padding: 10px;
        background-color: siimple.color("light");
        transition: all 0.3s ease;
        text-decoration: none;
        color: siimple.$text-color;
        font-size: siimple.$text-size;
        line-height: siimple.$line-height;
        //position: relative;
        //List with tag
        & .#{siimple.$name}-tag {
            //position: absolute;
            //top: 0px;
            //right: 0px;
            float: right;
        }
    }
    &-item:first-child {
        border-top-left-radius: siimple.$border-radius;
        border-top-right-radius: siimple.$border-radius;
    }
    &-item:last-child {
        border-bottom-left-radius: siimple.$border-radius;
        border-bottom-right-radius: siimple.$border-radius;
    }
    &-item:not(:last-child) {
        margin-bottom: 2px;
    }
    &--hover &-item:not(#{&}-item--active):hover {
        background-color: siimple.darken(siimple.color("light"), 10%);
        cursor: pointer;
    }
    //Active list item
    &-item--active {
        background-color: siimple.color-lighter("primary");
    }
    //Dark list [TODO]
}

{'fraction_non_alphanumeric': 0.1622385528547202, 'fraction_numerical': 0.0070661390616167325, 'mean_word_length': 2.1598214285714286, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 6, 'lorem ipsum': 0, 'www.': 2, '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': '2132165', 'n_tokens_mistral': 1198, 'n_tokens_neox': 1112, 'n_words': 210}