vuepress-theme-yilia-plus/styles/theme.styl

一个简洁优雅的VuePress主题 A simple and elegant theme for VuePress.

@import './fonts.scss';

/* 自动换行 */
{$contentClass} {
  a, li a {
    word-wrap: break-word;
    word-break: normal;
  }
}

/* plugin-back-to-top插件重写样式 */
@media (max-width: 959px) {
  .go-to-top {
    display: block !important;
  }
}

/* ************* 滚动条 ************* */
html,body {
  &::-webkit-scrollbar {
    width: 9px;
    height: 9px;
    border-radius: 10px;
    background-color: #f5f5f5;
  }

  &::-webkit-scrollbar-thumb {
    background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.44, #3cba92),
      color-stop(0.72, #fdbb2d),
      color-stop(0.86, #fdbb2d)
    );
    transition: 0.3s ease-in-out;
  }

  & {
    ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    }
  }

  & {
    ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    }
  }

  &::-webkit-scrollbar-track {
    background-color: #f5f5f5;
  }
}