-
Notifications
You must be signed in to change notification settings - Fork 441
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Inconsistent code block among different syntax #149
Comments
@ketozhang Can you inspect and check if there is an element that is duplicated or that gets extra padding? |
I've forgotten about this since I put the website on hold sorry about that. It's quite obvious something is wrong. The kramdown and github flavor fences are being treated with the same structure as inline code: Actual<div class="language-html highlighter-rouge">
<div class="highlight">
<pre class="highlight">
<code>
<!-- spans -->
</code>
</pre>
</div>
</div> Expected<figure class="highlight">
<pre>
<code class="language-html" data-lang="html">
<!-- spans -->
</code>
</pre>
</figure> |
@nielsenramon highlight class is introducing the extra margin and padding in Github fenced code blocks too. |
While Jekyll do recommend liquid code blocks
{% highlight language %} ... {% endhighlight %}
, I find it these uncommon and inconvenient. I often use Github fenced code blocks with``` code ```
instead. On chalk, the liquid code block renders differently than both Github and Kramdown's flavor.The margins in these code blocks are too big
This is perfect
Is there a simple CSS fix to this?
The text was updated successfully, but these errors were encountered: