settings

code:style.css

@import url('./define.css');

@import url('./font.css');

@import url('./imageBorder.css');

@import url('./codeblock.css');

@import url('./disable padding-right:17px.css');

@import url('./dontHideDotsWhenTeX.css');

@import url('./fixed page-menu.css');

@import url('./pin.css');

@import url('./centered thumbnail.css');

@import url('./strikethrough without bracketing.css');

@import url('./inlineQuote.css');

@import url('./ExpandSearchDropdown.css');

@import url('./diaryColor.css');

@import url('./smallPinnedOnMobile.css');

@import url('./brand-icon.css');

@import url('./vimeoLetterbox.css');

@import url('./indent.css');

.line img.icon{top: -0.1em}

.line .strong-image{max-width:99%}

code:define.css

:root{

}

フォント変更

code:font.css

body,

.editor,

.grid li{

font-family: 'IBM Plex Sans JP','IBM Plex Sans KR', sans-serif !important;

color: var(--font-color);

}

画像にボーダー

code:imageBorder.css

.line .image{border: 1px solid var(--image-border-color)}

ピン止め表示　ピンのみ別の行

code:pin.css

a .pin{

display: none;

}

.grid li.page-list-item a .header.pinned{

border-color: var(--pin-color);

}

.page-list-item.pin + .page-list-item:not(.pin) {

grid-column-start: 1;

}

code:centered thumbnail.css

.grid li.page-list-item a .content .icon {

display: flex;

justify-content: center;

align-items: center;

img {

width: auto;

max-width: 100%;

max-height: 100%;

border-radius: 3px;

}

}

コードブロック記法に行番号を追加する

code:codeblock.css

.section-title, .code-block-start{counter-reset:codeline }

.code-block span.indent code.code-body{

&{

counter-increment: codeline;

margin-left: -1.5em;

padding-left: 2.3em

}

&:before{

content: counter(codeline);

position: absolute;

display: inline-block;

z-index: 10;

margin-left: -2.4em;

width: 2em;

padding-right: .2em;

text-align: right;

vertical-align: bottom;

color: var(--code-number-color);

opacity: .5;

}

.cursor-line &:before{

opacity: 1;

font-weight: bolder;

background-color: var(--accent-color);

}

}

画像を開いたときに画像の後ろの要素(ページなど)全体が17px左にずれるのをなくす

code:disable padding-right:17px.css

body{padding-right: unset !important}

page-menu(ページ右上の3つのアイコン)を常に同じ位置に固定させる

code:fixed page-menu.css

.page-menu{top: 72px}

code:dontHideDotsWhenTeX.css

.line.formula-line .dot {display: inherit}

code:diaryColor.css

code:vimeoLetterbox.css

iframe.vimeo{background:black}

code:ExpandSearchDropdown.css

.search-form .form-group .dropdown-menu{max-height:25em}

code:brand-icon.css

.brand-icon {

path{

transform: scale(.9);

transform-origin: 50% 50%;

stroke-width: .7;

vector-effect: non-scaling-stroke;

}

fill: transparent;

}

fill: transparent;

}

}

code:indent.css

.lines .line{

& .indent-mark{height: 100%}

& .table-block .indent-mark{height: auto}/*tableは除外する*/

}

.indent-mark{

& .pad{

height: 100% !important;

overflow: unset !important;

}

& span:not(:nth-last-child(1)):not(:nth-last-child(2)) .pad{

border-right: 1px solid var(--indent-color);

}

}

code:strikethrough without bracketing.css

.line {

{text-decoration:line-through}

}

span.char-index{

&{display:none}

.cursor-line &{display:inline-block}

}

}

code:inlineQuote.css

.deco-\" {

border-radius: .2em;

padding: 0 .4em;

background-color: rgba(128,128,128,0.1);

font-size: 95%;

font-style: italic;

}

.line:not(.cursor-line) .deco-\"::before {

font-size: 85%;

font-family: 'Font Awesome 5 Free';

font-weight: 900;

content: '\f10d';

position: relative;

top: -0.5em;

left: -0.2em;

}

@import url('https://scrapbox.io/api/code/yozba/settings/disableEdit.css')

code:disableEdit.css

.line .telomere .telomere-border,

.page-link {

pointer-events: auto;

}

code:smallPinnedOnMobile.css

@media screen and (max-width: 767px) {

.page-list-item.grid-style-item.pin{

height: 100px;

width: 100%;

}

}

code:removeQuoteSpace.css

.line:not(.cursor-line) .quote>.tag{display: none;}

https://gyazo.com/e3e0e01f6fe0dde2cb4cb3813b099be5