JanesConference
unread,Feb 10, 2011, 12:05:55 PM2/10/11Sign in to reply to author
Sign in to forward
You do not have permission to delete messages in this group
Either email addresses are anonymous for this group or you need the view member email addresses permission to view the original message
to jekyll.rb
Hi everybody, I'm trying to setup my static site with Jekyll and
markdown.
The problem is: i want my inline code (the one I put between
backticks) formatted in a certain way, and my pygmentized highlights
in another way.
I have this .css code for inline:
code {
font-size: 0.9em;
background: #f0f0f0;
padding-left: 0.2em;
padding-right: 0.2em;
border: 1px solid #e0e0e0;
-moz-border-radius: 0.2em;
-webkit-border-radius: 0.2em;
border-radius: 0.2em;
}
and that one for pre:
pre {
font: 0.7em "Droid Sans Mono", monospace;
line-height: 1.4em;
display: block;
color: white;
background: #222222;
-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;
padding: 0.6em;
}
The problem is that when I enter code in a post between , for example,
{% highlight bash %} and {% endhighlight %} to be pygmentized, the
code is rendered like this:
<div class="highlight">
<pre>
<code class="bash">
[...] code [...]
</code>
</pre>
</dive>
Thus, inline code style is applied to pygmentized code, and I end up
with a nasty effect I don't want.
Is there a way to exclude the <code class="something"> tag from the
highlighted snippets?