settings

フォント

code:style.css

body {

/* Font variables */

--text-font: 'Noto Serif JP', sans-serif;

--heading-font: 'WDXL Lubrifont JP N', Helvetica, 'Noto Sans JP', sans-serif;

--code-font: 'Fira Code', Monaco, monospace;

}

.editor {

font-family: var(--text-font) !important;

font-size: 16px !important;

font-weight: 500;

color: black;

}

.line.line-title {

font-family: var(--heading-font) !important;

font-size: 66px;

font-weight: 400;

line-height: 1.0;

text-wrap: wrap;

color: black;

}

罫線を引く

code:style.css

.editor .line:not(:first-child) {

border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

エディタカーソルが点滅する

code:style.css

.cursor {

animation: blink 1s infinite;

}

@keyframes blink {

0% { opacity: 0; }

50% { opacity: 0; }

51% { opacity: 1; }

100% { opacity: 1;}

}

a

a

a

a

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 {

}

箇条書きの点を小さくする

code:style.css

.app .line .indent-mark .dot {

width: 4px;

height: 4px;

border-radius: 50%;

top: 12px;

transform: translateX(-2px);

}

外部リンクにアイコンが付く

code:style.css

.line span:not(.modal-image):not(.pointing-device-map) > a.link:not(.icon)::after {

font-family: 'Font Awesome 5 Free';

content: ' \f35d';

font-weight: 900;

display: inline-block;

}

code:style.css

/* マトリクス記法 */

.line:not(.cursor-line) .deco-\| { display: inline-flex }

.line .deco-\| img.image { object-fit: contain; margin: 0 }

/* 太字記法と組み合わせて列数を変える */

.line .level-1 .deco-\| > span { width: calc(100%/1) }

.line .level-2 .deco-\| > span { width: calc(100%/2) }

.line .level-3 .deco-\| > span { width: calc(100%/3) }

.line .level-4 .deco-\| > span { width: calc(100%/4) }

.line .level-5 .deco-\| > span { width: calc(100%/5) }

ーーー

ーーー でセパレーターになるよう改変

code:style.css

display: flex;

align-items: center;

&:not(.cursor-line){

height:28px;

&:after{

flex-grow: 1;

content: "";

}

}

}

display:none;

}

}

ページリストの見た目とホバー

code:style.css

.container {

max-width: 1280px;

}

.page-list ul.grid {

display: grid;

grid-template-columns: repeat(auto-fill, minmax(180px, 2fr));

gap: max(2px);

--border-color: black;

--body-bg: white;

li.page-list-item a {

display: block;

position: relative;

overflow: visible;

border-radius: 8px;

transition: filter 0.12s, border-radius 0.12s;

&::before {

content: '';

position: absolute;

inset: 0;

opacity: 0;

transition: transform 0.12s, opacity 0.12s;

}

&:hover::before {

opacity: 1;

transform: scale(1);

}

.pin {

right: 0;

top: 0;

border-radius: 0 0 0 2px;

z-index: 100;

background: linear-gradient(

45deg,

var(--body-bg) 50%,

var(--border-color) 50%

);

}

.header {

border-top: none;

padding: 12px;

}

.title {

font-family: var(--heading-font);

font-weight: 300;

color: black;

font-size: 21px;

line-height: 1.3;

-webkit-line-clamp: 2; /* 最大2行 */

text-decoration: underline;

}

.description {

}

.content .icon img {

object-fit: cover;

object-position: top;

height: 100%;

border-radius: 3px;

}

}

}

code:style.css

display: none;

}

ピン留めされた記事とピン留めされていない記事を分ける

code:style.css

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

grid-column-start: 1;

}

中身が無い記事はサイズをx0.9にする

code:style.css

.page-list-item:not(.icon):has(.description:empty) {

transform: scale(0.9);

}

ツールボタンを濃くする

code:style.css

.page-menu .tool-btn{

color: black;

}

新規作成ボタンを消す

code:style.css

.new-button {

display: none;

}

code:style.css

.navbar-form .dropdown.open .dropdown-menu {

min-width: 100%;

max-height: calc(100vh - 130px) !important;

overflow-y: auto

}

タグを囲む

code:style.css

border-radius: 4px;

padding: 1px 6px;

margin: 0 2px;

text-decoration: none;

}

}

設定ファイルとしては読みづらいがここだけ無効にする方法がわからない……

人のsettingsをかなり参考にし（パクり）ました

盗品博物館