Skip to content
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

Single tick and triple tick `` both render as <code> #24

Open
AdvancedStyle opened this issue Jun 1, 2018 · 2 comments
Open

Single tick and triple tick `` both render as <code> #24

AdvancedStyle opened this issue Jun 1, 2018 · 2 comments

Comments

@AdvancedStyle
Copy link

AdvancedStyle commented Jun 1, 2018

Both [single tick] and [triple tick] are rendered as tags, so it's not possible to use CSS to make code blocks.

It would be expected that [single tick] render to and [triple tick] render to

@netniV
Copy link
Contributor

netniV commented Jul 30, 2018

I believe that this would have been rectified using the new default flags that I suggested as part of #26

@softins
Copy link
Contributor

softins commented Jun 16, 2020

Single ticks are rendered as <code>...</code>. Triple ticks are rendered as <pre><code>...</code></pre>. So they can be distinguished in CSS. This is what I do in my style.css:

code {
        background-color: #eeeeee;
        padding-left: 0.2em;
        padding-right: 0.2em;
}

pre > code {
        padding-left: 0;
        padding-right: 0;
}

pre {
        background-color: #eeeeee;
        padding: 0.5em;
        border-left: 0.5em solid #cccccc;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants