@use "../utils/typography";
@use "../utils/colors";
@use "./forms";

.progression {
    .progression-entry {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;

        padding-right: 3px;
        h2.progression-label {
            @include typography.font-heading-upper;
            display: block;
            height: 50px;
            padding: 0;
            color: colors.$c-light-grey;
            border: none;
            line-height: 50px;
            margin: forms.$header-top-margin 0;
            text-align: right;
            //flex: 0;
        }
        input.progression-value {
            margin-left: 5px;
            flex: 0 0 40px;
            text-align: left;
        }
    }
}