mirrors/tale
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add support for image captions & center images

Browse source
This commit is contained in:
Chester How 2017-11-24 11:44:25 +08:00
parent 28ea06259d
commit 4a021a03e6
3 changed files with 24 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_config.yml
View file

@ -27,5 +27,5 @@ github:
repo: https://github.com/chesterhow/tale repo: https://github.com/chesterhow/tale
# Gems # Gems
gems: plugins:
- jekyll-paginate - jekyll-paginate

14
_posts/2017-03-16-example-content.md
View file

@ -72,14 +72,16 @@ Check out tale on [GitHub](https://github.com/chesterhow/tale).
# Images # Images
{% highlight markdown %} {% highlight markdown %}
![placeholder](https://placehold.it/800x400 "Large example image") ![Placeholder image](https://placehold.it/800x400 "Placeholder image")
![placeholder](https://placehold.it/400x200 "Medium example image")
![placeholder](https://placehold.it/200x200 "Small example image") ![Image with caption](https://placehold.it/700x400 "Image with caption")
_This is an image with a caption_
{% endhighlight %} {% endhighlight %}
![placeholder](https://placehold.it/800x400 "Large example image") ![Placeholder image](https://placehold.it/800x400 "Placeholder image")
![placeholder](https://placehold.it/400x200 "Medium example image")
![placeholder](https://placehold.it/200x200 "Small example image") ![Image with caption](https://placehold.it/700x400 "Image with caption")
_This is an image with a caption_
# Code and Syntax Highlighting # Code and Syntax Highlighting
Use back-ticks for `inline code`. Multi-line code snippets are supported too through Pygments. Use back-ticks for `inline code`. Multi-line code snippets are supported too through Pygments.

17
_sass/_post.scss
View file

@ -4,7 +4,7 @@
&-info { &-info {
color: $default-tint; color: $default-tint;
font-family: $palatino; font-family: $palatino;
letter-spacing: .5px; letter-spacing: 0.5px;
text-align: center; text-align: center;
span { span {
@ -21,7 +21,7 @@
} }
&-line { &-line {
border-top: .4rem solid $default-shade; border-top: 0.4rem solid $default-shade;
display: block; display: block;
margin: 0 auto 3rem; margin: 0 auto 3rem;
width: 4rem; width: 4rem;
@ -35,4 +35,17 @@
a:hover { a:hover {
text-decoration: underline; text-decoration: underline;
} }
img {
margin: 0 auto 0.5rem;
}
img + em {
color: $default-tint;
display: block;
font-family: $sans-font;
font-size: 0.9rem;
font-style: normal;
text-align: center;
}
} }