Changes to port back from FRCG

[JulesKhong]

Estimates

• [x] (8 hours) bring code changes back from FRCG, based on meetings with James and with Julie this week on "what is 'base'" (@JulesKhong )
• [ ] [ 3 hours? ] Code review changes (@jamacon36)
• [ ] [ 3 hours] make fixes based on code review (@JulesKhong or @jamacon36 )
• [ ] (2 hours) QA fixes

Next step

• [ ] #71 Demo Site so design has something to QA against
• [ ] #65 QA while sync'ing code with Julie in Figma (@JulesKhong )

Assets

• [x] Update css file structure to match atomic naming approach.
• [x] Update base JS functions with final versions

Tokens

• [x] Update button component file to bring in the rest of the base button styles
• [x] Update base grids file with abstracted gap values
• [x] Overall: update base token files to match finalized FRCG values and efficiencies
• [x] Add p-site to site-spacing.json
• [x] Add the rest of the base typography styles to match full set from FRCG
• [x] Ensure any new styles are included in /style-guide

Views

• [x] Update the views directory to match atomic naming conventions in FRCG Buttons
• [ ] btn-dropdown
• [x] btn-social
• [x] btn-tag
• [ ] btn-tag--checkbox
• [x] btn-text-link
• [x] btn-underline

SVGS

• [x] Add basic social svs, ensure social block is populated, add to style guide.

Cards

Update card styles to use the latest refinements from FRCG

• [x] Card-event
• [x] card-listing
• [x] card-md
• [x] card-lg
• [x] card-xl
• [x] card-overlay-link
• [x] card-person
• [x] example--card

Images

Bring over caption files so captions above/below functionality is working and has base styles

• [x] caption--below
• [x] caption--above
• [x] media

Pagination

Bring over base pagination

• [x] pagination.twig and pagination.css
• [x] Add it to index.css
• [ ] ensure it's working on the style guide

Section title

• [ ] Bring over updates from section title component across layouts, including new properties

Blocks

• [ ] BANNER: Bring over banner updates, including video banner, default, fullBleed, homepage, insetCentered, overlay, and side-text. Ensure hero vs cta logic and h1 vs h2 logic is working.
• [ ] Confirm js and css are still working on the style guide, and with video.
• [ ] Card Grid block updates
• [ ] CTA block updates
• [ ] Image-text block updates
• [ ] News grid block updates
• [ ] people cards block updates
• [ ] Ensure all blocks are appearing on the style guide, and are accessible with automated and manual testing

Footer

• [x] Port back footer and footer menu base work
• [x] add footer and footer menus to the style guide

Header

• [x] Port back header and header base menus (base and utility, desktop and mobile, submenus)
• [x] port back css and js, test to confirm accessibility is intact

Style guide sections directory

• [x] Update file structure to match atomic naming conventions from frcg

Other

• [x] Update menu.twig
• [x] Update template directory file structure and naming conventions, and update all references in .php files

• [x] Update 404.twig to have base styles
• [x] update pages/page-landing-page.twig
• [x] update posts/single.twig
• [x] update pages/page-style-guide.twig
• [x] update archive/archive.twig
• [x] update page/our-team.twig

[bdimaggio]

@JulesKhong assuming the todos in this ticket are correct, what do you think is easiest to work with — I can pull each of the undone ones into their own tickets, you could finish them here, or...?