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

GAF mobile Web site

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

/* User Sign Up view */

// 1. Overrides background colour to extent the white form background to full height.


/* Shared Components */

.btn-facebook {
    display: block;
    margin-top: 25px;
    margin-bottom: 15px;
}

.signup-show-password {
    margin: 10px 0 5px;
    white-space: nowrap;
}

.signup-role {
    white-space: nowrap;
    margin-bottom: 20px;
}

.signup-role-label {
    display: inline-block;
    margin: 10px 6px 6px 0;
}


/* Sections */

.signup {
    background: @septenary-color-xxxlight; // 1.
}

.signup-facebook {
    .default-vertical-padding;
    width: 100%;
    background-color: @body-bg; // 1.
    padding-bottom: 35px;
}

.signup-freelancer {
    position: relative;
    padding-top: 35px;
    &::before {
        position: absolute;
        display: inline-block;
        top: -15px;
        left: 50%;
        right: 0;
        margin-left: -15px;
        width: 30px;
        height: 30px;
        border-radius: 18px;
        font-size: 15px;
        line-height: 1.9em;
        text-align: center;
        color: darken(@body-bg, 25%);
        background-color: @septenary-color-xxxlight;
        border: 2px solid @body-bg;
        z-index: 1;
        content: 'or';
    }

    .signup-freelancer-button {
        display: block;
        margin: 15px auto;
    }

    .create-account-button {
        margin: 10px 0 15px;
    }
}

.signup-facebook-linked {
    .default-vertical-padding;
}

.signup-freelancer-login-link {
    display: block;
    margin: 0 0 1em;
    font-size: @type-size-sml;
    color: @septenary-color;
    text-align: center;
}

.signup-facebook-welcome-user {
    display: block;
    margin: 20px 0 10px;
    font-size: @type-size-xlge;
    font-weight: 300;
}

.signup-facebook-linked-user {
    margin: 20px 0;

    .facebook-profile-image {
        float: left;
        margin: -4px 10px 0 0;
        width: 30px;
        height: 30px;
    }
}

.signup-facebook-linked-form {
    margin: 0;

    .create-account-button {
        margin: 10px 0;
    }
}

.signup-success {
    .default-vertical-padding;
    text-align: center;

    .post-project-button {
        margin-top: 40px;
    }

    .select-skills-button {
        margin-top: 20px;
    }
}