SharedUserCSS

code:style.css

@import '../コードブロックの行番号を表示するUserCSS/style.css';

test

test

code:style.css

.indent-mark {

height: 100% !important;

}

.indent-mark .pad {

height: 100% !important;

overflow: unset !important;

}

.indent-mark span:nth-child(2n+2) .pad {

background: oklch(

from var(--page-bg)

calc(

l

+ max(0, 0.5 - l) * 0.2 /* 明度 < 0.5 → 明るくする */

- max(0, l - 0.5) * 0.05 /* 明度 > 0.5 → 暗くする */

)

c h

);

}

/* テロメアクリック時は無効化 */

.permalink .indent-mark span:nth-child(2n+2) .pad {

background: unset;

}

code:style.css

.line.number-list .dot {

display: block !important;

}

ので無効化

code:style.css!

.line .quote .indent { display: block; }

code:style.cssx

position: relative;

top: -0.5em;

}

.line span.code-block .pad:not(.code-block-margin){

background-color: rgba(0,0,0,0.05);

height: 1.7em;

position: relative;

top: 8px;

}

/* 箇条書き中のコードブロック記法での行頭のインデントの色を背景と同じ色にする */

.line span.code-block .code-block-margin {

}

code:style.css-x

.container {

width: auto;

max-width: max-content;

}

code:style.css

background-color: white;

}

ScrapBubble用

code:style.css

div.page {

overflow-x: visible;

overflow-y: visible;

}