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

Gists don't render properly #4

Open
bricelam opened this issue Sep 9, 2014 · 1 comment
Open

Gists don't render properly #4

bricelam opened this issue Sep 9, 2014 · 1 comment

Comments

@bricelam
Copy link

bricelam commented Sep 9, 2014

image

@peterkos
Copy link

Since gists use <pre> & <code>, its styles are overridden by the jekyll theme's styling in the css/main.css file.
Here are the lines that mess it up (229-251):

.post pre,
.post code {
  border: 1px solid #d5d5e9;
  background-color: #eef;
  padding: 8px 12px;
  border-radius: 3px;
  font-size: 15px;
}

.post code { padding: 1px 5px; }

.post ul,
.post ol { margin-left: 1.35em; }

.post pre code { border: none; }

/* terminal */
.post pre.terminal {
  border: 1px solid #000;
  background-color: #333;
  color: #FFF;
  border-radius: 3px;
}

Assigning a separate class/id for jekyll-generated <pre> & <code> elements might work, but for now, commenting out the lines above fixes it.

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

2 participants