gaf-mobile/app/styles/layout/MembershipUpsell.less

GAF mobile Web site

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

/* Membership Upsell */

.MembershipUpsell {
    &-inner {
        padding: 32px 16px 48px;
        color: @text-color-light;
        background-color: @quaternary-color-xdark;

        &-title {
            text-align: center;
            color: currentcolor;
        }

        &-byLine {
            font-size: @type-size-xlge;
            text-align: center;
        }
    }

    &-content {
        margin: 24px auto 0;
        padding: 32px 24px;
        border-radius: @border-radius;
        text-align: center;
        color: @text-color-dark;
        background-color: @septenary-color-xxxlight;

        &-title {
            font-size: @type-size-xxlge;
            text-transform: capitalize;
        }

        &-list {
            .list-unstyled();
            margin: 24px 0;
            padding-top: 24px;
            border-top: 1px solid @border-color;

            &-item {
                margin-top: 12px;
                font-size: @type-size-lge;
            }
        }

        &-error {
            margin-top: 5px;
        }
    }

    &-btnSkip {
        display: block;
        margin: 36px auto;
        color: currentcolor;
    }
}