UserCSS:はんこ記法
scrasobox - /scrasobox/はんこ記法
印
code:stylexx.css
/* はんこ記法 */
.line class="deco-\( deco-\)" {
display: inline-block;
border-radius: 50%; /* */
/*border-radius: 25%; /* */
border: .05em solid #f40;
min-width: 1em;
padding: .1em;
vertical-align: text-bottom;
line-height: 1;
color: #f40;
font-weight: 600
}
code:stylexx.css
.line class="deco-\( deco-\}",.line class="deco-\{ deco-\)" {
display: inline-block;
/* border-radius: 50%; /* */
border-radius: 25px; /* */
border: .05em solid #f40;
min-width: 1em;
padding: .1em;
vertical-align: text-bottom;
line-height: 1;
color: #f40;
font-weight: 600
}
完了
了解
code:style.css
.line:not(.cursor-line) class="deco-\( deco-\)":not(:has(img.icon)) {
border-radius: 50%; border: .05em solid #f40;
vertical-align: text-center;
line-height: 1; color: #f40; font-weight: 600;
padding: 5px;
}
UserCSS:文字装飾記法
UserCSS.icon
https://img.shields.io/badge/UserCSS-はんこ記法-1572B6.svg?logo=css3&style=for-the-badge