セパレーター記法
ページ内でセクションを分けたいときなどに使える記法のUserCSS
hr.iconをCSSで描画するUserCSSの派生
code:style.css
.line:not(.cursor-line) .deco:has(.deco-\~) {
display: flex;
align-items: center;
text-align: center;
&::before, &::after {
flex-grow: 1;
min-width: 30px;
content: "";
border-top: 1px solid #afafaf;
}
&::before {
margin-right: 10px;
}
&::after {
margin-left: 10px;
}
&:has(.deco-\-) {
&::before, &::after {
border-style: dashed none none;
}
}
.deco-\- {
text-decoration: none;
}
}
以下表示テスト
長い行
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
強調
越えられない壁
点線
✂ ｷ ﾘ ﾄ ﾘ