themes
/
casper
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Added support for basic image captions 

See https://github.com/TryGhost/Ghost/issues/8859
This commit is contained in:
John O'Nolan 2017-08-09 13:26:08 +01:00
parent 11f61782ad
commit 7d4f93bf23
3 changed files with 24 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/built/screen.css
View File

File diff suppressed because one or more lines are too long

2
assets/built/screen.css.map
View File

File diff suppressed because one or more lines are too long

24
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 Super neat trick courtesy of @JoelDrapper
Usage (In Ghost edtior):
![img](/some/image.jpg#full)
*/ */
.post-full-content img[src$="#full"] { .post-full-content img[src$="#full"] {
width: 100vw; width: 100vw;
max-width: none; 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 { .post-full-content iframe {
margin: 0 auto 1.5em; margin: 0 auto 1.5em;
} }