<commit_before>page-home {
    ion-navbar {
        ion-buttons[right] {
            button:not(:last-of-type) {
                margin-right: 0.5em;
            }
            &.bar-buttons-ios {
                ion-icon[name="mypal-fares"] {
                    font-size: 1.3em;
                }
            }
        }
    }
    ion-content {
        .scroll-content {
            background: $background-color; // override so pull to refresh doesn't overlap page
            border-top: none !important; // override so pull to refresh has no border
        }
    }
    .home-content {
        animation: 0.4s homeContentLoaded ease-out;
    }
    .replaced {
        background: color($colors, danger, base);
        color: white;
        text-align: center;
    }
    .card.balance {
        position: relative;
        .balance-icon {
            position: absolute;
            top: $content-padding;
            right: $content-padding;
            ion-icon {
                font-size: 6em;
                background: linear-gradient(#eef0f4, #f3f4f7);
            }
        }
        .card-inner {
            flex: 1 0;
            position: relative;
            .balance-hero {
                font-size: 2.3em;
                font-weight: 600;
                margin: 0.2em 0;
                line-height: 1.2;
                &.inactive {
                    color: color($colors, light-blue, base);
                }
                .autotopup {
                    background: #5ec700;
                    display: inline-block;
                    vertical-align: middle;
                    font-size: 1.3rem;
                    font-weight: normal;
                    padding: 0.4em 0.5em;
                    margin: -0.5em 0 0 0;
                    border-radius: $card-radius;
                    color: #e5ffce;
                    ion-icon {
                        margin-right: 0.3em;
                        vertical-align: middle;
                        margin-top: -0.1em;
                    }
                }
            }
            .info {
                color: color($colors, dark, base);
                line-height: 1.5;
                font-size: 1.1em;
                >div {
                    &+div {
                        margin-top: 0.5em;
                    }
                }
                .inprogress {}
            }
            button {
                margin: 0.7em 0 0 0;
            }
        }
        &.pass {
            .buttons {
                display: flex;
                button.topup {
                    flex: 1 0;
                }
                button.reminder {
                    margin-left: 0.5em;
                    ion-icon {
                        font-size: 1.5em;
                        padding: 0 0.7em;
                    }
                }
            }
        }
    }
    .card-list {
        div[item-right] {
            text-align: right; // tweak so that line-wrapped words are right-aligned
        }
        .nickname-unset {
            color: color($colors, light-blue, base);
        }
        ion-icon.reminder {
            font-size: 1.3em;
            line-height: 1.3em;
        }
    }
    .loading {
        padding: 3em 0 !important;
    }
}

@keyframes homeContentLoaded {
    0% {
        opacity: 0;
        transform: scale(0.97) translateY(10px);
    }

    100% {
        opacity: 1;
    }
}<commit_msg>Tweak home animation<commit_after>page-home {
    ion-navbar {
        ion-buttons[right] {
            button:not(:last-of-type) {
                margin-right: 0.5em;
            }
            &.bar-buttons-ios {
                ion-icon[name="mypal-fares"] {
                    font-size: 1.3em;
                }
            }
        }
    }
    ion-content {
        .scroll-content {
            background: $background-color; // override so pull to refresh doesn't overlap page
            border-top: none !important; // override so pull to refresh has no border
        }
    }
    .home-content {
        animation: 0.3s homeContentLoaded ease-out;
    }
    .replaced {
        background: color($colors, danger, base);
        color: white;
        text-align: center;
    }
    .card.balance {
        position: relative;
        .balance-icon {
            position: absolute;
            top: $content-padding;
            right: $content-padding;
            ion-icon {
                font-size: 6em;
                background: linear-gradient(#eef0f4, #f3f4f7);
            }
        }
        .card-inner {
            flex: 1 0;
            position: relative;
            .balance-hero {
                font-size: 2.3em;
                font-weight: 600;
                margin: 0.2em 0;
                line-height: 1.2;
                &.inactive {
                    color: color($colors, light-blue, base);
                }
                .autotopup {
                    background: #5ec700;
                    display: inline-block;
                    vertical-align: middle;
                    font-size: 1.3rem;
                    font-weight: normal;
                    padding: 0.4em 0.5em;
                    margin: -0.5em 0 0 0;
                    border-radius: $card-radius;
                    color: #e5ffce;
                    ion-icon {
                        margin-right: 0.3em;
                        vertical-align: middle;
                        margin-top: -0.1em;
                    }
                }
            }
            .info {
                color: color($colors, dark, base);
                line-height: 1.5;
                font-size: 1.1em;
                >div {
                    &+div {
                        margin-top: 0.5em;
                    }
                }
                .inprogress {}
            }
            button {
                margin: 0.7em 0 0 0;
            }
        }
        &.pass {
            .buttons {
                display: flex;
                button.topup {
                    flex: 1 0;
                }
                button.reminder {
                    margin-left: 0.5em;
                    ion-icon {
                        font-size: 1.5em;
                        padding: 0 0.7em;
                    }
                }
            }
        }
    }
    .card-list {
        div[item-right] {
            text-align: right; // tweak so that line-wrapped words are right-aligned
        }
        .nickname-unset {
            color: color($colors, light-blue, base);
        }
        ion-icon.reminder {
            font-size: 1.3em;
            line-height: 1.3em;
        }
    }
    .loading {
        padding: 3em 0 !important;
    }
}

@keyframes homeContentLoaded {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }

    100% {
        opacity: 1;
    }
}
{'fraction_non_alphanumeric': 0.09986878553725033, 'fraction_numerical': 0.023181221752442048, 'mean_word_length': 0.8376640771497456, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '3592783', 'n_tokens_mistral': 2023, 'n_tokens_neox': 1818, 'n_words': 377}