basyura's blog

あしたになったらほんきだす。

Inkdrop - ちょっとしたスタイル設定

テキスト行の折返し。コードとテーブル表示は折り返さない。

.editor {
  .CodeMirror {
    pre.header.header-2.CodeMirror-line {
      max-width: 650px;
    }
    .table-row,
    .gfm-codeblock {
      max-width: none;
    }
  }
}

.CodeMirror-wrap pre.CodeMirror-line {
  max-width: 650px;
}

.mde-preview {
  p {
    max-width: 650px;
  }
  h2,
  ul {
    max-width: 680px;
  }
}

引用行で折り返しが発生した場合に凸凹にならないようにインデントを付ける

.editor {
  .CodeMirror {
    pre.quote {
      display: inline-block;
      text-indent: -1em;
      padding-left: 1em;
    }
  }
}