settings
code:style.css
.line strong.level-3{
padding: 0.5em;/*文字周りの余白*/
font-size:1.3em
}
code: style.css
/* #で始まるタグをラベル風にする */
display: inline-block;
padding: 2px 8px;
margin: 0 8px 10px 0;
font-size: 0.8em;
border-radius: 3px;
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
code:style.css
/* 太字の太さを変更 */
font-weight: bold;
}
/* 通常太字 */
.line strong:not(class) { }
/* 小見出し用 */
.deco-\# {
font-weight: bold;
font-size: 110%;
border-bottom: solid 2px #ccc; padding-bottom: .2rem;
}
/* アスタリスク4つの強調文字 */
.line strong.level-4 {
font-weight: bold;
line-height: 2;
border-bottom: solid .2rem #ccc; padding: 1.5rem;
}
/* アスタリスク2つの強調文字 */
.line strong.level-2 {
font-size: 1.3em;
border-left: solid .5rem #ccc; background: linear-gradient( transparent 90%, #f5b79f 0% ); line-height: 1.5;
padding: .8rem;
padding-left: 1rem;
}
/* スマホ表示を調整 */
@media screen and (max-width: 768px) {
.line strong.level-4 {
font-size: 130%;
line-height: 1.8;
font-weight: bold;
padding: .7rem;
}
.line strong.level-2 {
font-size: 110%;
font-weight: bold;
line-height: 2;
}
.deco-\# {
font-size: 100%;
}
}