Feature/block variations

[khleomix]

Closes #107

Link

N/A

Description

• Add starter block variations:

  • CTA Cover

    • Cover block variation
    • H1 Heading
    • Optional Paragraph block
    • Button block - outline variation and set to 75% width
    • Cover image placeholder
    • Blocks is set to cover but the alignfull class does not work on the wd_s theme. Screenshot below shows block full width on the twenty twenty-one theme

  • Services

    • Columns block variation
    • With 3 columns
    • Innerblocks:
      • Image
      • Heading
      • Paragraph

• No front end styling added, will be done on theme instead.

• Added custom icon support for block icons, instead of just using dashicons - this is optional but a nice to have since we sometimes have a lot of blocks and dashicons won't be able to cover all of them.

Screenshot

Screen+Recording+2021-06-28+at+11.40.14+PM.mp4

Steps to verify the solution

1. Create/edit a page
2. Add the CTA Cover block variation and add content.
3. Add the Services block variation and add content.
4. Check to make sure they are both showing.

Other

• Is this issue accessible? (Section 508/WCAG 2.1AA)
• Does this pass CrossBrowserTesting.com? (Edge, Safari, Chrome, Firefox)
• Will this pull request require updating the wiki?