code に対する padding 設定がインデントをずらしています about unchain-projects HOT 4 CLOSED

なるほど…！あまりきれいではないかもですが…

pre > code {
  padding: 0px;
}

みたいに上書きしちゃうとうまくいくかもです！

from unchain-projects.

こんな技があったんですね :0
アプデしました！ありがとうございます

from unchain-projects.

そうなんですよ。これ markdownから取得してくる時にポータルのフロント側でCSSをかけてるんですが、<code> に margin-x を入れないと inline code が ちょっとギチギチに見えてしまうな、と現状思って入れてます。でもそうすると codeblock にも反映されてしまうのですよね。MarkdownをHTML変換するのにReact-Markdownを用いているのですが、 inlinecodeはHTML tag表記で <code>foo</code> で、codeblockは <pre><code>foo</code></pre>となっているので <code> に入れるCSSが code blockにも反映されてしまって悩みどころです。

何かいいアイデアがないかと考えています

from unchain-projects.

@geeknees 勉強になります！ありがとうございます！

from unchain-projects.