diff --git a/assets/css/brand.css b/assets/css/brand.css index c18e587e5574a4f083308879ea0e0c2e4416785c..2ffd7206e0a9e57f5918aeac1b6f734a7189dadc 100644 --- a/assets/css/brand.css +++ b/assets/css/brand.css @@ -795,6 +795,15 @@ body.media-directory .dz-preview .dz-progress .dz-upload { background: #29abe2; } +.ck.ck-content a:not(.btn) { + text-decoration: underline; + color: #33b5e5; +} + +.ck.ck-content blockquote { + border-left-color: #29abe2; +} + .files-list .active-highlighted:before { border-color: #29abe2; } diff --git a/components/brand.scss b/components/brand.scss index d44e3c516367bbdfcdd67bbb4a1f3ce6f04ffa18..80a854ca67ec9a24fd1b27b1430f291306eea960 100644 --- a/components/brand.scss +++ b/components/brand.scss @@ -954,6 +954,21 @@ body.media-directory { } } +// CKEditor5 overrides +.ck.ck-content { + + // Link style + a:not(.btn) { + text-decoration: underline; + color: $link-color; + } + + // Blockquote + blockquote { + border-left-color: $brand-primary; + } +} + .files-list .active-highlighted:before { border-color: $brand-primary; } diff --git a/socialblue.info.yml b/socialblue.info.yml index 205d1500be85fd333b88dfdd0c979f2d3b939ee5..c04d63ea1538762db8baec9094f7c82d206807ed 100644 --- a/socialblue.info.yml +++ b/socialblue.info.yml @@ -84,6 +84,9 @@ libraries-extend: ckeditor_stylesheets: - assets/css/ckeditor.css +# Special stylesheets for CKEditor5 to use while editing. +ckeditor5-stylesheets: false + # This section is used by the contrib module, Component Libraries. It allows you # to reference .twig files in your components/ directory. component-libraries: