gaf-mobile/app/styles/layout/PageHeader.less

GAF mobile Web site

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

/**
 * Page Header
 *
 * Common Page Header
 *
 * Markup: PageHeader.html
 *
 * Styleguide 8
 */

.PageHeader {
    padding-top: @spacing-small;
    padding-bottom: @spacing-small;
    color: @text-color-light;
    text-align: left;
    background-color: @site-bg--dark;

    &-title {
        .type(heading1);
        margin-top: 0;
        margin-bottom: 0;
        color: inherit;
        word-break: break-word;
    }

    &-byLine {
        .type(heading3);
        margin-top: @spacing-xsmall;
        margin-bottom: 0;
    }

    &-label {
        .visibly-hidden();
    }

    .section-inner {
        padding-left: @spacing-small;
        padding-right: @spacing-small;
    }
}