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

GAF mobile Web site

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

/**
 * Profile Snapshot
 */

.ProfileSnapshot {
    .flex();
    position: relative;

    &-figure {
        .flex-shrink(0);
        margin: 0;
        width: 58px;
    }

    &-content {
        .flex-grow(1);
        padding-left: 14px;
    }

    &-userName {
        display: block;
        margin-bottom: 10px;
        font-size: @type-size-lge;
        font-weight: @type-weight-regular;
    }

    &-userDesc {
        margin: 0 0 11px;
        line-height: 1.43;

        a {
            font-weight: @type-weight-bold;
        }
    }

    &-rating {
        margin-bottom: 8px;
    }

    &-bid {
        .flex();
        margin-bottom: 10px;

        &Proposal {
            font-weight: @type-weight-bold;
        }
    }

    &-postedDate {
        margin-left: auto;
        font-size: @type-size-sml;
        color: @quaternary-color-light;
    }

    &-action {
        &List {
            display: table;
            .list-unstyled();
        }

        &Item {
            display: table-cell;
            vertical-align: middle;

            &:not(:last-child) {
                padding-right: 10px;
            }
        }
    }

    &-coverLink {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    &-toggleDesc {
        position: relative;
        z-index: 2;
    }

    &-newFreelancerLabel {
        color: @quinary-color;
    }
}