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

GAF mobile Web site

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

/* Post project templates */

.post-project-template {
    position: absolute;
    height: 100%;
    width: 100%;

    .post-project-button {
        margin: 15px 0;
    }
}

.post-project-template-banner {
    color: @septenary-color-xxxlight;
    background-color: @quaternary-color-xdark;
    .section-inner {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.post-project-template-banner-details,
.post-project-template-banner-title {
    display: block;
}

.post-project-template-banner-details {
    padding-right: 28px;
}

.post-project-template-banner-link {
    display: inline-block;
    margin-top: 4px;
    color: @septenary-color-xxxlight;
    text-decoration: underline;
}

.post-project-template-banner-close {
    position: absolute;
    right: 8px;
    top: 2px;
    bottom: 0;
    margin: auto;
    padding: 0px 6px;
    font-size: @type-size-xlge;
    line-height: 0;

    // Baseline consistancy fix
    &::after {
        content: '';
        display: inline-block;
        height: 24px;
    }
}

@media only screen and (min-width: 341px) {
    .post-project-template-banner-close {
        right: 2px;
    }
}

.post-project-template-form {
    .default-vertical-padding;

    &-note {
        background-color: @site-bg--dark;
        padding: 10px;
        border-radius: 2px;
        color: @septenary-color-xxxlight;
    }
}

.post-project-template-summary {
    display: block;
    font-size: @type-size-xlge;
    font-weight: 300;
    line-height: 1.2em;
    margin-bottom: 20px;
}

.post-project-template-description {
    min-height: 160px;
}