Skip to content

Instantly share code, notes, and snippets.

@GaryJones
Last active December 18, 2015 13:48
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save GaryJones/5792576 to your computer and use it in GitHub Desktop.
Save GaryJones/5792576 to your computer and use it in GitHub Desktop.
CSS styles to fix the appearance of embedded gists in Genesis 2.0 / Sample child theme.
/* Same as other file, but with extra notes */
/* Embedded Gists */
.line-pre::before,
.line-pre::after,
.line::before,
.line::after {
content: ''; /* Fixes addition of float-clearing space added to before and after global pre and div elements */
}
.line-number,
.gist .line-data > .line-pre {
line-height: 1.2; /* Fixes redundant body line-height of 1.625 - Gist style default is to inherit line-height */
}
/* The following is only needed for Genesis Beta 1 or Beta 2, and is not included in the other style sheet. */
.line-pre {
color: #000; /* Fixes choice of grey colouring for pre elements */
overflow: hidden; /* Fixes choice of overflow scroll for pre elements */
}
/* Embedded Gists */
.line-pre::before,
.line-pre::after,
.line::before,
.line::after {
content: '';
}
.line-number,
.gist .line-data > .line-pre {
line-height: 1.2;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment