settings
ここの装飾
参考：/customize, /glisp
code:style.css
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;600&family=Shippori+Mincho:wght@400;700&family=Inter@400;700&family=Zen+Kaku+Gothic+New:wght@400;700&display=swap');
body {
--body-bg: #192f3d;
--navbar-bg: hsl(203deg 38% 22% / 0%);
--card-title-color: hsl(203deg 59% 23% / 100%);
--card-title-bg: hsl(203deg 50% 32% / 0%);
/* Custom CSS variables */
--text-font: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
/* --text-font: 'Shippori Mincho', yu-mincho-pr6n, YuMincho, 游明朝, 'Yu Mincho',YuMincho, 'Hiragino Mincho ProN', HGS明朝E, serif; */
/* --heading-font: 'Inter', Helvetica, 'Zen Kaku Gothic New', sans-serif; */
--heading-font: 'Inter', Helvetica, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
font-family: var(--hading-font);
}
.grid li.page-list-item a .header.pinned {
border-color: white;
}
.header {
font-family: var(--heading-font);
}
.description {
font-family: var(--text-font);
}
.editor {
font-family: var(--text-font);
}
/* Reset */
input,
button,
textarea {
font-family: inherit;
}
.line {
&.line-title {
font-family: var(--heading-font);
font-size: 2.8rem;
font-weight: 400;
line-height: 1.6;
text-wrap: balance;
}
& strong {
font-weight: bold !important;
font-family: var(--text-font);
}
& .indent-mark { //インデントの記号
& .dot {
display: block;
position: absolute;
top: 1em;
width: 10px;
height: 2px;
transform: translate(-50%, -100%);
border-radius: 0%;
background-color: #afcbdd;
}
}
}
.grid li.page-list-item a .pin {
position: absolute;
height: 40px;
width: 15px;
right: 5px;
border-radius: 0 0 4px 4px;
background: var(--card-backside, #aaa);
/* background: linear-gradient(45deg, var(--card-backside, #aaa), var(--card-backside, #aaa) 50%, var(--body-bg, #dcdde0) 50%, var(--body-bg, #dcdde0));
}