gaf-mobile/app/styles/layout/bid-overview.less

GAF mobile Web site

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

/* Bid Overview */
// The bid overview is currently in use on success view of post-project and as a modal on the project bids view

// 1. Responsive images used in the bid overview content

.bidder-overview {
    padding: 20px;
}

.bidder-overview-img-container {
    max-width: 350px;
}

.bidder-overview-img {
    display: inline-block;
    width:100%;
    margin: 12px 0 -12px 0;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

// 1.
.image-star-rating {
    background-image: url(/images/post-project/post-project-guide-stars.png);
    padding-bottom: 37.14%;
}

.image-earnings {
    background-image: url(/images/post-project/post-project-guide-earnings.png);
    padding-bottom: 36.76%;
}

.image-reviews-total {
    background-image: url(/images/post-project/post-project-guide-reviews.png);
    padding-bottom: 30.95%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 2.5), (min-device-pixel-ratio: 1.5) and (max-device-pixel-ratio: 2.5) {
    .image-star-rating {
        background-image: url(/images/post-project/post-project-guide-stars@2x.png);
    }
    .image-earnings {
        background-image: url(/images/post-project/post-project-guide-earnings@2x.png);
    }
    .image-reviews-total {
        background-image: url(/images/post-project/post-project-guide-reviews@2x.png);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.5), (min-device-pixel-ratio: 2.5) {
    .image-star-rating {
        background-image: url(/images/post-project/post-project-guide-stars@3x.png);
    }
    .image-earnings {
        background-image: url(/images/post-project/post-project-guide-earnings@3x.png);
    }
    .image-reviews-total {
        background-image: url(/images/post-project/post-project-guide-reviews@3x.png);
    }
}