hexo-theme-keep/source/css/common/markdown.styl

263 lines
3.2 KiB
Stylus
Raw Normal View History

2020-04-03 18:18:42 +08:00
.markdown-body {
font-size 1rem
2020-03-26 22:31:12 +08:00
blockquote {
2020-11-26 10:46:42 +08:00
p
ul
ol {
padding 0.4rem 0.4rem 0.4rem 0.8rem
2020-11-26 10:46:42 +08:00
}
box-sizing border-box
margin 1.4rem 0
2022-10-14 17:56:32 +08:00
color var(--text-color-3)
background var(--background-color-2)
border-left 0.4rem solid var(--text-color-4)
2020-03-26 22:31:12 +08:00
}
2020-12-01 16:51:38 +08:00
2020-04-03 18:18:42 +08:00
p {
2022-10-14 17:56:32 +08:00
color var(--text-color-3)
line-height 2
2020-04-03 18:18:42 +08:00
}
2020-03-26 22:31:12 +08:00
2020-12-01 16:51:38 +08:00
2020-03-26 22:31:12 +08:00
a {
position relative
box-sizing border-box
padding-bottom 0.2rem
text-decoration none
overflow-wrap break-word
2022-10-14 17:56:32 +08:00
border-bottom 0.1rem solid var(--text-color-4)
outline 0
cursor pointer
.fas
.far
.fab {
position relative
margin 0 0.2rem 0 0.4rem
2022-10-14 17:56:32 +08:00
color var(--text-color-4)
font-size 0.88rem
}
&:hover {
text-decoration underline
&::after {
background var(--primary-color)
}
}
2020-03-26 22:31:12 +08:00
}
strong {
2022-10-14 17:56:32 +08:00
color var(--text-color-3)
2020-03-26 22:31:12 +08:00
}
2021-01-22 12:27:42 +08:00
2021-01-21 18:28:00 +08:00
em {
2022-10-14 17:56:32 +08:00
color var(--text-color-3)
2021-01-21 18:28:00 +08:00
}
ul
ol {
li {
margin-left 1rem
line-height 2rem
}
}
ul {
li {
list-style disc
ul {
li {
list-style circle
ul {
li {
list-style square
}
}
}
}
}
}
ol {
li {
list-style decimal
ol {
li {
list-style upper-alpha
ol {
li {
list-style upper-roman
}
}
}
}
}
}
li {
2022-10-14 17:56:32 +08:00
color var(--text-color-3)
}
h1
h2
h3
h4
h5
h6 {
2022-10-14 17:56:32 +08:00
color var(--text-color-2)
line-height 1.5
2021-01-21 17:31:25 +08:00
+keep-tablet() {
line-height 1.25
2021-01-21 17:31:25 +08:00
}
}
2020-03-26 22:31:12 +08:00
2020-03-26 22:31:12 +08:00
h1 {
font-weight 600
font-size 1.8rem
2020-10-30 10:18:42 +08:00
2020-11-20 12:02:22 +08:00
+keep-tablet() {
font-size 1.7rem
2020-10-30 10:18:42 +08:00
}
2020-03-26 22:31:12 +08:00
}
h2 {
font-weight 600
font-size 1.7rem
2020-10-30 10:18:42 +08:00
2020-11-20 12:02:22 +08:00
+keep-tablet() {
font-size 1.6rem
2020-10-30 10:18:42 +08:00
}
2020-03-26 22:31:12 +08:00
}
2020-03-26 22:31:12 +08:00
h3 {
font-weight 550
font-size 1.6rem
2020-10-30 10:18:42 +08:00
2020-11-20 12:02:22 +08:00
+keep-tablet() {
font-size 1.5rem
2020-10-30 10:18:42 +08:00
}
2020-03-26 22:31:12 +08:00
}
h4 {
font-weight 550
font-size 1.5rem
2020-10-30 10:18:42 +08:00
2020-11-20 12:02:22 +08:00
+keep-tablet() {
font-size 1.4rem
2020-10-30 10:18:42 +08:00
}
2020-03-26 22:31:12 +08:00
}
2020-03-26 22:31:12 +08:00
h5 {
font-weight 500
font-size 1.28rem
2020-11-20 12:02:22 +08:00
+keep-tablet() {
font-size 1.18rem
2020-10-30 10:18:42 +08:00
}
2020-03-26 22:31:12 +08:00
}
2020-03-26 22:31:12 +08:00
h6 {
font-weight 500
font-size 1.2rem
line-height 1.2
2020-11-13 14:43:22 +08:00
2020-11-20 12:02:22 +08:00
+keep-tablet() {
font-size 1.1rem
line-height 1.1
2020-10-30 10:18:42 +08:00
}
2020-03-26 22:31:12 +08:00
}
img {
position relative
display block
box-sizing border-box
max-width 100%
box-shadow 0 0 0.2rem var(--shadow-color)
cursor zoom-in
opacity 1
&.hide {
opacity 0
}
&[lazyload] {
margin 0.8rem auto 0.2rem
}
if (hexo-config('post.img_align') == 'center' || hexo-config('style.article_img_align') == 'center') {
margin 0.8rem auto 0.2rem
}
else {
margin 0.8rem 0 0.2rem
}
2020-03-26 22:31:12 +08:00
}
& > table {
width 100%
overflow auto
border-collapse collapse
border-spacing 0
2020-03-26 22:31:12 +08:00
2022-09-26 15:11:41 +08:00
+keep-mobile() {
& {
table-layout fixed
2022-09-26 15:11:41 +08:00
}
}
2022-09-26 15:11:41 +08:00
td
th {
padding 0
}
2020-03-26 22:31:12 +08:00
th {
font-weight 600
}
2020-03-26 22:31:12 +08:00
td
th {
padding 0.4rem 1rem
border 0.1rem solid var(--border-color)
2020-03-26 22:31:12 +08:00
}
tr {
2022-10-14 17:56:32 +08:00
background-color var(--background-color-1)
border 0.1rem solid var(--text-color-6)
}
2020-03-26 22:31:12 +08:00
tr:nth-child(2n) {
2022-10-14 17:56:32 +08:00
background-color var(--background-color-2)
}
2020-03-26 22:31:12 +08:00
}
}