CRISTAL-450: Code block are not styled

[tkrieck]

• Added styles for code blocks

Jira URL

https://jira.xwiki.org/browse/CRISTAL-450

Changes

Description

• Added affected styles

Clarifications

Screenshots & Video

Before:

After:

Executed Tests

Expected merging strategy

• Prefers squash: Yes
• Backport on branches:
  • N/A

[manuelleduc]

FYI what you propose is only working in view mode, but not in edit mode.
It is important to try to keep them as close as possible from on another, to make things as WYSIWYG as possible.
I suggest to replace you change with the code below in c-article

/*
 * Code block style.
 * TODO: replace with a code macro rendering as soon as we support macro.
 */
:deep(.box .code),
:deep(.doc-content.editor pre) {
  font-family: var(--cr-font-mono);
  background: var(--cr-color-neutral-100);
  border-radius: var(--cr-border-radius-medium);
  padding: var(--cr-spacing-small);
}