Added support for basic image captions
See https://github.com/TryGhost/Ghost/issues/8859
This commit is contained in:
parent
11f61782ad
commit
7d4f93bf23
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -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…
Reference in New Issue