css修改栏宽

跟着《Obsidian主题样式修改半入门教学》弄的。
起因是觉得obsidian的缩减栏宽一旦打开,文本框太窄了,而关掉它,又影响阅读。
于是就想能不能自己改一下。
于是有了下面的css。
现在,在预览模式下,栏宽可以被修改了,但是编辑模式下好像不行。各位大佬有啥建议?
哦,对,忘了说了,主题用的是Thing

:root{
    --max-width:  100%;/* Amount of padding around the text, use 90% for narrower padding */
    --line-width: 60rem; /* Maximum characters per line */
}

body {
  --line-width-adaptive: var(--line-width);
}

.markdown-source-view.is-readable-line-width .CodeMirror {
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto 0 auto;
    width: var(--line-width-adaptive);
    max-width: var(--max-width);
}
.markdown-preview-view.is-readable-line-width .markdown-preview-sizer{
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto 0 auto;
    max-width: var(--max-width);
    width: var(--line-width-adaptive);
}
1 个赞

我也想知道这个,我发现bt主题的行宽就是预览和编辑的时候都是比较宽的,可以研究一下bt的css库。我对css不太熟悉。