Prettified the inline-code code style.

cotes2020 · cotes2020 · commit 07f653491e51 · 2020-06-22T21:17:58.000+08:00
diff --git a/assets/css/_addon/syntax.scss b/assets/css/_addon/syntax.scss
@@ -39,7 +39,7 @@ html[mode=dark] {
 }
 
 .highlighter-rouge {
-  background: var(--highlight-bg-color);
+  background-color: var(--highlight-bg-color);
   @extend %code-snippet-radius;
   color: var(--highlighter-rouge-color);
   margin-bottom: 1.2em; /* Override BS Inline-code style */
@@ -94,16 +94,21 @@ code {
   -moz-hyphens: none;
   hyphens: none;
   &.highlighter-rouge {
-    padding: 2px 4px;
+    padding: 3px 5px;
     margin: 0 .15rem;
     border-radius: 4px;
+    background-color: var(--inline-code-bg);
   }
   @at-root a>&.highlighter-rouge {
     padding-bottom: 0; // show link's underlinke
+    color: inherit;
   }
   @at-root a:hover>&.highlighter-rouge {
     border-bottom: none;
   }
+  blockquote &.highlighter-rouge {
+    color: inherit;
+  }
 }
 
 td.rouge-code {
diff --git a/assets/css/_colors/dark-syntax.scss b/assets/css/_colors/dark-syntax.scss
@@ -83,6 +83,8 @@
   --highlight-lineno-color: #6c6c6d;
   --highlight-lineno-border-color: #3c4042;
 
+  --inline-code-bg: var(--highlight-bg-color);
+
   .highlight {
     .gp { color: #818c96; }
   }
diff --git a/assets/css/_colors/light-syntax.scss b/assets/css/_colors/light-syntax.scss
@@ -76,4 +76,5 @@
   --highlight-lineno-color: #c2c6cc;
   --highlight-lineno-border-color: #e9ecef;
 
+  --inline-code-bg: #f3f3f3;
 } // light-syntax

Original file line number	Diff line number	Diff line change
`@@ -39,7 +39,7 @@ html[mode=dark] {`
`39`	`39`	`}`
`40`	`40`
`41`	`41`	`.highlighter-rouge {`
`42`		`- background: var(--highlight-bg-color);`
	`42`	`+ background-color: var(--highlight-bg-color);`
`43`	`43`	`@extend %code-snippet-radius;`
`44`	`44`	`color: var(--highlighter-rouge-color);`
`45`	`45`	`margin-bottom: 1.2em; /* Override BS Inline-code style */`
`@@ -94,16 +94,21 @@ code {`
`94`	`94`	`-moz-hyphens: none;`
`95`	`95`	`hyphens: none;`
`96`	`96`	`&.highlighter-rouge {`
`97`		`- padding: 2px 4px;`
	`97`	`+ padding: 3px 5px;`
`98`	`98`	`margin: 0 .15rem;`
`99`	`99`	`border-radius: 4px;`
	`100`	`+ background-color: var(--inline-code-bg);`
`100`	`101`	`}`
`101`	`102`	`@at-root a>&.highlighter-rouge {`
`102`	`103`	`padding-bottom: 0; // show link's underlinke`
	`104`	`+ color: inherit;`
`103`	`105`	`}`
`104`	`106`	`@at-root a:hover>&.highlighter-rouge {`
`105`	`107`	`border-bottom: none;`
`106`	`108`	`}`
	`109`	`+ blockquote &.highlighter-rouge {`
	`110`	`+ color: inherit;`
	`111`	`+ }`
`107`	`112`	`}`
`108`	`113`
`109`	`114`	`td.rouge-code {`
Original file line number	Diff line number	Diff line change
`@@ -83,6 +83,8 @@`
`83`	`83`	`--highlight-lineno-color: #6c6c6d;`
`84`	`84`	`--highlight-lineno-border-color: #3c4042;`
`85`	`85`
	`86`	`+ --inline-code-bg: var(--highlight-bg-color);`
	`87`	`+`
`86`	`88`	`.highlight {`
`87`	`89`	`.gp { color: #818c96; }`
`88`	`90`	`}`