Improve the image style.
This commit is contained in:
parent
d78f034f5d
commit
9dcab7ac1f
3 changed files with 18 additions and 20 deletions
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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%);
|
||||
}
|
||||
|
|
|
@ -45,6 +45,7 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";
|
|||
.post-preview-img {
|
||||
margin-top: 0;
|
||||
margin-bottom: 2.5rem;
|
||||
@include align-center;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -341,19 +342,10 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";
|
|||
|
||||
/* Hide SideBar and TOC */
|
||||
@media all and (max-width: 830px) {
|
||||
.post img {
|
||||
position: relative;
|
||||
left: 50%;
|
||||
-webkit-transform: translateX(-50%);
|
||||
-ms-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.post-navigation {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
margin-left: -.5rem;
|
||||
margin-right: -.5rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue