/** * Layout tier: page-type/section-scoped CSS with no obvious component home. * * Ported (DRUP-3910, Phase 1) from wms-style-guide's Fractal-compiled SCSS. * Each source file below was only partially live; only the rule(s) * confirmed live per 00-inventory.md/00-migration-map.md (and the * 2026-07-22 follow-up audit) are included here. SCSS variables resolved * to literal values (cross-checked against the compiled public/css/ * global.css); nesting flattened; mixins expanded. */ /* staff_grid.scss */ /* * .staff-grid / .staff: styles the real Views template * views-view-unformatted--research-staff-directory.html.twig's *
wrapper and the node--person--research- * staff-directory.html.twig row's
. The rest of * staff_grid.scss (including the #views-exposed-form-research-staff- * directory-block-1 selector) is dead alongside staff_grid.twig and is * intentionally excluded. */ .staff-grid { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; gap: 2rem; } .staff-grid .staff { max-width: calc(300px + 1rem); } /* news_article.scss */ /* * .tags: targets templates/field/field--field-tags.html.twig:29's *
, also used by node--news--full.html.twig. * The article { .page-title { &::after } } rule is mockup-scoped and * confirmed dead alongside news_article.twig; excluded here. */ .tags { background-color: #f8f8f8; padding: 2rem; border-top: 3px solid #ffe41e; border-top: 3px solid var(--accent_color, #ffe41e); } .tags ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: row; flex-wrap: wrap; } .tags ul li::after { content: ','; padding: 0 5px 0 0; } .tags ul li:last-of-type::after { content: ''; padding: 0; } /* org_unit_page.scss */ /* * Whole file kept — no Twig exists for org_unit_page at all, just this * page-type-scoped CSS. .page-node-type-org_unit is added to by * lehigh_clutch_preprocess_html() for every org_unit node. */ .page-node-type-org_unit .right-content .view .views-field-field-ou-logo img { max-width: 100%; } /* event_page.scss */ /* * .side_register .btn: targets base_layout's
* sidebar wrapper (06-page_layouts/00-base_layout/base_layout.twig) and * the real field template templates/field/field--node--field-event-reg- * url.html.twig:12, both wrapping an @a_tag include that renders * class="btn btn-primary ...". */ .side_register .btn { width: 225px; padding: 1rem; } /* podcast_page.scss (byte-identical to standard_page.scss; not ported separately) */ /* * .right-content > div: targets the real sidebar
rendered by * 00-base_layout/base_layout.twig:84, live via page.html.twig's * page.sidebar_left. The source's other rule block (grid wrapper, with * its nested title/page_navigation/nav[aria-label='breadcrumb'] * selectors, keyed off the "page_top" class name) is a confirmed-dead * CSS selector — it never appears as a live class anywhere in the repo * — and is intentionally excluded. */ .right-content > div { margin: 0 0 2rem 0; } .right-content > div:last-of-type { margin: 0; } /* global.css "Org Unit styles" section - emergency alert widget + nav heading */ #emergencyalert #AlertID_2 .apparmor-alert { padding: 1rem 0.25rem; } #emergencyalert #AlertID_2 .apparmor-alert p:last-of-type, #emergencyalert #AlertID_2 .apparmor-alert ul:last-of-type, #emergencyalert #AlertID_2 .apparmor-alert ol:last-of-type { margin-bottom: 0; } #emergencyalert #AlertID_2 .apparmor-alert .apparmor-link { border-bottom: 0; text-decoration: underline; } #emergencyalert #AlertID_2 .apparmor-alert .apparmor-link:hover, #emergencyalert #AlertID_2 .apparmor-alert .apparmor-link:focus { text-decoration: none; } .main_nav h2.visually-hidden { color: #212529; color: var(--base_font, #212529); }