UserCSS:セクション区切り
scrasobox - /scrasobox/セクション区切りを可視化する
code:stylexx.css
/* Section title */
.app:not(.presentation) .line.section-title:not(.line-title) .text {
border-top: 1px dashed rgba(173,173,173,.5) }
/scrasobox/セクション区切りを可視化する 2
code:style.css
/* セクション区切りを可視化する (番号) */
.app {
counter-reset: section
}
.app:not(.presentation) .line.section-title:not(.line-title) {
position: relative
}
.app:not(.presentation) .line.section-title:not(.line-title):after {
counter-increment: section;
content: counter(section);
display: inline-block;
width: 1.6em;
height: 1.6em;
position: absolute;
top: 5%;
left: -5vw;
background-color: #f7ca2a;
border-radius: 50%;
color: #fff;
font: 600 normal 90%/1.6 'Century Gothic', Arial, sans-serif;
text-align: center;
white-space: nowrap
}
UserCSS:セクション
Scrapbox:セクション - Scrapbox:section
UserCSS.icon
https://img.shields.io/badge/UserCSS-セクション区切り-1572B6.svg?logo=css3&style=for-the-badge