首页 » 未分类 » 正文

Typora: Add-Custom-CSS

发布者:站点默认
2013/03/23 浏览数(2,458) 分类:未分类 Typora: Add-Custom-CSS已关闭评论

Typora 将按以下顺序加载 CSS 文件:

  1. Typora 的基本样式
  2. 当前主题的 CSS
  3. 主题目录中的 base.user.css
  4. 主题目录中的 {current-theme}.user.css

https://support.typora.io/Add-Custom-CSS/

/** base.user.css */
h1 {
  text-align: center;
}
#write {
  counter-reset: h2;
}
h2 {
  counter-reset: h3;
}
h3 {
  counter-reset: h4;
}
h4 {
  counter-reset: h5;
}
h5 {
  counter-reset: h6;
}
#write h2:before {
  counter-increment: h2;
  content: counter(h2) ". ";
}
#write h3:before,
h3.md-focus.md-heading:before {
  counter-increment: h3;
  content: counter(h2) "." counter(h3) ". ";
}
#write h4:before,
h4.md-focus.md-heading:before {
  counter-increment: h4;
  content: counter(h2) "." counter(h3) "." counter(h4) ". ";
}
#write h5:before,
h5.md-focus.md-heading:before {
  counter-increment: h5;
  content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". ";
}
#write h6:before,
h6.md-focus.md-heading:before {
  counter-increment: h6;
  content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". ";
}
#write > h3.md-focus:before,
#write > h4.md-focus:before,

#write > h5.md-focus:before,
#write > h6.md-focus:before,
h3.md-focus:before,
h4.md-focus:before,
h5.md-focus:before,
h6.md-focus:before {
  color: inherit;
  border: inherit;
  border-radius: inherit;
  left: initial;
  float: none;
  top: initial;
  font-size: inherit;
  padding-left: inherit;
  padding-right: inherit;
  vertical-align: inherit;
  font-weight: inherit;
  line-height: inherit;
}
#write > h2:before,
#write > h3:before,
#write > h4:before,
#write > h5:before,
#write > h6:before {
  left: initial;
  top: initial;
  right: 100%;
  position: absolute;
  transform: translateX(-5px);
  text-decoration: none;
}
点击返回顶部
  1. 留言
  2. 联系方式