<commit_before>.connector-list, .use-cases-list
    display          flex
    flex-wrap        wrap
    justify-content  flex-start
    margin           0 -.7em 2em

// We differenciate the "real" margin from the "used" margin. The "used" margin
// allow to use a little higher value for flex-basis calculation. Firefox
// and Chrome are behaving well but IE11 need it.
$item-real-margin = .7em
$item-margin = .8em

.item-wrapper
    flex             1 1 'calc(100% - %s * 2)' % $item-margin
    position         relative
    box-sizing       border-box
    border-radius    4px
    background-color white
    border           1px solid alpha(black, .15)
    margin           $item-real-margin
    padding-bottom   1em
    cursor           pointer
    text-decoration  none
    text-align       center
    transition       .2s ease all
    &:hover
        box-shadow 0 4px 12px 0 alpha(black, .15)
        transform  scale(1.05)
        transition .2s ease all
    .item-header
        position      relative
        border-radius 4px 4px 0 0
        height        6em
        background    white
        .item-icon
            position      relative
            display       block
            border-radius 4px 4px 0 0
            width         10em
            height        3em
            margin        0 auto
            top           50%
            transform     translateY(-50%)
    .item-title
    .use-case-title
        padding     0 .5em
        margin      .5em
        color       black
        font-size   em(20px)
        font-weight 700
    .use-case-title
        font-weight 500
        font-size   em(18px)
        text-align  left
        margin-top  1em
    .item-subtitle
        font-size 14px
        padding   0 1em
        margin    0 .5em
        color     grey-06
    .item-status-icon
        position absolute
        width    24px
        height   24px
        bottom   1em
        right    1em

.con-voting-item
    border      2px dashed alpha(black, .15)
    &:hover
        box-shadow  none
    .item-title
        font-size   1em
        font-weight 500

.use-cases-list
    .item-wrapper
        box-shadow  0 2px 6px 0 alpha(black, .15)
        border      0

// Dedicated for IE 11 which seems not to take the default 100% into account.
@media (min-width: 1em)
    .use-case-dialog
        .item-wrapper
            flex-basis 'calc(100% - %s * 2)' % $item-margin

@media (min-width: 38em)
    .item-wrapper
        flex-grow  0
        flex-basis 'calc(50% - %s * 2)' % $item-margin

@media (min-width: 43em)
    .use-case-dialog
        min-width 32em

    .use-case-dialog
        .item-wrapper
            flex-basis 'calc(50% - %s * 2)' % $item-margin

@media (min-width: 50em)
    .item-wrapper
        flex-basis 'calc(33.333% - %s * 2)' % $item-margin

@media (min-width: 60em)
    .use-case-dialog
        min-width 48em

    .use-case-dialog
        .item-wrapper
            flex-basis 'calc(33.33% - %s * 2)' % $item-margin

@media (min-width: 80em)
    .item-wrapper
        flex-basis 'calc(25% - %s * 2)' % $item-margin

    .use-case-dialog
        min-width 64em

    .use-case-dialog
        .item-wrapper
            flex-basis 'calc(25% - %s * 2)' % $item-margin

@media (min-width: 96em)
    .item-wrapper
        flex-basis 'calc(25% - %s * 2)' % $item-margin

        .item-header
            height  9em
            .item-icon
                width   14em
                height  4em

@media (min-width: 108em)
    .use-case-dialog
        min-width 88em

    .use-case-dialog
        .item-wrapper<commit_msg>🐝 fix: style issue with icon that have not the right width/height ratio<commit_after>.connector-list, .use-cases-list
    display          flex
    flex-wrap        wrap
    justify-content  flex-start
    margin           0 -.7em 2em

// We differenciate the "real" margin from the "used" margin. The "used" margin
// allow to use a little higher value for flex-basis calculation. Firefox
// and Chrome are behaving well but IE11 need it.
$item-real-margin = .7em
$item-margin = .8em

.item-wrapper
    flex             1 1 'calc(100% - %s * 2)' % $item-margin
    position         relative
    box-sizing       border-box
    border-radius    4px
    background-color white
    border           1px solid alpha(black, .15)
    margin           $item-real-margin
    padding-bottom   1em
    cursor           pointer
    text-decoration  none
    text-align       center
    transition       .2s ease all
    &:hover
        box-shadow 0 4px 12px 0 alpha(black, .15)
        transform  scale(1.05)
        transition .2s ease all
    .item-header
        position      relative
        border-radius 4px 4px 0 0
        height        6em
        background    white
        .item-icon
            position      relative
            display       block
            border-radius 4px 4px 0 0
            max-width         10em
            max-height        3em
            margin        0 auto
            top           50%
            transform     translateY(-50%)
    .item-title
    .use-case-title
        padding     0 .5em
        margin      .5em
        color       black
        font-size   em(20px)
        font-weight 700
    .use-case-title
        font-weight 500
        font-size   em(18px)
        text-align  left
        margin-top  1em
    .item-subtitle
        font-size 14px
        padding   0 1em
        margin    0 .5em
        color     grey-06
    .item-status-icon
        position absolute
        width    24px
        height   24px
        bottom   1em
        right    1em

.con-voting-item
    border      2px dashed alpha(black, .15)
    &:hover
        box-shadow  none
    .item-title
        font-size   1em
        font-weight 500

.use-cases-list
    .item-wrapper
        box-shadow  0 2px 6px 0 alpha(black, .15)
        border      0

// Dedicated for IE 11 which seems not to take the default 100% into account.
@media (min-width: 1em)
    .use-case-dialog
        .item-wrapper
            flex-basis 'calc(100% - %s * 2)' % $item-margin

@media (min-width: 38em)
    .item-wrapper
        flex-grow  0
        flex-basis 'calc(50% - %s * 2)' % $item-margin

@media (min-width: 43em)
    .use-case-dialog
        min-width 32em

    .use-case-dialog
        .item-wrapper
            flex-basis 'calc(50% - %s * 2)' % $item-margin

@media (min-width: 50em)
    .item-wrapper
        flex-basis 'calc(33.333% - %s * 2)' % $item-margin

@media (min-width: 60em)
    .use-case-dialog
        min-width 48em

    .use-case-dialog
        .item-wrapper
            flex-basis 'calc(33.33% - %s * 2)' % $item-margin

@media (min-width: 80em)
    .item-wrapper
        flex-basis 'calc(25% - %s * 2)' % $item-margin

    .use-case-dialog
        min-width 64em

    .use-case-dialog
        .item-wrapper
            flex-basis 'calc(25% - %s * 2)' % $item-margin

@media (min-width: 96em)
    .item-wrapper
        flex-basis 'calc(25% - %s * 2)' % $item-margin

        .item-header
            height  9em
            .item-icon
                max-width   14em
                max-height  4em

@media (min-width: 108em)
    .use-case-dialog
        min-width 88em

    .use-case-dialog
        .item-wrapper
{'fraction_non_alphanumeric': 0.09426910299003323, 'fraction_numerical': 0.04235880398671096, 'mean_word_length': 1.4003322259136213, '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': '2059823', 'n_tokens_mistral': 2479, 'n_tokens_neox': 2243, 'n_words': 637}