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

GAF mobile Web site

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

/**
 * Project Snapshot
 *
 * A snapshot of Projects and it's details
 * Currently used in Dashboard, My Projects and Browse Projects page
 *
 * Markup: ProjectSnapshot.html
 *
 * Styleguide 5
 */

.ProjectSnapshot {
    padding-top: 11px;
    padding-bottom: 16px;
    font-weight: @type-weight-medium;
    word-wrap: break-word;

    &-overlayLink {
        display: block;
    }

    &-promotions {
        margin: 8px 0 5px;
        font-size: 0;
    }

    &-title {
        margin-top: 0;
        font-size: @type-size-lge - 2;
        font-weight: @type-weight-bold;
        color: @primary-color-dark;

        &:only-child {
            margin-bottom: 0;
        }
    }

    &-desc {
        font-size: @type-size-sml;
        color: @text-color-dark;
    }

    &-tags {
        margin-bottom: 3px;
        color: @text-color-mid;
    }

    &-awarded {
        padding-top: 2px;
        margin-bottom: 10px;
        font-size: @type-size-sml;
        color:@text-color-mid;
    }

    &-avatar {
        vertical-align: middle;
        margin-bottom: 1px;

        &:not(:first-of-type) {
            margin-left: 3px;
        }
    }

    /* Details Section */
    &-details {
        .flex();
        .flex-wrap(wrap);
    }

    &-location {
        margin-top: 25px;
        color: @text-color-mid;
    }

    &-budget,
    &-detail {
        font-size: @type-size-sml;
    }

    &-budget {
        font-weight: @type-weight-medium;
        color: @text-color-dark;
    }

    &-deadline {
        font-weight: @type-weight-regular;
    }

    &-detail {
        margin-left: auto;
        text-align: right;
        color: @text-color-mid;
    }

    &-btn {
        margin-top: 10px;
    }
}