gaf-mobile/app/styles/modules/AwardModal.less

GAF mobile Web site

@import (reference) '../libs/mixins';
@import (reference) '../themes/variables';

.AwardModal {
    text-align: center;

    .modal-inner {
        padding: 30px 0 70px;
    }

    &-heading {
        margin-bottom: 18px;
        font-size: @type-size-xlge;
        font-weight: normal;
        line-height: 1.2;
        color: @text-color-xdark;
    }

    &-desc {
        margin-bottom: 24px;
        line-height: 1.42;
    }

    & &-checkbox {
        margin: 0;
        .flex-shrink(0);
    }

    &-milestone {
        .flex();
        .flex-align-items(center);
        padding: 15px 0;

        &:not(:last-child) {
            border-bottom: 1px solid @border-color--dark;
        }

        &Detail {
            padding: 0 15px;
        }

        &Index {
            display: block;
            margin-bottom: 3px;
        }

        &Value {
            text-align: right;
            .flex-grow(1);
        }

        &Fee {
            display: block;
            color: @quaternary-color-xlight;
        }

        &List {
            .list-unstyled(@margin: 0 0 25px);
            border: solid @border-color--dark;
            border-width: 1px 0;
            text-align: left;
            background-color: @quaternary-color-xxxxxlight;
        }

        &--total {
            text-align: right;
        }
    }

    &-info {
        .flex();
        align-items: center;
        margin-bottom: 12px;
        line-height: 1.42;

        &List {
            .list-unstyled(@margin: 0 0 21px);
            text-align: left;
        }
    }

    &-icon {
        width: 28px;
        height: 28px;
        stroke: @quinary-color;
        stroke-width: 1.3;

        &Holder {
            .flex-shrink(0);
            padding-right: 10px;
        }
    }

    &-row {
        padding-left: 20px;
        padding-right: 20px;
    }

    &-terms {
        margin-bottom: 25px;
        font-size: @type-size-sml;
        color: @quaternary-color-xlight;
        line-height: 1.33;
    }

    &-btn {
        display: block;
        width: 100%;
    }

    &-cancel {
        display: inline-block;
        margin-top: 20px;
        color: @text-color-mid;
    }
}