WorkFlowyをPoIC風に使う
https://gyazo.com/4e2c9e7df2388d0cb39ae6dc81c05657
できるだけタイトル＋本文という形で記述する
タイトルの行に、@でtypeを与える
タグづけと混ざると見づらいので、@を使った
（これ以外の用途で使っていないので余っていたとも言える）
CSSをいじって、タイトル行に下線を入れた
全体をボーダーで括ることも考えたが、さすがにやりすぎな気がしたのでやめておく
code:style.css
/*カード風*/
span.innerContentContainer:has(>spandata-val*="@"){
border-bottom:1px solid black;
}
@ごとに下線の色を替えてもいい。
code:style.css
span.innerContentContainer:has(>spandata-val="@idea"){
border-bottom:1px solid orange;
}
span.innerContentContainer:has(>spandata-val="@reference"){
border-bottom:1px solid green;
}
タグの色をかえてもいい
code:style.css
/* 上下どちらかを使う */
spandata-val="@idea"{
color:orange !important;/* 詳細度で負けないためにimportant */
opacity:0.6;
}
._1y54o8o .contentTagdata-val="@idea"{
color:orange;
opacity:0.6;
}
マージンを増やしてもいい
code:style.css
div.project:has(> div.name > a + div span.innerContentContainer>spandata-val*="@"){
margin-bottom:10px;
}
https://gyazo.com/0e2e81d3aa14da1d0d7815b005f7cd9e
#WorkFlowy豆技