<commit_before>#loaddata {
    display: none;
}

title-font = "DFPLeiSho-SB", "HGP行書体", serif;
defen-font = "Georgia", serif;

@keyframes blink {
    100% { opacity: 0.7; }
}

.hide {
    display: none;
}
.fadeout {
    opacity: 0;
}

shoupai-size($width, $height, $bingpai-height, $fulou-height) {
    width:  $width;
    height: $height;
    .bingpai {
        margin-top: $height - $bingpai-height;
        .pai {
            width: ($bingpai-height * 5 / 7);
            height: $bingpai-height;
            transition: width 0.2s ease-out;
            &.deleted {
                opacity: 0;
                width: 0px;
            }
            &.selected {
                transform: translate(0px, - $bingpai-height / 7);
            }
        }
        .zimo {
            margin-left:  ($bingpai-height * 5 / 7 * 0.1);
            margin-right: ($bingpai-height * 5 / 7 * 0.1);
        }
    }
    .fulou {
        margin-top: $height - $fulou-height;
        .rotate {
            width: $fulou-height;
            transform: rotate(270deg) translate(- $fulou-height, 0px);
        }
        .pai {
            width: ($fulou-height * 5 / 7);
            height: $fulou-height;
        }
    }
}

.shoupai {
    display: table;
    .bingpai {
        line-height: 0px;
        float: left;
    }
    .fulou {
        line-height: 0px;
        float: right;
        .mianzi {
            white-space: nowrap;
            margin-left: 2px;
            float: right;
            .rotate {
                display: inline-block;
                white-space: nowrap;
                text-align: left;
                transform-origin: 0% 0%;
            }
        }
    }
}

he-size($width, $dapai-height, $mode = block) {
    width:  $width;
    if ($mode == line) {
        height: ($dapai-height * (2 + 7) / 7);
    }
    else {
        height: ($dapai-height * (2 + 7 * 3) / 7);
    }
    div.lizhi {
        width:  ($dapai-height * 5 / 7 * 6);
        height: ($dapai-height * 2 / 7);
        if ($mode == line) {
            text-align: left;
        }
        else {
            text-align: center;
        }
        .choma {
            max-width: @width * 0.6;
        }
    }
    div.dapai {
        if ($mode == line) {
            height: $dapai-height;
        }
        else {
            height: $dapai-height * 3;
        }
        .lizhi {
            width: $dapai-height;
        }
        .pai {
            width: ($dapai-height * 5 / 7);
            height: $dapai-height;
        }
        .break {
            if ($mode == line) {
                display: inline-block;
                width: ($dapai-height * 5 / 7 * 0.1);
            }
            else {
                display: block;
            }
        }
    }
}

.he {
    div.lizhi {
        line-height: 0px;
    }
    div.dapai {
        line-height: 0px;
        .lizhi {
            display: inline-block;
            text-align: left;
            transform: rotate(270deg);
            .pai.dapai {
                transform: translate(-2px, 4px);
            }
        }
        .pai {
            &.mopai {
                opacity: 0.8;
            }
            &.dapai {
                transform: translate(4px, 2px);
            }
        }
    }
}

pai-size($pai-height) {
    .pai {
        width: ($pai-height * 5 / 7);
        height: $pai-height;
    }
}

.huledialog {
    white-space: nowrap;
    transition: opacity 0.2s ease-out;
    .hule {
        .shan {
            font-family: title-font;
        }<commit_msg>#24 ツモ切りをより目立つようにした<commit_after>#loaddata {
    display: none;
}

title-font = "DFPLeiSho-SB", "HGP行書体", serif;
defen-font = "Georgia", serif;

@keyframes blink {
    100% { opacity: 0.7; }
}

.hide {
    display: none;
}
.fadeout {
    opacity: 0;
}

shoupai-size($width, $height, $bingpai-height, $fulou-height) {
    width:  $width;
    height: $height;
    .bingpai {
        margin-top: $height - $bingpai-height;
        .pai {
            width: ($bingpai-height * 5 / 7);
            height: $bingpai-height;
            transition: width 0.2s ease-out;
            &.deleted {
                opacity: 0;
                width: 0px;
            }
            &.selected {
                transform: translate(0px, - $bingpai-height / 7);
            }
        }
        .zimo {
            margin-left:  ($bingpai-height * 5 / 7 * 0.1);
            margin-right: ($bingpai-height * 5 / 7 * 0.1);
        }
    }
    .fulou {
        margin-top: $height - $fulou-height;
        .rotate {
            width: $fulou-height;
            transform: rotate(270deg) translate(- $fulou-height, 0px);
        }
        .pai {
            width: ($fulou-height * 5 / 7);
            height: $fulou-height;
        }
    }
}

.shoupai {
    display: table;
    .bingpai {
        line-height: 0px;
        float: left;
    }
    .fulou {
        line-height: 0px;
        float: right;
        .mianzi {
            white-space: nowrap;
            margin-left: 2px;
            float: right;
            .rotate {
                display: inline-block;
                white-space: nowrap;
                text-align: left;
                transform-origin: 0% 0%;
            }
        }
    }
}

he-size($width, $dapai-height, $mode = block) {
    width:  $width;
    if ($mode == line) {
        height: ($dapai-height * (2 + 7) / 7);
    }
    else {
        height: ($dapai-height * (2 + 7 * 3) / 7);
    }
    div.lizhi {
        width:  ($dapai-height * 5 / 7 * 6);
        height: ($dapai-height * 2 / 7);
        if ($mode == line) {
            text-align: left;
        }
        else {
            text-align: center;
        }
        .choma {
            max-width: @width * 0.6;
        }
    }
    div.dapai {
        if ($mode == line) {
            height: $dapai-height;
        }
        else {
            height: $dapai-height * 3;
        }
        .lizhi {
            width: $dapai-height;
        }
        .pai {
            width: ($dapai-height * 5 / 7);
            height: $dapai-height;
        }
        .break {
            if ($mode == line) {
                display: inline-block;
                width: ($dapai-height * 5 / 7 * 0.1);
            }
            else {
                display: block;
            }
        }
    }
}

.he {
    div.lizhi {
        line-height: 0px;
    }
    div.dapai {
        line-height: 0px;
        .lizhi {
            display: inline-block;
            text-align: left;
            transform: rotate(270deg);
            .pai.dapai {
                transform: translate(-2px, 4px);
            }
        }
        .pai {
            &.mopai {
                opacity: 0.8;
            }
            &.dapai {
                transform: translate(4px, 2px);
            }
            &.dapai.mopai {
                opacity: 0.6;
            }
        }
    }
}

pai-size($pai-height) {
    .pai {
        width: ($pai-height * 5 / 7);
        height: $pai-height;
    }
}

.huledialog {
    white-space: nowrap;
    transition: opacity 0.2s ease-out;
    .hule {
        .shan {
            font-family: title-font;
        }
{'fraction_non_alphanumeric': 0.13782950084127873, 'fraction_numerical': 0.019910263600673023, 'mean_word_length': 1.0832359813084111, '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': '7441221', 'n_tokens_mistral': 2523, 'n_tokens_neox': 2403, 'n_words': 476}