From 557413cc4c1279da64290fdb2b4e22904d26d98f Mon Sep 17 00:00:00 2001 From: Cotes Chung <11371340+cotes2020@users.noreply.github.com> Date: Fri, 18 Dec 2020 22:19:41 +0800 Subject: [PATCH] Simplify the image custom class statement --- _posts/2019-08-08-text-and-typography.md | 6 +++--- _posts/2019-08-08-write-a-new-post.md | 6 +++--- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/_posts/2019-08-08-text-and-typography.md b/_posts/2019-08-08-text-and-typography.md index 8fccf6a..cf80f82 100644 --- a/_posts/2019-08-08-text-and-typography.md +++ b/_posts/2019-08-08-text-and-typography.md @@ -102,20 +102,20 @@ _400px image width_ - Left aligned -![Desktop View](/assets/img/sample/mockup.png){: width="350" class="normal"} +![Desktop View](/assets/img/sample/mockup.png){: width="350" .normal}
- Float to left - ![Desktop View](/assets/img/sample/mockup.png){: width="240" class="left"} + ![Desktop View](/assets/img/sample/mockup.png){: width="240" .left} "A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space."
- Float to right - ![Desktop View](/assets/img/sample/mockup.png){: width="240" class="right"} + ![Desktop View](/assets/img/sample/mockup.png){: width="240" .right} "A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space."
diff --git a/_posts/2019-08-08-write-a-new-post.md b/_posts/2019-08-08-write-a-new-post.md index 06a681c..01cdad4 100644 --- a/_posts/2019-08-08-write-a-new-post.md +++ b/_posts/2019-08-08-write-a-new-post.md @@ -118,19 +118,19 @@ By default, the image is centered, but you can specify the position by using one Image will be left aligned in below sample: ```markdown - ![Desktop View](/assets/img/sample/mockup.png){: width="350" class="normal"} + ![Desktop View](/assets/img/sample/mockup.png){: width="350" .normal} ``` - **Float to the left** ```markdown - ![Desktop View](/assets/img/sample/mockup.png){: width="240" class="left"} + ![Desktop View](/assets/img/sample/mockup.png){: width="240" .left} ``` - **Float to the right** ```markdown - ![Desktop View](/assets/img/sample/mockup.png){: width="240" class="right"} + ![Desktop View](/assets/img/sample/mockup.png){: width="240" .right} ``` > **Limitation**: Once you specify the position of an image, it is forbidden to add the image caption.