Browse Source

Added support for basic image captions

See https://github.com/TryGhost/Ghost/issues/8859
master
John O'Nolan 3 years ago
parent
commit
7d4f93bf23
3 changed files with 24 additions and 4 deletions
  1. +1
    -1
      assets/built/screen.css
  2. +1
    -1
      assets/built/screen.css.map
  3. +22
    -2
      assets/css/screen.css

+ 1
- 1
assets/built/screen.css
File diff suppressed because it is too large
View File


+ 1
- 1
assets/built/screen.css.map
File diff suppressed because it is too large
View File


+ 22
- 2
assets/css/screen.css View File

@@ -706,15 +706,35 @@ The first (most recent) post in the list is styled to be bigger than the others
}
}

/*
If an image url has #full on the end, give it special wide styles.
/* Full bleed images (#full)
Super neat trick courtesy of @JoelDrapper

Usage (In Ghost edtior):

![img](/some/image.jpg#full)

*/
.post-full-content img[src$="#full"] {
width: 100vw;
max-width: none;
}


/* Image captions

Usage (In Ghost editor):

![img](/some/image.jpg)
<small>Your image caption</small>

*/
.post-full-content br + small {
display: block;
margin-top: -3em;
}


.post-full-content iframe {
margin: 0 auto 1.5em;
}


Loading…
Cancel
Save