<commit_before>//
// App
// ==============================

@import "ionicons/ionicons.less";
@import "../../node_modules/touchstonejs/less/touchstone.less";
@import "views/passcode.less";
@import "demo.less";


@re-blue: rgb(70, 86, 160);
@re-yellow: #FDFD00;
@re-light-blue: #3498DB;
@re-orange: #EC971F;
@re-grey: #F5F5F5;

.Range-input {
    .display-flex();
//    padding: 12px 0;
    min-height: 44px;

    vertical-align: middle;

    -webkit-align-items: center;
    align-items: center;

    -webkit-justifiy-content: center;
    justify-content: center;

    &::before {
        font-size: @ionicons-size-large;
        padding: 0 5px;
    }

    input {
        width: 100%;
    }

    span::before {
        font-size: @ionicons-size-large;
        padding: 0 5px;
    }
}

/* entire container, keeps perspective */
.flip-container {
    // -webkit-perspective: 1000;
    perspective: 1000;
}

/* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper {
    -webkit-transform: rotateY(180deg) translateY(-50%);
    transform: rotateY(180deg) translateY(-50%);
}

.flip-container.flipped .flipper, .flip-container.hover .flipper {
    -webkit-transform: rotateY(180deg) translateY(-50%);
    transform: rotateY(180deg) translateY(-50%);
}

.flipper.flip-enter, .flipper.flip-appear {
    -webkit-transform: rotateY(180deg) translateY(-50%);
    transform: rotateY(180deg) translateY(-50%);
}

.flipper.flip-enter.flip-enter-active, .flipper.flip-appear.flip-appear-active {
    -webkit-transform: rotateY(360deg) translateY(-50%);
    transform: rotateY(360deg) translateY(-50%);
}

.flipper.flip-leave.flip-leave-active {
    -webkit-transform: rotateY(0) translateY(-50%);
    transform: rotateY(0) translateY(-50%);
}

// .flip-container, .front, .back {
//     width: 320px;
//     height: 480px;
// }<commit_msg>More css changes for csstransgrp flipper<commit_after>//
// App
// ==============================

@import "ionicons/ionicons.less";
@import "../../node_modules/touchstonejs/less/touchstone.less";
@import "views/passcode.less";
@import "demo.less";


@re-blue: rgb(70, 86, 160);
@re-yellow: #FDFD00;
@re-light-blue: #3498DB;
@re-orange: #EC971F;
@re-grey: #F5F5F5;

.Range-input {
    .display-flex();
//    padding: 12px 0;
    min-height: 44px;

    vertical-align: middle;

    -webkit-align-items: center;
    align-items: center;

    -webkit-justifiy-content: center;
    justify-content: center;

    &::before {
        font-size: @ionicons-size-large;
        padding: 0 5px;
    }

    input {
        width: 100%;
    }

    span::before {
        font-size: @ionicons-size-large;
        padding: 0 5px;
    }
}

/* entire container, keeps perspective */
.flip-container {
    // -webkit-perspective: 1000;
    perspective: 1000;
}

/* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper {
    -webkit-transform: rotateY(180deg) translateY(-50%);
    transform: rotateY(180deg) translateY(-50%);
}

.flip-container.flipped .flipper, .flip-container.hover .flipper {
    -webkit-transform: rotateY(180deg) translateY(-50%);
    transform: rotateY(180deg) translateY(-50%);
}

.flipper.flip-enter, .flipper.flip-appear {
    -webkit-transform: rotateY(180deg) translateY(-50%);
    transform: rotateY(180deg) translateY(-50%);
}

.flipper.flip-enter.flip-enter-active, .flipper.flip-appear.flip-appear-active {
    -webkit-transform: rotateY(360deg) translateY(-50%);
    transform: rotateY(360deg) translateY(-50%);
}

.flipper.flip-leave {
    -webkit-transform: rotateY(180deg) translateY(-50%);
    transform: rotateY(180deg) translateY(-50%);
}

.flipper.flip-leave.flip-leave-active {
    -webkit-transform: rotateY(360deg) translateY(-50%);
    transform: rotateY(360deg) translateY(-50%);
}

// .flip-container, .front, .back {
//     width: 320px;
//     height: 480px;
// }
{'fraction_non_alphanumeric': 0.18487179487179486, 'fraction_numerical': 0.050256410256410255, 'mean_word_length': 3.1901181525241675, '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': '7344166', 'n_tokens_mistral': 1611, 'n_tokens_neox': 1384, 'n_words': 248}