CRISTAL-450: Code block are not styled (#652)

skin/src/vue/c-article.vue

@@ -146,6 +146,18 @@ watch(
   }
 }
 
+/*
+ * 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);
+}
+
 /*TABLE STYLES*/
 /*TODO: Check a better way to write these styles without the global tag. Currently impossible to use :deep because the html inside the document content is not assigned an ID */
 .content {

skin/src/vue/c-view.vue

@@ -253,6 +253,11 @@ TODO: these rules about opening and closing the sidebar should be better organiz
   display: block;
 }
 
+/*
+WIKI STYLES
+TODO: Discuss and move them to a more appropriate place
+*/
+
 /*LINKS*/
 
 :deep(.content a) {
@@ -316,11 +321,10 @@ TODO: these rules about opening and closing the sidebar should be better organiz
     }
   }
 }
-
 /*
-WIKI STYLES
-TODO: Discuss and move them to a more appropriate place
+END WIKI STYLES
 */
+
 @container xwCristal (max-width: 600px) {
   :deep(.wrapper.sidebar-is-collapsed) {
     &:has(.main-sidebar.is-visible) {