Contrib.social

Add Style Engine for style rendering on server-side

Open on Drupal.org →
Created on 27 February 2024, over 1 year ago
Updated 22 April 2024, over 1 year 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
  • Comment over 1 year ago →
    🇵🇹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
  • Comment over 1 year ago →
    🇵🇹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.

  • Comment over 1 year ago →
    System Message
  • Status changed to Fixed over 1 year ago
  • Comment over 1 year ago →
    🇵🇹Portugal marcofernandes
  • Pipeline finished with Skipped
    over 1 year ago
    #150275
  • Pipeline finished with Failed
    over 1 year ago
    Total: 203s
    #152472
  • Pipeline finished with Pending
    over 1 year ago
    #152474
  • Pipeline finished with Canceled
    over 1 year ago
    Total: 404s
    #152488
  • Pipeline finished with Failed
    over 1 year ago
    Total: 222s
    #152510
  • Pipeline finished with Failed
    over 1 year ago
    Total: 182s
    #152514
  • Pipeline finished with Failed
    over 1 year ago
    Total: 219s
    #152515
  • Pipeline finished with Canceled
    over 1 year ago
    Total: 363s
    #152584
  • Pipeline finished with Success
    over 1 year ago
    Total: 220s
    #152586
  • Pipeline finished with Success
    over 1 year ago
    Total: 341s
    #153055
  • Pipeline finished with Failed
    over 1 year ago
    Total: 320s
    #153075
  • Comment over 1 year ago →
    System Message

    Automatically closed - issue fixed for 2 weeks with no activity.

  • Pipeline finished with Success
    about 1 year ago
    Total: 172s
    #211580
  • Pipeline finished with Success
    about 1 year ago
    Total: 141s
    #211583
  • Pipeline finished with Success
    about 1 year ago
    Total: 142s
    #211585
  • Pipeline finished with Success
    about 1 year ago
    Total: 141s
    #211719
  • Pipeline finished with Success
    about 1 year ago
    #213056
  • Pipeline finished with Failed
    about 1 year ago
    Total: 319s
    #225100
  • Pipeline finished with Failed
    about 1 year ago
    Total: 323s
    #225112
  • Pipeline finished with Success
    about 1 year ago
    Total: 134s
    #237125
  • Pipeline finished with Skipped
    about 1 year ago
    #245503
  • Pipeline finished with Success
    about 1 year ago
    Total: 265s
    #246148
  • Pipeline finished with Skipped
    12 months ago
    #259088
  • Pipeline finished with Failed
    12 months ago
    #266205
  • Pipeline finished with Failed
    10 months ago
    Total: 166s
    #297197
  • Pipeline finished with Canceled
    10 months ago
    Total: 75s
    #297237
  • Pipeline finished with Failed
    10 months ago
    Total: 165s
    #297238
  • Pipeline finished with Failed
    10 months ago
    Total: 244s
    #297242
  • Pipeline finished with Failed
    10 months ago
    Total: 170s
    #297404
  • Pipeline finished with Failed
    10 months ago
    Total: 174s
    #297421
  • Pipeline finished with Failed
    10 months ago
    Total: 195s
    #297673
  • Pipeline finished with Failed
    10 months ago
    Total: 254s
    #297701
  • Pipeline finished with Failed
    10 months ago
    Total: 217s
    #297716
  • Pipeline finished with Failed
    10 months ago
    Total: 251s
    #297973
  • Pipeline finished with Failed
    10 months ago
    Total: 194s
    #297992
  • Pipeline finished with Failed
    10 months ago
    Total: 193s
    #298026
  • Pipeline finished with Failed
    10 months ago
    Total: 229s
    #298066
  • Pipeline finished with Success
    10 months ago
    Total: 226s
    #298072
  • Pipeline finished with Success
    10 months ago
    Total: 261s
    #298163
  • Pipeline finished with Canceled
    10 months ago
    Total: 1011s
    #298170
  • Pipeline finished with Success
    10 months ago
    Total: 294s
    #298179
  • Pipeline finished with Success
    10 months ago
    Total: 253s
    #299214
  • Pipeline finished with Success
    10 months ago
    Total: 349s
    #303298
  • Pipeline finished with Success
    10 months ago
    Total: 282s
    #303941
  • Pipeline finished with Failed
    10 months ago
    Total: 153s
    #310252
  • Pipeline finished with Failed
    10 months ago
    Total: 48s
    #310255
  • Pipeline finished with Failed
    10 months ago
    Total: 65s
    #310266
  • Pipeline finished with Canceled
    10 months ago
    Total: 140s
    #310269
  • Pipeline finished with Success
    10 months ago
    Total: 156s
    #310272
  • Pipeline finished with Skipped
    10 months ago
    #310278
  • Pipeline finished with Success
    10 months ago
    Total: 176s
    #316828
  • Pipeline finished with Success
    10 months ago
    Total: 189s
    #316834
  • Pipeline finished with Failed
    9 months ago
    Total: 251s
    #324093
  • Pipeline finished with Failed
    9 months ago
    Total: 161s
    #324105
  • Pipeline finished with Success
    9 months ago
    Total: 160s
    #325640
  • Pipeline finished with Success
    9 months ago
    Total: 179s
    #331453
  • Pipeline finished with Success
    9 months ago
    Total: 137s
    #331455
  • Pipeline finished with Success
    7 months ago
    Total: 352s
    #384756
  • Pipeline finished with Success
    6 months ago
    Total: 380s
    #418432
  • Pipeline finished with Success
    6 months ago
    #419501
  • Pipeline finished with Failed
    5 months ago
    Total: 133s
    #452454
  • Pipeline finished with Success
    5 months ago
    Total: 368s
    #452937
  • Pipeline finished with Success
    5 months ago
    Total: 353s
    #453564
  • Pipeline finished with Success
    4 months ago
    Total: 264s
    #464085
  • Pipeline finished with Success
    4 months ago
    Total: 247s
    #464856
  • Pipeline finished with Failed
    4 months ago
    Total: 664s
    #477974
  • Pipeline finished with Success
    4 months ago
    Total: 562s
    #477996
  • Pipeline finished with Success
    4 months ago
    Total: 557s
    #478522
  • Pipeline finished with Failed
    4 months ago
    Total: 645s
    #478563
  • Pipeline finished with Success
    4 months ago
    Total: 577s
    #478663
  • Pipeline finished with Success
    4 months ago
    Total: 671s
    #478713
  • Pipeline finished with Success
    4 months ago
    Total: 607s
    #478729
  • Pipeline finished with Success
    4 months ago
    Total: 681s
    #478738
  • Pipeline finished with Success
    4 months ago
    Total: 748s
    #478814
  • Pipeline finished with Success
    4 months ago
    Total: 821s
    #478818
  • Pipeline finished with Success
    4 months ago
    Total: 677s
    #478857
  • Pipeline finished with Success
    4 months ago
    Total: 610s
    #479187
  • Pipeline finished with Failed
    4 months ago
    Total: 273s
    #479267
  • Pipeline finished with Success
    4 months ago
    Total: 606s
    #479284
  • Pipeline finished with Success
    4 months ago
    Total: 580s
    #479653
  • Pipeline finished with Success
    4 months ago
    Total: 627s
    #479691
  • Pipeline finished with Skipped
    2 months ago
    #510201
  • Pipeline finished with Success
    about 2 months ago
    Total: 172s
    #528427
  • Pipeline finished with Success
    about 1 month ago
    Total: 187s
    #530351
  • Pipeline finished with Success
    about 1 month ago
    Total: 130s
    #530354
  • Pipeline finished with Success
    about 1 month ago
    Total: 310s
    #530880
  • Pipeline finished with Success
    about 1 month ago
    Total: 233s
    #530895
  • Pipeline finished with Success
    about 1 month ago
    Total: 145s
    #531046
  • Pipeline finished with Success
    about 1 month ago
    Total: 189s
    #531048
  • Pipeline finished with Success
    about 1 month ago
    Total: 158s
    #531076
  • Pipeline finished with Success
    about 1 month ago
    Total: 228s
    #531103
  • Pipeline finished with Failed
    about 1 month ago
    Total: 3715s
    #541361
  • Pipeline finished with Success
    8 days ago
    Total: 399s
    #560637
  • Pipeline finished with Canceled
    7 days ago
    Total: 322s
    #561686
  • Pipeline finished with Canceled
    7 days ago
    Total: 318s
    #561689
  • Pipeline finished with Canceled
    7 days ago
    #561696
  • Pipeline finished with Canceled
    7 days ago
    #561697
  • Pipeline finished with Success
    7 days ago
    Total: 521s
    #561709
  • Pipeline finished with Success
    7 days ago
    Total: 502s
    #561845
  • Pipeline finished with Canceled
    7 days ago
    Total: 406s
    #561849
  • Pipeline finished with Success
    7 days ago
    Total: 636s
    #561854
contrib.social Blog FAQ Discussions
Production build 0.71.5 2024