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

.home-content-container {
  background var(--background-color-1)


  .home-article-list {

    .home-article-item {
      position relative

      keep-container(true, 1.015, 1.015, 28px, 38px)

      .top-icon {
        position absolute
        top 10px
        right 12px
        color var(--text-color-4)
        font-size 1.2rem
        transform rotate(45deg)


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


      .home-article-title {
        position relative
        margin 0
        color var(--text-color-2)
        font-weight 600
        font-size 1.4rem
        line-height 1.5


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


        +keep-mobile() {
          font-size 1.2rem
        }
      }


      .home-article-content {
        margin 20px 0
        color var(--text-color-3)
        text-align justify
        word-wrap break-word
      }


      .home-article-meta-info-container {
        display flex
        align-items center
        justify-content space-between
        color var(--text-color-4)
        font-size 0.92rem

        .home-article-meta-info {
          letter-spacing 0.5px

          span {
            margin-right 10px

            &:last-child {
              margin-right 0
            }

            ul
            li {
              display inline
            }
          }

          .home-article-category {
            +keep-mobile() {
              display none
            }
          }

          .home-article-tag {
            +keep-tablet() {
              display none
            }
          }
        }


        .read-more {
          display flex
          align-items center
        }


        hr {
          flex 1
          height 1px
          margin 0 10px
          background var(--border-color)
          border none
        }


        a {
          color var(--text-color-4)

          &:hover {
            color var(--primary-color)
          }
        }
      }
    }
  }
}
refactor: 重新调整目录结构 2020-04-01 12:09:06 +08:00			`.home-content-container {`
refactor(all): refactor css variables 2022-10-14 17:56:32 +08:00			`background var(--background-color-1)`
style: optimized light and night mode switching 2021-01-21 16:47:13 +08:00
refactor: 重新调整目录结构 2020-04-01 12:09:06 +08:00
update: header 样式 && fix: header收缩因高度不够产生的bug 2020-04-01 15:28:01 +08:00			`.home-article-list {`
refactor: 重新调整目录结构 2020-04-01 12:09:06 +08:00
update: header 样式 && fix: header收缩因高度不够产生的bug 2020-04-01 15:28:01 +08:00			`.home-article-item {`
build(deps): use stylelint to format styl code 2022-09-30 10:51:42 +08:00			`position relative`
style: modified post top icon position 2020-10-28 00:20:32 +08:00
build(deps): use stylelint to format styl code 2022-09-30 10:51:42 +08:00			`keep-container(true, 1.015, 1.015, 28px, 38px)`
refactor: refactor theme style 2020-11-13 14:43:22 +08:00
style: modified post top icon position 2020-10-28 00:20:32 +08:00			`.top-icon {`
build(deps): use stylelint to format styl code 2022-09-30 10:51:42 +08:00			`position absolute`
			`top 10px`
			`right 12px`
refactor(all): refactor css variables 2022-10-14 17:56:32 +08:00			`color var(--text-color-4)`
build(deps): use stylelint to format styl code 2022-09-30 10:51:42 +08:00			`font-size 1.2rem`
			`transform rotate(45deg)`
style: optimize home article block top icon 2020-10-28 18:19:40 +08:00
style: optimized light and night mode switching 2021-01-21 16:47:13 +08:00
refactor: ils -> keep 2020-11-20 12:02:22 +08:00			`+keep-tablet() {`
build(deps): use stylelint to format styl code 2022-09-30 10:51:42 +08:00			`font-size 1.16rem`
style: optimize home article block top icon 2020-10-28 18:19:40 +08:00			`}`
style: modified post top icon position 2020-10-28 00:20:32 +08:00			`}`


feat: add theme magic & add toggle theme feature 2020-04-24 22:49:10 +08:00			`.home-article-title {`
build(deps): use stylelint to format styl code 2022-09-30 10:51:42 +08:00			`position relative`
			`margin 0`
refactor(all): refactor css variables 2022-10-14 17:56:32 +08:00			`color var(--text-color-2)`
build(deps): use stylelint to format styl code 2022-09-30 10:51:42 +08:00			`font-weight 600`
			`font-size 1.4rem`
			`line-height 1.5`
style: optimized light and night mode switching 2021-01-21 16:47:13 +08:00
style: optimize mobile adaptation css 2020-06-04 22:11:27 +08:00
refactor: ils -> keep 2020-11-20 12:02:22 +08:00			`+keep-tablet() {`
build(deps): use stylelint to format styl code 2022-09-30 10:51:42 +08:00			`font-size 1.3rem`
style: optimize mobile adaptation css 2020-06-04 22:11:27 +08:00			`}`

refactor: refactor theme style 2020-11-13 14:43:22 +08:00
refactor: ils -> keep 2020-11-20 12:02:22 +08:00			`+keep-mobile() {`
build(deps): use stylelint to format styl code 2022-09-30 10:51:42 +08:00			`font-size 1.2rem`
style: optimize mobile adaptation css 2020-06-04 22:11:27 +08:00			`}`
refactor: 重新调整目录结构 2020-04-01 12:09:06 +08:00			`}`

feat: add theme magic & add toggle theme feature 2020-04-24 22:49:10 +08:00
refactor: refactor theme style 2020-11-13 14:43:22 +08:00			`.home-article-content {`
build(deps): use stylelint to format styl code 2022-09-30 10:51:42 +08:00			`margin 20px 0`
refactor(all): refactor css variables 2022-10-14 17:56:32 +08:00			`color var(--text-color-3)`
build(deps): use stylelint to format styl code 2022-09-30 10:51:42 +08:00			`text-align justify`
			`word-wrap break-word`
refactor: 重新调整目录结构 2020-04-01 12:09:06 +08:00			`}`

refactor: refactor theme style 2020-11-13 14:43:22 +08:00
style: optimize home article block style 2020-10-28 18:01:59 +08:00			`.home-article-meta-info-container {`
build(deps): use stylelint to format styl code 2022-09-30 10:51:42 +08:00			`display flex`
			`align-items center`
			`justify-content space-between`
refactor(all): refactor css variables 2022-10-14 17:56:32 +08:00			`color var(--text-color-4)`
build(deps): use stylelint to format styl code 2022-09-30 10:51:42 +08:00			`font-size 0.92rem`
modified: 优化 home 文章显示样式 2020-04-01 16:41:30 +08:00
style: optimize home article block style 2020-10-28 18:01:59 +08:00			`.home-article-meta-info {`
build(deps): use stylelint to format styl code 2022-09-30 10:51:42 +08:00			`letter-spacing 0.5px`
feat: add theme magic & add toggle theme feature 2020-04-24 22:49:10 +08:00
			`span {`
build(deps): use stylelint to format styl code 2022-09-30 10:51:42 +08:00			`margin-right 10px`
style: optimize the home page style 2020-04-26 18:34:51 +08:00
			`&:last-child {`
build(deps): use stylelint to format styl code 2022-09-30 10:51:42 +08:00			`margin-right 0`
style: optimize the home page style 2020-04-26 18:34:51 +08:00			`}`
feat: add theme magic & add toggle theme feature 2020-04-24 22:49:10 +08:00
build(deps): use stylelint to format styl code 2022-09-30 10:51:42 +08:00			`ul`
			`li {`
			`display inline`
feat: add theme magic & add toggle theme feature 2020-04-24 22:49:10 +08:00			`}`
			`}`
style: optimize home article block style 2020-10-28 18:01:59 +08:00
			`.home-article-category {`
refactor: ils -> keep 2020-11-20 12:02:22 +08:00			`+keep-mobile() {`
build(deps): use stylelint to format styl code 2022-09-30 10:51:42 +08:00			`display none`
style: optimize home article block style 2020-10-28 18:01:59 +08:00			`}`
			`}`

			`.home-article-tag {`
refactor: ils -> keep 2020-11-20 12:02:22 +08:00			`+keep-tablet() {`
build(deps): use stylelint to format styl code 2022-09-30 10:51:42 +08:00			`display none`
style: optimize home article block style 2020-10-28 18:01:59 +08:00			`}`
			`}`
modified: 优化 home 文章显示样式 2020-04-01 16:41:30 +08:00			`}`

refactor: refactor theme style 2020-11-13 14:43:22 +08:00
style: optimize home page style 2022-10-20 17:38:05 +08:00			`.read-more {`
			`display flex`
			`align-items center`
			`}`


modified: 优化 home 文章显示样式 2020-04-01 16:41:30 +08:00			`hr {`
build(deps): use stylelint to format styl code 2022-09-30 10:51:42 +08:00			`flex 1`
			`height 1px`
			`margin 0 10px`
			`background var(--border-color)`
			`border none`
modified: 优化 home 文章显示样式 2020-04-01 16:41:30 +08:00			`}`
style: some module styles have been updated 2020-04-07 11:57:53 +08:00
style: optimize home page style 2022-10-20 17:38:05 +08:00
style: some module styles have been updated 2020-04-07 11:57:53 +08:00			`a {`
refactor(all): refactor css variables 2022-10-14 17:56:32 +08:00			`color var(--text-color-4)`
style: some module styles have been updated 2020-04-07 11:57:53 +08:00
			`&:hover {`
build(deps): use stylelint to format styl code 2022-09-30 10:51:42 +08:00			`color var(--primary-color)`
style: some module styles have been updated 2020-04-07 11:57:53 +08:00			`}`
			`}`
modified: 优化 home 文章显示样式 2020-04-01 16:41:30 +08:00			`}`
update: header 样式 && fix: header收缩因高度不够产生的bug 2020-04-01 15:28:01 +08:00			`}`
refactor: 重新调整目录结构 2020-04-01 12:09:06 +08:00			`}`
feat: category pages and tag pages add paging 2020-09-02 13:11:09 +08:00			`}`