コードブロックのファイル名に言語のアイコンを表示する
こんな感じ:
https://gyazo.com/1432febec572317011af1ea67c22eca4
code:style.css
.line span.code-block .code-block-start a::before {
display: inline-block;
}
.line span.code-block .code-block-start title="css" a::before { content: '\e749';
}
.line span.code-block .code-block-start title="html" a::before { content: '\f13b';
}
content: '\e74f';
}
content: '\e628';
}
.line span.code-block .code-block-start title="cpp" a::before { content: '\e61d';
}
.line span.code-block .code-block-start title="c" a::before { content: '\e61e';
}
.line span.code-block .code-block-start :is(
) a::before {
content: '\e60b';
}
.line span.code-block .code-block-start title="xml" a::before { content: '\fabf';
}
content: '\f013';
}
content: '\e73e';
}
.line span.code-block .code-block-start title="txt" a::before { content: '\e612';
}
.line span.code-block .code-block-start title="csv" a::before { content: '\f0ce';
}
.line span.code-block .code-block-start :is(
) a::before {
content: '\f489';
}
.line span.code-block .code-block-start title="dos" a::before { content: '\e629';
}
UserCSS.icon