gaf-mobile/app/styles/layout/post-project-chessboard.less

GAF mobile Web site

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

/* Post project chessboard */

.post-project {
    &-chessboard {
        background: @body-bg-light;
        position: relative;

        &-title {
            text-align: center;
            font-size: @type-size-xxlge;
            color: @text-color-light;
            font-weight: @type-weight-bold;
            margin-bottom: 30px;
        }

        &-hiregrid {
            padding-bottom: 20px;

            &-inner {
                max-width: @max-width;
                margin: 0 auto;
            }
        }

        &-cta {
            padding: 20px 20px 0;
        }

        &-skillselector-title {
            margin-top: 50px;
        }

        &-hiregrid-footer-link {
            display: block;
            margin: 20px 0;
            text-align: center;
        }

        &-posting-guide {
            &.posting-guide {
                padding-bottom: 40px;
            }
        }

        &-content {
            margin-top: @spacing-mid;
            padding-top: @spacing-small;
            padding-bottom: @spacing-small;
            background-color: @primary-color-xlight;
        }

        &-content-text {
            line-height: 1.5em;
        }
    }

    &-banner {
        background-color: @primary-color;
        background: url("/images/post-project/ppp-hero.jpg") center / cover no-repeat;
    }
}

@media only screen and (orientation:landscape) {
    .post-project-chessboard-title {
        margin-bottom: 10px;
    }
    .post-project-chessboard-hiregrid {
        padding-bottom: 110px;
    }
}