DISABLED_settings
https://gyazo.com/27d6defcb199bbad6501f26344951678
UserCSS
code:style.css
.container {
/* ヘッダ領域の幅調整1 */
max-width: none;
}
.col-page-side {
/* ヘッダ領域の幅調整2 */
width: auto;
}
/* コンテンツ領域の横幅の最大値を広げる */
.page-column {
grid-template-columns: 46px minmax(200px, 1260px) min-content;
}
.page-menu {
width: auto;
}
.page-menu .tool-btn {
width: auto;
}
/* Copyアイコンの前に"Copy"という文字を入れてクリック範囲を広げる */
.fa-copy:before {
content: "Copy \f0c5";
}
.line span.code-block .code-block-start {
padding: 0.3em 0.3em;
}
.line span.code-block {
/* コードブロックの行間を通常より狭める */
line-height: 1.25em;
}
プロジェクトタイトルのフォント変更
code:style.css
.project-home .title {
/* プロジェクト名の見た目を変える場合 */
font-family: "Hack";
}
参考ページ
プロジェクトタイトルを中央寄せ (DISABLED)
code:__DISABLED__style.css
div.left-box a.project-home {
/* プロジェクトタイトルを中央よせ */
margin-left: auto;
margin-right: auto;
}
.quick-launch .flex-box {
flex-direction: column;
}
参考
画像サイズを変更する
[** [image-url]]みたい記述することでサイズを変更する
code:style.css
/* モバイルでもフルサイズで見れるように */
.line .image {
max-height: none;
}
/* PCなど大きなページでは段階的なサイズ指定が効くように */
@media(min-width:600px) {
.line .level-1 img.image { width: 16.7% }
.line .level-2 img.image { width: 33.3% }
.line .level-3 img.image { width: 50% }
.line .level-4 img.image { width: 66.7% }
.line .level-5 img.image { width: 83.3% }
.line .level-6 img.image { width: 100% }
}
max-height が .line .image に適用されている値に負けていたのでセレクタの詳細度を上げている
ピン留めの段を分ける
code:style.css
.page-list-item.pin + .page-list-item:not(.pin) {
grid-column-start: 1;
}