番号付き箇条書きにFontAwesomeを使うUserCSS

0.

1.

1.

2.

2.

code:style.css

.line.number-list .dot {

background-color: transparent !important;

display: list-item;

}

.line.number-list .dot::before {

display: block;

position: absolute;

font-family: 'Font Awesome 5 Free';

top: -11px;

content: '\f292'; /* # */

font-weight: 900;

font-size: 11px;

opacity: 0.0;

}

.line.number-list .c-0 + .dot::before {

opacity: 1.0;

}

.line.number-list .c-1 + .dot::before {

opacity: 0.8;

}

.line.number-list .c-2 + .dot::before {

opacity: 0.6;

}

.line.number-list .c-3 + .dot::before {

opacity: 0.4;

}

.line.number-list .c-4 + .dot::before {

opacity: 0.2;

}