Cool-Y.github.io/themes/next/source/css/_common/components/post/post-expand.styl

65 lines
972 B
Stylus
Raw Normal View History

2019-04-02 08:28:32 +00:00
// TODO: Refactor.
.posts-expand {
padding-top: 40px;
}
@media (max-width: 767px) {
.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; }