feat(ui): bold code, italic code, marked code

resources/css/common.css

@@ -253,9 +253,6 @@ pre.code {
   color: var(--ls-primary-text-color, #f8f8f2);
 }
 
-:not(pre) > code {
-}
-
 dl {
   margin: 1rem 0;
 }
@@ -307,19 +304,6 @@ video {
   color: var(--ls-primary-text-color);
 }
 
-:not(pre) > code {
-  font-style: normal !important;
-  letter-spacing: 0;
-  padding: 0.1em 0.4em;
-  word-spacing: -0.15em;
-  -webkit-border-radius: var(--ls-border-radius-low);
-  border-radius: var(--ls-border-radius-low);
-  color: var(--ls-page-inline-code-color);
-  background-color: var(--ls-page-inline-code-bg-color, #eee);
-  line-height: 1.45;
-  text-rendering: optimizeSpeed;
-}
-
 /* endregion */
 
 /** region Common utilities **/
@@ -1088,14 +1072,13 @@ mark {
 }
 
 /* block references */
-
 .block-ref .block-ref {
   padding: 6px 5px;
   border: none;
 }
 
 /* inline code */
-:not(pre) > code {
+:not(pre):not(mark) > code {
   border-radius: 3px;
   font-size: 0.9em;
   font-family: MonoLisa, 'Fira Code', Monaco, Menlo, Consolas, 'COURIER NEW',
@@ -1103,6 +1086,38 @@ mark {
   padding: 3px 5px !important;
 }
 
+:not(pre):not(mark) > code {
+  font-style: normal;
+  letter-spacing: 0;
+  word-spacing: -0.15em;
+  -webkit-border-radius: var(--ls-border-radius-low);
+  border-radius: var(--ls-border-radius-low);
+  line-height: 1.45;
+  text-rendering: optimizeSpeed;
+}
+
+mark > code {
+  font-style: normal;
+  letter-spacing: 0;
+  padding: 0;
+  word-spacing: -0.15em;
+  line-height: inherit !important;
+  text-rendering: optimizeSpeed;
+  background: #fef3ac !important;
+  color: #262626 !important;
+  font-size: 0.9em;
+  font-family: MonoLisa, 'Fira Code', Monaco, Menlo, Consolas, 'COURIER NEW',
+    monospace;
+}
+
+b > code {
+  font-weight: bold !important;
+}
+
+i > code {
+  font-style: italic !important;
+}
+
 a {
   transition: 0.3s;
 }