行頭に-を入れるだけで取り消し線を入れるUserCSS

行頭に-をいれるだけで打ち消し線にするUserCSS

TODOを適当に並べてるとき、DONEを表すために打ち消しを使用するのだけど、そのためにわざわざブラケティングしとうない！スマホでもいちいち選択するの大変だし！ということで作った

多分いけてるはず

-YOOOOOOO

Yo-yo

yoyoyo-

-サラマンダーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーアピーーーーーーーーーーーーーーーーーーーーーーーーーーーーール

-打ち消し

-インデントしてるときに、リンクが最初に来てその直後に-を入れた場合にも取り消し線入っちゃいますね

これ修正した

.indent:has(span.char-index[data-char="-"]:first-child):not(:has(span:first-child a))の部分

以下を満たす.indent

最初の文字が-

行頭がリンクで始まらない

カーソルが乗ってるときは取り消し線が入らないようにした

行頭がブラケティングされたSpaceで始まる際は取り消し線が入らないようにした

.indent:has(span.char-index[data-char="-"]:first-child):not(:has(span:first-child a)):not(:has(span:first-child span.blank))

-ああああああああ

-「-」だけが入力された行がdisplay:noneによってheight 0になってしまう

テスト↓

「-」しか無いときはdisplay:noneをしないことによって解決

-強調されてるときは見た目が崩れる

まあこのときは行頭-での打ち消しをそもそも使わなければいい

どうせ記号の中に一つ-が入っていればいいから

2文字目からdecoで区切られると行頭の「-」が表示されてしまう

2文字目からURLだと行頭の「-」が表示されてしまう

code:strikethrough without bracketing.css

.line:not(.cursor-line) {

&:has(span.char-index.c-0data-char="-"),

.indent:has(span.char-indexdata-char="-":first-child):not(:has(span:first-child a)):not(:has(span:first-child span.blank)){

text-decoration:line-through;

}

span.char-index.c-0data-char="-":not(:only-child),

.indent:not(:has(span:first-child a)):not(:has(span:first-child span.blank)) span.char-indexdata-char="-":first-child:not(:only-child){

display:none

}