ydoc/docs/custom.css

基于 Markdown 的静态站点生成工具

/** 在这里可以自定义页面 css */
.m-pluginbox {
  display: flex;
  flex-wrap: wrap;
  max-width: 10.24rem;
}
.m-pluginbox-item {
  flex-basis: 50%;
  margin-bottom: 36px;
  padding: 16px;
}
.m-pluginbox-item .title {
  font-size: 24px;
  color: #1890ff;
}
.m-pluginbox-item .desc {
  margin-top: 16px;
}

@media screen and (min-width: 960px) {
  .m-pluginbox-item {
    flex-basis: 33.3%;
    margin-bottom: 48px;
  }
}

/* 设计规范下载板块 */
.filebox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.filebox .item {
  flex: 1 0 100%;
  border: 1px solid #e6f0f6;
  border-radius: 4px;
  padding: 16px 24px;
  margin-bottom: 32px;
}
.filebox .title {
  margin-top: 16px;
  margin-bottom: 8px;
}

@media screen and (min-width: 960px) {
  .filebox .item {
    flex: 0 1 48%;
  }
}