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

.markdown-body {
  font-size 1rem

  blockquote {

    p
    ul
    ol {
      padding 0.4rem 0.4rem 0.4rem 0.8rem
    }

    box-sizing border-box
    margin 1.4rem 0
    color var(--text-color-3)
    background var(--background-color-2)
    border-left 0.4rem solid var(--text-color-4)
  }


  p {
    color var(--text-color-3)
    line-height 2
  }


  a {
    position relative
    box-sizing border-box
    padding-bottom 0.2rem
    text-decoration none
    overflow-wrap break-word
    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
      color var(--text-color-4)
      font-size 0.88rem
    }


    &:hover {
      text-decoration underline

      &::after {
        background var(--primary-color)
      }
    }
  }


  strong {
    color var(--text-color-3)
  }


  em {
    color var(--text-color-3)
  }


  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 {
    color var(--text-color-3)
  }


  h1
  h2
  h3
  h4
  h5
  h6 {
    color var(--text-color-2)
    line-height 1.5

    +keep-tablet() {
      line-height 1.25
    }
  }


  h1 {
    font-weight 600
    font-size 1.8rem

    +keep-tablet() {
      font-size 1.7rem
    }
  }


  h2 {
    font-weight 600
    font-size 1.7rem

    +keep-tablet() {
      font-size 1.6rem
    }
  }


  h3 {
    font-weight 550
    font-size 1.6rem

    +keep-tablet() {
      font-size 1.5rem
    }
  }


  h4 {
    font-weight 550
    font-size 1.5rem

    +keep-tablet() {
      font-size 1.4rem
    }
  }


  h5 {
    font-weight 500
    font-size 1.28rem

    +keep-tablet() {
      font-size 1.18rem
    }
  }


  h6 {
    font-weight 500
    font-size 1.2rem
    line-height 1.2

    +keep-tablet() {
      font-size 1.1rem
      line-height 1.1
    }
  }


  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
    }
  }


  & > table {
    width 100%
    overflow auto
    border-collapse collapse
    border-spacing 0

    +keep-mobile() {
      & {
        table-layout fixed
      }
    }

    td
    th {
      padding 0
    }

    th {
      font-weight 600
    }

    td
    th {
      padding 0.4rem 1rem
      border 0.1rem solid var(--border-color)
    }

    tr {
      background-color var(--background-color-1)
      border 0.1rem solid var(--text-color-6)
    }

    tr:nth-child(2n) {
      background-color var(--background-color-2)
    }
  }
}