Skip to content

Commit

Permalink
✨ Added support for code cards with captions (TryGhost#575)
Browse files Browse the repository at this point in the history
refs TryGhost/Ghost#10719

- adds styling for `.kg-code-card` so that code blocks are styled the same no matter if they are top-level or inside of a `<figure>` element
  • Loading branch information
kevinansfield authored May 1, 2019
1 parent ff43de1 commit ec296ed
Show file tree
Hide file tree
Showing 3 changed files with 11 additions and 2 deletions.
2 changes: 1 addition & 1 deletion assets/built/screen.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion assets/built/screen.css.map

Large diffs are not rendered by default.

9 changes: 9 additions & 0 deletions assets/css/screen.css
Original file line number Diff line number Diff line change
Expand Up @@ -1936,6 +1936,15 @@ Usage (In Ghost editor):
margin: -2.25em 0 3em;
}

/* keep existing <pre> styles for code cards with captions */
.kg-code-card {
min-width: 100%;
}

.kg-code-card pre {
margin: 0;
}

/* 8. Author Template
/* ---------------------------------------------------------- */

Expand Down

0 comments on commit ec296ed

Please sign in to comment.