Summary

Add a setting in the backend to change the title size of the Take Action boxout block.

Requirements

• Heading Sizes: The title should be able to be adjusted with the following options:
  • Desktop XXL, XL, & L 
    • Heading S (18px/1.125rem)
    • Heading M ( 20px/1.25rem - default)
    • Heading L (22px/1.1375rem)
    • Heading XL (28px/1.75rem)
  • Mobile M & S:
    • Heading S (16px/1rem)
    • Heading M ( 18px/1.25rem - default)
    • Heading L (20px/1.125rem)
    • Heading XL (22px/1.375rem)
• Default Setting: The default title size will be set to Heading M.
• Use design tokens for font sizes. If they don't exist, sync with hsaleh to be added
• Ideally use rem points for font sizes