In my THEME.info.yml file, I have this...
ckeditor5-stylesheets:
- assets/dist/css/main.css
To use the front end code.
I've given my typography styles the .ck-editor__editable class name... with the hope that it will target JUST the CKEDITOR...
But when I open a CKEDITOR, all of the typography in gin's interface changes.
Add
ckeditor5-stylesheets:
- assets/dist/css/main.css
To your THEME.info.yml file.
Add a class to your CSS
Edit a node, open something with an RTE...
And all of your typography changes.
---
Is there a different class name I should use? instead of "ck-editor__editable" ?
Active
5.0
Code
The problem is that your imports with the default font definitions etc. don't get wrapped into the same class name and bleed out of the container so they overwrite Gin's values. Namely the
@use ...
These would need to be also wrapped within the same container class (.ck-content is the default selector.
See also https://www.drupal.org/docs/core-modules-and-themes/core-modules/ckedito... →