settings

このページに対して議論なしに変更しないでください

code:style.css

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

@import url('./background-grid.css');

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

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

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

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

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

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

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

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

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

@import url('./fix icon position.css');

@import url('./fix strong-image width.css');

code:define.css

html{

--grid-color: rgba(0,0,0,.03);/*background-grid.css*/

}

code:background-grid.css

body{

background-image: linear-gradient(var(--grid-color) 2px, transparent 2px),

linear-gradient(90deg, var(--grid-color) 2px, transparent 2px),

linear-gradient(var(--grid-color) 1px, transparent 1px),

linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);

background-size: 250px 250px, 250px 250px, 25px 25px, 25px 25px;

background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;

}

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: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);

}

}

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: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:imageBorder.css

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

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);

}

}

画像を開いたときに画像の後ろの要素(ページなど)全体が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:fix icon position.css

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

code:fix strong-image width.css

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