gaiety/gaiety-life
1
0
Fork 0
Code Activity

Update image style

Browse source
This commit is contained in:
Tommy Vedvik 2019-02-28 23:48:34 +01:00
parent 3772e3b7ab
commit 8edf6e232f
2 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
content/posts/markdown-test-file.md
View file

@ -1,5 +1,5 @@
--- ---
title: Markdown test files title: Markdown test file
date: 2019-02-06 date: 2019-02-06
published: true published: true
tags: ['Markdown','Test files'] tags: ['Markdown','Test files']
@ -45,6 +45,13 @@ used to open the header. (The number of opening hashes
determines the header level.) determines the header level.)
### Images
Images are added with `![Image Alt](./images/image.jpg)`
![Image](./images/alexandr-podvalny-220262-unsplash.jpg)
### Blockquotes ### Blockquotes
Markdown uses email-style `>` characters for blockquoting. If you're Markdown uses email-style `>` characters for blockquoting. If you're

4
src/templates/Post.vue
View file

@ -77,9 +77,11 @@ query Post ($path: String!) {
margin-bottom: calc(var(--space) / 2); margin-bottom: calc(var(--space) / 2);
overflow: hidden; overflow: hidden;
border-radius: var(--radius) var(--radius) 0 0; border-radius: var(--radius) var(--radius) 0 0;
img { img {
width: 100%; width: 100%;
} }
&:empty { &:empty {
display: none; display: none;
} }
@ -94,10 +96,12 @@ query Post ($path: String!) {
font-size: 1.2em; font-size: 1.2em;
color: var(--title-color); color: var(--title-color);
} }
img { img {
width: calc(100% + var(--space) * 2); width: calc(100% + var(--space) * 2);
margin-left: calc(var(--space) * -1); margin-left: calc(var(--space) * -1);
display: block; display: block;
max-width: none;
} }
} }
} }