Obsidian Publish スタイル調整

全般

基準のフォントサイズ

html {
    font-size: 16pt;
}

見出し

フォントサイズ

body {
    --h1-size: 1.60em;
    --h2-size: 1.40em;
    --h3-size: 1.00em;
    --h4-size: 1.00em;
    --h5-size: 1.00em;
    --h6-size: 1.00em;
}

見出しのスタイル

h1[data-heading] {
    /* h1のスタイル装飾 */
}
 
h2[data-heading {
    /* h2のスタイル装飾 */
}
 
h3[data-heading {
    /* h3のスタイル装飾 */
}

ページタイトル

スタイル調整

.published-container {
    --page-title-size: 1em;  /* タイトルのフォントサイズ */
    
    & .mod-header {
        & h1.page-header {
            /* ここにタイトル用の装飾を記述する */
        }
    }
}

コードスニペット

折り返しを禁止する

折り返しを禁止した上で、水平スクロールできるようにして、コピーボタンを右端で追従するようにします。

.el-pre {
    & pre {
        overflow-x: hidden;
    
        & code[data-line="0"] {
            display: block;
            overflow-x: scroll;
            padding: 16px !important; /* スクロールバーとの重なりを防ぐ */
            white-space: pre;
        }
    }
}