6-page-content-elements edit

header.m-title

Home


Notice: Undefined variable: subtitle in /www/virtualhosts/htdocs/creative.wm.edu/public_html/atomic-docs/wm/components/6-page-content-elements/header.php on line 6
Copy
Edit
<!-- components/6-page-content-elements/header.php --> <header class="m-title"> <h1 class="m-title__main-title"><?php echo $title; ?></h1> <?php if ($subtitle != '') { ?> <p class="m-title__sub-title"><?php echo $subtitle; ?></p> <?php }; ?> </header>
Copy
Copy
Edit
/* scss/6-page-content-elements/_header.scss */ .m-title { margin-bottom: 1.2rem; } .m-title__main-title, #expertProfile #person_name { margin: 0 0 5px 0; letter-spacing: 0; color: var(--color-wmgreen-90); font-family: font(alt-heading-serif); font-size: 2.04rem; font-weight: font(alt-heading-weight, medium); line-height: 1.2; font-feature-settings: "lnum"; @include breakpoint($mobile-to-wide-mobile-breakpoint) { font-size: 40px; } } .m-title__sub-title { margin: 0 0 $md-content-margin 0; letter-spacing: 0.03em; color: var(--color-wmgreen-90); font-family: font(heading-serif-italic); font-weight: font(serif-weight, medium); font-size: 1.48rem; font-style: italic; line-height: 1.2; font-feature-settings: "lnum"; }