<commit_before>.poppy {
    visiblity:hidden;
    display:inline-block;
    opacity:0;
    position:absolute;
}
.poppy-background {
    opacity:0.925;
    z-index:0;
    backface-visibility:hidden;
    background:#000;
    transform:translateZ(0);
}
.poppy-arrow {
    position:absolute;
    z-index:-1;
    background:inherit;
    transition:  all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transform:rotateZ(45deg);
}
.poppy-background-overlay {
    z-index:0;
    background:inherit;
    border-radius:4px;
    border-top-width:0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    transform: translateZ(0);
    height: 100%;
    transition : all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.poppy-content {
    display:inline-block;
    z-index: 1;
    position: relative;
    pointer-events:all;
    transition:none;
    padding-left: 10px;
    width: auto;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    color: #fff;
    font-size: 12px;
    box-sizing: border-box;
}
.poppy-overflow {
    position:relative;
    display: inline-block;
    z-index:0;
    padding:0;
}
.poppy-content-wrapper {
    position:absolute;
    pointer-events:all;
    width:auto;
    display:inline-block;
    transition:all 450ms cubic-bezier(0.23,1,0.32,1) 0ms;
    overflow:hidden;
    z-index:1;
}
.poppy-title-wrapper {
    z-index:1;
    position:absolute;
    display:inline-block;
    width: 100%;
    text-align: center;
    transition: none;
    color: #fff;
}
.poppy-title {
    display: inline-block;
    padding: 10px;
}<commit_msg>add more demos for react-poppy<commit_after>.poppy {
    visiblity:hidden;
    display:inline-block;
    opacity:0;
    position:absolute;
}
.poppy-background {
    opacity:0.925;
    z-index:0;
    backface-visibility:hidden;
    background:#000;
    transform:translateZ(0);
}
.poppy-arrow {
    position:absolute;
    z-index:-1;
    background:inherit;
    transition:  all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transform:rotateZ(45deg);
}
.poppy-background-overlay {
    z-index:0;
    background:inherit;
    border-radius:4px;
    border-top-width:0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    transform: translateZ(0);
    height: 100%;
    transition : all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.poppy-content {
    display:inline-block;
    z-index: 1;
    position: relative;
    /*pointer-events:all;*/
    transition:none;
    padding-left: 10px;
    width: auto;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    color: #fff;
    font-size: 12px;
    box-sizing: border-box;
}
.poppy-overflow {
    position:relative;
    display: inline-block;
    z-index:0;
    padding:0;
}
.poppy-content-wrapper {
    position:absolute;
    /*pointer-events:all;*/
    width:auto;
    display:inline-block;
    transition:all 450ms cubic-bezier(0.23,1,0.32,1) 0ms;
    overflow:hidden;
    z-index:1;
}
.poppy-title-wrapper {
    z-index:1;
    position:absolute;
    display:inline-block;
    width: 100%;
    text-align: center;
    transition: none;
    color: #fff;
}
.poppy-title {
    display: inline-block;
    padding: 10px;
}
{'fraction_non_alphanumeric': 0.14196176747101222, 'fraction_numerical': 0.050141021623315574, 'mean_word_length': 2.790973871733967, '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': '5167258', 'n_tokens_mistral': 1297, 'n_tokens_neox': 1181, 'n_words': 218}