Settings
https://scrapbox.io/files/66a0ed236f36b5001c20493f.png
Settings (UserCSS) of this Scrapbox project.
コードの行番号を表示する
/scrasobox/コードの行番号を表示する
code:style.css
@media screen and (min-width: 768px) {
.section-title, .code-block-start {
counter-reset: codeline
}
.code-block code > span:not(class) {
counter-increment: codeline
}
body:not(.presentation) .code-block code > span:not(class)::before {
content: counter(codeline);
position: absolute;
display: inline-block;
left: -2.3em;
z-index: 10;
min-width: 50px;
text-align: right;
vertical-align: bottom;
font-family: monospace; color: grey
}
.code-block code > span:not(class)::before {
opacity: .5;
}
.cursor-line .code-block code > span:not(class)::before {
opacity: 1;
font-weight: bolder;
}
}
リストの丸を小さくする
code:style.css
.dot {
width: 6px !important;
height: 6px !important;
}
YouTube 動画の埋め込み時のサイズを小さくする
code:style.css
.iframe-video-player iframe {
width: 40% !important;
max-height: 15vw !important;
}