@use '../function' as *;

@mixin roolith-stat() {
    .stat {
        text-align: center;
        padding: rem(15) 0;
    }

    .stat-header {
        display: block;
        font-size: rem(12);
        padding-bottom: rem(7);
        color: var(--r-color-dark-lighten-20);
    }

    .stat-body {
        display: block;
        font-size: rem(32);
        font-weight: var(--r-global-font-bold-weight);
    }

    .stat-footer {
        display: block;
        font-size: rem(12);
        padding-top: rem(10);
        color: var(--r-color-dark-lighten-40);
    }
}