f.weber/jekyll-theme-chirpy
Template
1
0
Fork 0
mirror of https://github.com/cotes2020/jekyll-theme-chirpy.git synced 2025-12-24 00:23:10 +00:00
Code Issues Packages Releases Activity

Improve the image style.

Browse Source
This commit is contained in:
Cotes Chung
2020-09-02 18:25:57 +08:00
parent d78f034f5d
commit 9dcab7ac1f
3 changed files with 18 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
assets/css/_addon/main.scss
View File

@@ -734,6 +734,10 @@ a {
} // a
img {
max-width: 100%;
}
.post {
h1 {
margin-top: 3rem;
@@ -823,20 +827,14 @@ div.post-content .table-wrapper {
}
p {
font-size: 1.08rem;
}
img {
max-width: 100%;
margin-top: .5rem;
margin-bottom: 1.5rem;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
> img {
margin-top: .5rem;
margin-bottom: 1.5rem;
@include align-center;
}
}
}
.tag:hover {
@extend %tag-hover;
}

8
assets/css/_addon/module.scss
View File

@@ -98,3 +98,11 @@
font-weight: $font-weight;
font-family: 'Roboto Condensed', 'Microsoft Yahei', sans-serif;
}
@mixin align-center {
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}