Add Style Engine for style rendering on server-side

Created on 27 February 2024, 3 months ago
Updated 22 April 2024, 26 days ago

Problem/Motivation

Most of the layout style features (margin, padding, gap, etc) uses the Style Engine to render CSS https://developer.wordpress.org/block-editor/reference-guides/packages/p...
Nothing needs to be done at the editor level, it's already implemented when using the Edit Post package but for rendering the blocks at "front-end", we need to do it at server-side.

Proposed resolution

Gutenberg's Style Engine package also includes PHP scripts to generate the style. We should take core Gutenberg's approach and have a build script to copy the PHP files and adjust it as necessary for Drupal.

Feature request
Status

Fixed

Version

3.0

Component

Code

Created by

🇵🇹Portugal marcofernandes

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

  • Issue created by @marcofernandes
  • 🇵🇹Portugal marcofernandes

    Some of the scripts were implemented at the Layout processor:
    https://git.drupalcode.org/project/gutenberg/-/blob/3.0.x/src/BlockProce...
    But probably needs a refactor to improve maintainability.

  • Merge request !119Resolve #3424110 "Add style engine" → (Merged) created by marcofernandes
  • Pipeline finished with Success
    about 1 month ago
    Total: 246s
    #140681
  • 🇵🇹Portugal marcofernandes

    The latest MR is good enough as an initial implementation for the Style engine and its integration with Layout processor (block supports).
    Further development should be addressed/tracked on another issue.

  • Pipeline finished with Success
    about 1 month ago
    Total: 220s
    #140687
  • Status changed to Fixed about 1 month ago
  • Pipeline finished with Skipped
    30 days ago
    #150275
  • Pipeline finished with Failed
    27 days ago
    Total: 203s
    #152472
  • Pipeline finished with Pending
    27 days ago
    #152474
  • Pipeline finished with Canceled
    27 days ago
    Total: 404s
    #152488
  • Pipeline finished with Canceled
    27 days ago
    Total: 308s
    #152495
  • Pipeline finished with Failed
    27 days ago
    Total: 203s
    #152500
  • Pipeline finished with Failed
    27 days ago
    Total: 222s
    #152510
  • Pipeline finished with Failed
    27 days ago
    Total: 182s
    #152514
  • Pipeline finished with Failed
    27 days ago
    Total: 219s
    #152515
  • Pipeline finished with Canceled
    27 days ago
    Total: 363s
    #152584
  • Pipeline finished with Success
    27 days ago
    Total: 220s
    #152586
  • Pipeline finished with Success
    27 days ago
    Total: 638s
    #152588
  • Pipeline finished with Canceled
    26 days ago
    Total: 579s
    #153051
  • Pipeline finished with Success
    26 days ago
    Total: 341s
    #153055
  • Pipeline finished with Canceled
    26 days ago
    Total: 305s
    #153072
  • Pipeline finished with Failed
    26 days ago
    Total: 320s
    #153075
  • Pipeline finished with Success
    26 days ago
    Total: 339s
    #153087
  • Pipeline finished with Success
    26 days ago
    Total: 339s
    #153104
  • Automatically closed - issue fixed for 2 weeks with no activity.

  • Pipeline finished with Failed
    18 days ago
    Total: 295s
    #160996
  • Pipeline finished with Success
    14 days ago
    Total: 189s
    #164236
Production build 0.67.2 2024