Issue#156/auto slider

[jessica-townsend]

Related Issues

• Closes #156

What Was Accomplished

• Added a block variation for the reel block
• Added styles to auto slide the reel with a CSS animation

How It Was Tested

• [x] Locally on parent theme
• [x] Locally on child theme
• [x] Child theme develop

How To Test

• Animation loops and slides to the end of the reel clips on different screen/container sizes:
  • Align none
  • Align wide
  • Align full
  • Desktop & mobile for all of these sizes

[douglas-johnson]

This variation is coming out slightly different than other variations I've see. I'm using the YouTube variation of the embed block as my point of reference.

The YouTube variation says YouTube and shows their logo in both the List View on the left side and the Block panel on the right side.

The Auto-Slider variation of the Reel block doesn't indicate its an auto-slider once its selected. The list view and the block panel both say Reel. Since it doesn't animate in the editor its hard to tell it apart from the regular reel.

If the variation were registered in JavaScript instead of block.json, is it more clearly labeled?

[jessica-townsend]

@douglas-johnson I did more reading in the documentation for block variations and I realized I needed to add the isActive property: https://developer.wordpress.org/block-editor/reference-guides/block-api/block-variations/#using-isactive

This is on thoughtnet develop