redコマンドCSS
/redと打つと、それを含む行の文字を赤色にするtakker.icon
たとえば/red このように赤色になる
文字装飾記法に囲まれていても/redOK
コードブロック中のみ無効化する/red
code:style.css
span.text:has(
) {
color: red;
}
\/ってエスケープされると思ってたけどならないんだGattxxa.icon
ほんとだ。/でいいんだtakker.icon
誰か面白い使い道考えてくれ～takker.icon
特定の単語を含むと見た目を変えるとかつばくろ.icon
ハモの話題を見たくない人はハモを含む行を非表示にする
こうかな？Summer498.icon
code:style.css
:root {
--qualia-san-text: "ようこそ愚かなホモサピエンス"; /* */
--qualia-san-text-color: gray; /* */
--qualia-san-background-color: transparent; /* */
--qualia-san-image: url('/api/pages/villagepump/Qualia-san/icon');
--qualia-san-size: 300px;
--qualia-san-opacity: 1;
}
span.text:has(
) {
/* --size: 300px; */
position: fixed;
right: 0;
bottom: 0;
display: block;
/* width: var(--size); */
/* height: var(--size); */
width: var(--qualia-san-size);
height: calc(var(--qualia-san-size) + 2vw); /**/
/* content: ""; */
/* background-image: url("/api/pages/villagepump/Qualia-san/icon"); */
/* background-size: var(--size) var(--size); */
content: var(--qualia-san-text);
color: var(--qualia-san-text-color);
background-color: var(--qualia-san-background-color);
font-weight: bold;
white-space: pre; /* */
font-size: 1.2em; /* */
border-radius: 10px; /*角丸*/
background-image: var(--qualia-san-image);
background-size: var(--qualia-san-size) calc(var(--qualia-san-size) + 2vw) ;/* */
background-repeat: no-repeat;
background-size: contain;
background-position: right bottom;
opacity: var(--qualia-san-opacity);
}
}