perf(ui): improve code snippet design

- Apply the new syntax color themes - Center the text in the code snippet header - Maintaining space to the left of a 3-digit line number or more
2023-09-03 20:03:51 +08:00
parent 2a5c184373
commit 4f86b04a84
6 changed files with 369 additions and 198 deletions
--- a/_sass/addon/variables.scss
+++ b/_sass/addon/variables.scss
@@ -20,6 +20,10 @@ $base-radius: 0.5rem;
 /* syntax highlight */

 $code-font-size: 0.85rem !default;
+$code-header-height: 2.25rem;
+$code-dot-size: 0.75rem;
+$code-dot-gap: 0.5rem;
+$code-icon-width: 1.75rem;

 /* fonts */