2019-04-02 08:28:32 +00:00
|
|
|
// TODO: Refactor.
|
|
|
|
|
|
|
|
|
|
.posts-expand {
|
|
|
|
|
padding-top: 40px;
|
|
|
|
|
}
|
|
|
|
|
|
2019-07-25 14:41:56 +00:00
|
|
|
@media (max-width: 600px) {
|
2019-04-02 08:28:32 +00:00
|
|
|
.posts-expand {
|
|
|
|
|
margin: 0 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.post-body {
|
|
|
|
|
pre {
|
|
|
|
|
.gutter pre {
|
|
|
|
|
padding-right: 10px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.highlight {
|
|
|
|
|
margin-left: 0px;
|
|
|
|
|
margin-right: 0px;
|
|
|
|
|
padding: 0;
|
|
|
|
|
.gutter pre {
|
|
|
|
|
padding-right: 10px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.posts-expand .post-body {
|
|
|
|
|
+desktop() { text-align: justify; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
h2, h3, h4, h5, h6 {
|
|
|
|
|
padding-top: 10px;
|
|
|
|
|
|
|
|
|
|
.header-anchor{
|
|
|
|
|
float: right;
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
color: $grey-light;
|
|
|
|
|
border-bottom-style: none;
|
|
|
|
|
visibility: hidden;
|
|
|
|
|
|
|
|
|
|
&:hover{
|
|
|
|
|
color: inherit;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:hover .header-anchor{
|
|
|
|
|
visibility: visible;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
ul li { list-style: circle; }
|
|
|
|
|
|
|
|
|
|
img {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
margin: auto;
|
|
|
|
|
padding: 3px;
|
|
|
|
|
border: 1px solid $gray-lighter;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.posts-expand .post-body .fancybox img { margin: 0 auto 25px; }
|
