borderでインデントに縦線を表示するUserCSS
自動改行や縦に長くなる記法(画像埋め込み等)を入れると線が途切れてしまっていたので、
::before
を使わない方式でも作った
線が右寄りになる
style2.css.indent-mark {
height: 100% !important;
}
.indent-mark .pad {
height: 100% !important;
overflow: unset !important;
}
.indent-mark span:nth-child(6n+1):not(:nth-last-child(1)):not(:nth-last-child(2)) .pad {
border-right: 2px solid #FBE09B; /* 色の指定 */
}
.indent-mark span:nth-child(6n+2):not(:nth-last-child(1)):not(:nth-last-child(2)) .pad {
border-right: 2px solid #EFA7B1;
}
.indent-mark span:nth-child(6n+3):not(:nth-last-child(1)):not(:nth-last-child(2)) .pad {
border-right: 2px solid #EAACD8;
}
.indent-mark span:nth-child(6n+4):not(:nth-last-child(1)):not(:nth-last-child(2)) .pad {
border-right: 2px solid #AEC4E8;
}
.indent-mark span:nth-child(6n+5):not(:nth-last-child(1)):not(:nth-last-child(2)) .pad {
border-right: 2px solid #97FFF3;
}
.indent-mark span:nth-child(6n+6):not(:nth-last-child(1)):not(:nth-last-child(2)) .pad {
border-right: 2px solid #CBCBCB;
}