settings
code:style.css
/* navbarを目立たなくする */
.navbar {
}
body {
}
.navbar,
.page-menu,
div.flex-item>span {
opacity: 0;
transition-property: opacity;
transition-duration: 0.6s;
transition-delay: 0.3s;
transition-timing-function: ease;
}
.navbar:hover,
.page-menu:hover,
.flex-item>span:hover {
opacity: 1;
transition-property: opacity;
transition-duration: 0.2s;
transition-delay: 0s;
transition-timing-function: ease;
}
.page-wrapper {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.page {
box-shadow: none;
width: 90vw;
max-width: 620px;
padding: 0;
margin: 0;
}
/*
.line .telomere .telomere-border {
display: none;
}
*/
/* ↓新着以外のテロメアの色と太さ */
.line .telomere .telomere-border {
width: 2px;
}
/* ↓新着のテロメアの色と太さ */
.line .telomere .telomere-border.unread {
width: 5px;
}
.text {
font-family: '游明朝体','YuMincho','游明朝','Yu Mincho','ヒラギノ明朝 ProN','Hiragino Mincho ProN','ヒラギノ明朝 Pro','Hiragino Mincho Pro',serif;
font-size: 18px;
line-height: 36px;
-webkit-font-feature-settings: 'palt' 1;
font-feature-settings: 'palt' 1;
word-wrap: break-word;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-kerning: normal;
font-kerning: normal;
}
.editor .line-title .text {
font-size: 36px;
line-height: 1.5;
letter-spacing: 0.04em;
font-weight: bold;
border-bottom: solid 1px #DDD; padding-bottom: 5px;
margin-bottom: 50px;
}
ルビ記法
code:style.css
.line:not(.cursor-line) .deco-\# {
display: inline-flex;
flex-direction: column-reverse;
}
.line:not(.cursor-line) .deco-\# > span:nth-child(1) {
display: inline-flex;
justify-content: space-around;
width: 100%;
}
.line:not(.cursor-line) .deco-\# > span:nth-child(2) {
line-height: 0;
}
.line:not(.cursor-line) .deco-\# > span:nth-child(2) > a {
display: inline-flex;
justify-content: space-around;
width: 100%;
font-size: 50%;
/* 以下はふりがなをリンクにしない場合に入れる */
pointer-events: none;
}