Changes to port back from FRCG

[JulesKhong]

Estimates

• (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

• Demo site #71 Demo Site so design has something to QA against
• Code <-> Figma sync #65 QA while sync'ing code with Julie in Figma (@JulesKhong )

Assets

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

Tokens

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

Views

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

SVGS

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

Cards

Update card styles to use the latest refinements from FRCG

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

Images

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

• caption--below
• caption--above
• media

Pagination

Bring over base pagination

• pagination.twig and pagination.css
• 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

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

Header

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

Style guide sections directory

• Update file structure to match atomic naming conventions from frcg

Other

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

• Update 404.twig to have base styles
• update pages/page-landing-page.twig
• update posts/single.twig
• update pages/page-style-guide.twig
• update archive/archive.twig
• 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...?