Improvement: Enhance Specific Blocks in theme.json

[ashleyshaw]

Objective:

Enhance the LSX Design theme by extending support for typography, dimensions, and border styles for specific core blocks in theme.json.

Description:

Certain blocks used regularly within the LSX Design theme can benefit from customized settings in theme.json. Adjusting these blocks will allow for improved styling options and a more seamless user experience in the block editor.

List of blocks to extend:

• Button Block (core/button): Enable border- [ ] radius, colour options, and padding control.
• Image Block (core/image): Allow aspect ratio settings, border- [ ] radius, and alignment controls.
• Columns Block (core/columns): Provide gap controls and width adjustments for better layout flexibility.
• Cover Block (core/cover): Add support for text overlay options, custom gradients, and background positioning.
• Group Block (core/group): Include spacing controls, padding, and custom backgrounds for layout grouping.
• Heading Block (core/heading): Enable typography settings, including font size, weight, and letter spacing.
• Paragraph Block (core/paragraph)
• Quote Block (core/quote)

Extend Block Styles in LSX Design Theme

• 1. Typography Enhancements

  • Enable font and appearance dropdowns to always be visible for all text-based blocks.
  • Add the following options:
    • Font
    • Appearance
    • Decoration
    • Letter Case

• 2. Dimensions Enhancements

  • Extend the following properties to improve layout flexibility:
    • Height
    • Width
    • Padding
    • Margin
    • Block Spacing

• 3. Border Enhancements

  • Add support for:
    • Border
    • Radius
    • Shadow

Acceptance Criteria:

• All specified blocks have extended styles defined in theme.json.
• Extended styles are tested for compatibility with the block editor.

Acceptance Criteria:

• Updates to theme.json include block support enhancements for each specified block.
• The editor experience is more intuitive with the added control options.
• Changes are tested to ensure compatibility across various devices and screen sizes.