Support » Plugin: Gutenberg » “More sophisticated Editor Styles mechanism” – How do I use it?

  • Hello,

    I noticed that the changelog of the latest version (v3.8.0) includes the following update:

    Implement a more sophisticated Editor Styles mechanism. šŸ– It allows themes to register editor styles for blocks by targeting the blocks themselves without having to fight CSS specificity, and without having to know the internal DOM structure for the editor.

    I have been using a CSS file in my themes for customizing the Gutenberg’s editor styles via the “enqueue_block_editor_assets” action hook. I targeted all the block styles with the custom CSS rules.

    This new mechanism update has ruined some of the block styles especially the font size, font family, and color as the theme’s custom CSS rules are now overridden by the inline styles from the plugin.

    As a theme author, styling the backend editor and making it matches the frontend styles is important. So, it would be great to know how this new mechanism works and how to use it. Could you tell me how do I use it? Is there already a documentation about that? (I have already checked out the Gutenberg handbook, but I could not seem to find any info about this new feature.)

    Thank you,
    Paul

    • This topic was modified 2 years, 8 months ago by uxbarn.
    • This topic was modified 2 years, 8 months ago by uxbarn.
Viewing 1 replies (of 1 total)
  • +1

    Would love some documentation or even just a pointer or two on how to move from super-specific CSS editor styling to the new “more elegant” mechanism!

Viewing 1 replies (of 1 total)
  • The topic ‘“More sophisticated Editor Styles mechanism” – How do I use it?’ is closed to new replies.