hexo-theme-keep/source/css/layout/article-content.styl

95 lines
1.7 KiB
Stylus
Raw Normal View History

2020-04-01 12:09:06 +08:00
@require 'common/variables.styl'
2020-04-28 23:20:17 +08:00
@require 'common/magic-theme.styl'
2020-04-01 12:09:06 +08:00
.article-content-container {
background: var(--background-color);
if (hexo-config('magic.enable') == true) {
2020-04-28 23:20:17 +08:00
box-shadow: 0 0 3px var(--border-color);
padding: 30px;
transition: all 0.3s ease;
border-radius: 2px;
&:hover {
box-shadow: 0 0 8px var(--border-color);
2020-04-28 23:20:17 +08:00
transform: scaleX(1.008) scaleY(1.002);
}
}
2020-04-28 23:20:17 +08:00
.article-title {
h3 {
font-weight: 600;
font-size: 1.8em;
margin: 0;
}
a {
color: var(--second-text-color);
}
2020-03-15 15:45:38 +08:00
}
.meta-info {
margin: 10px 0 30px 0;
}
.article-content {
text-align: justify;
padding-bottom: 30px;
2020-04-01 23:03:38 +08:00
border-bottom: 1px solid $border-color;
}
.article-nav {
height 40px
2020-04-01 23:03:38 +08:00
margin 40px 0
.article-prev {
float left
}
.article-next {
float right
}
}
}
2020-04-28 23:20:17 +08:00
if ((hexo-config('magic.enable') == true && hexo-config('magic.sidebar.enable') == false && hexo-config('toc.enable') == true) || (hexo-config('magic.enable') == false && hexo-config('toc.enable') == true)) {
.article-toc-container {
position: fixed;
top: $header-height + $component-interspace;
background: var(--background-color);
max-width: 200px;
max-height: 600px;
if (hexo-config('side-tools.position') == left) {
right: 30px;
} else {
left: 30px;
}
if (hexo-config('magic.enable') == true) {
magic-container(1.02, 20px);
} else {
transition();
border: 1px solid var(--border-color);
padding: 20px;
}
}
.article-toc-container-shrink {
top: $header-shrink-height + $component-interspace !important;
}
}