fix inline code: remove first & etc.

Erimus-Koo · Aug 10, 2022 · 5232967 · 5232967
1 parent 9aa0aa1
commit 5232967
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 23 deletions.
diff --git a/typora-docsify.css b/typora-docsify.css
@@ -277,8 +277,8 @@ body,
 }
 #write .inline-with-bg,
 .markdown-section .inline-with-bg {
-  padding: 0 0.25rem;
-  margin: 0 0.05rem;
+  padding: 0 0.3rem;
+  margin: 0 0.1rem;
   border-radius: 0.25em;
 }
 #write p a,
@@ -291,8 +291,8 @@ body,
 .markdown-section q,
 #write mark,
 .markdown-section mark {
-  padding: 0 0.25rem;
-  margin: 0 0.05rem;
+  padding: 0 0.3rem;
+  margin: 0 0.1rem;
   border-radius: 0.25em;
 }
 #write strong,
@@ -301,11 +301,11 @@ body,
 .markdown-section b,
 #write em,
 .markdown-section em {
-  margin: 0 0.05rem;
+  margin: 0 0.1rem;
 }
 #write u,
 .markdown-section u {
-  margin: 0 0.05rem;
+  margin: 0 0.1rem;
 }
 #write u strong,
 .markdown-section u strong,
@@ -390,8 +390,8 @@ body,
 #write [md-inline=linebreak],
 .markdown-section [md-inline=linebreak] {
   opacity: 1;
-  padding: 0 0.25rem;
-  margin: 0 0.05rem;
+  padding: 0 0.3rem;
+  margin: 0 0.1rem;
   border-radius: 0.25em;
   background: #EEE;
   color: inherit;
@@ -410,10 +410,11 @@ body,
   background: #333;
   border: 0px solid transparent;
   border-radius: 0.25em;
-  padding: 0 0.3em;
-  margin: 0 0.25rem;
+  padding: 0.1em 0.3rem;
+  margin: 0 0.1rem;
   font: bold 0.9em 'JetBrains Mono', Menlo, Consolas, 'Source Han Sans HC', 'PingFang', 'Microsoft YaHei', monospace;
   white-space: pre-wrap;
+  min-width: auto;
 }
 #write .code_block,
 .markdown-section .code_block {
@@ -460,10 +461,6 @@ body,
   word-break: break-word;
   white-space: break-spaces;
 }
-#write *[md-inline="code"]:first-child code,
-.markdown-section *[md-inline="code"]:first-child code {
-  margin-left: 0;
-}
 #write .code-tooltip,
 .markdown-section .code-tooltip {
   box-shadow: none;
@@ -476,7 +473,7 @@ body,
 }
 #write kbd + kbd,
 .markdown-section kbd + kbd {
-  margin-left: 0.25rem;
+  margin: 0 0.1rem;
 }
 #write blockquote,
 .markdown-section blockquote {

diff --git a/typora-docsify.less b/typora-docsify.less
@@ -20,8 +20,8 @@
 @block_border_radius: .5em;
 @sans: 'Poppins', 'Source Han Sans HC', 'PingFang', 'Microsoft YaHei', sans-serif;
 @monospace: 'JetBrains Mono', Menlo, Consolas, 'Source Han Sans HC', 'PingFang', 'Microsoft YaHei', monospace;
-@inline_block_padding: .25rem;
-@inline_block_margin: .05rem;
+@inline_block_padding: .3rem;
+@inline_block_margin: .1rem;
 @code_block_padding_v: .75em;
 @code_block_padding_h: 1em;
 @line_height: 1.75;
@@ -417,10 +417,11 @@ body,
         background: @c_dark;
         border: @code_border;
         border-radius: @inline_border_radius;
-        padding: 0 .3em;
-        margin: 0 @inline_block_padding;
+        padding: .1em @inline_block_padding;
+        margin: 0 @inline_block_margin;
         font: bold .9em @monospace;
         white-space: pre-wrap; // 行内代码尽量规避长代码
+        min-width: auto;
     }
 
     .code_block {
@@ -459,9 +460,9 @@ body,
     }
 
     // code在行首不留margin-left
-    *[md-inline="code"]:first-child code {
-        margin-left: 0;
-    }
+    // *[md-inline="code"]:first-child code {
+    //     margin-left: 0;
+    // }
 
     // typora editor code type, e.g. html/bash
     .code-tooltip {
@@ -475,7 +476,7 @@ body,
     }
 
     kbd+kbd {
-        margin-left: @inline_block_padding;
+        margin: 0 @inline_block_margin;
     }
 
     blockquote {