ふきだし記法
from Settings
グレース・ホッパーさんの言葉ですね。
style.css.line:not(.cursor-line) {
/* 吹き出し本体 */
.deco-\{, .deco-\} {
display: inline-block;
max-width: calc(100% - 100px);
padding: 0.1em 0.2em;
margin: auto 0.3em;
margin-bottom: 1px;
font-size: 1em;
/* color: #000; */
vertical-align: top;
background-color: #d8d8d8;
border-radius: 0.4em;
/* 吹き出し内のリンク色の調整 */
/* a { color: #000; } */なぜ黒にしてる？
吹き出し内でリンクを使うときに困る
コメントアウトする
style.css
/* 吹き出しの角 */
&::before, &::after {
position: absolute;
width: 0;
padding: 0;
margin: 0;
content: "";
border-color: #d8d8d8 transparent;
border-style: solid;
border-width: 0;
}
}
/* 左吹き出しの角 */
.deco-\{::before {
border-width: 0 0 0.6em 0.6em;
transform: translateX(-100%) translateY(calc(1em - 80%));
}
/* 右吹き出しの角 */
.deco-\}::after {
border-width: 0 0.6em 0.6em 0;
transform: translateY(calc(1em - 80%));
}
/* 強調吹き出しの角 */
.deco-\!::before, .deco-\!::after { border-color: #e66 transparent; }
}
style.css/*body{background:url(https://source.unsplash.com/random);background-size:cover}.grid /*li.page-list-item a{background-color:rgba(255,255,255,.7)}./*page{background-color:rgba(255,255,255,.9);filter:blur(0)}.navbar-default{background-color:rgba(255,255,255,.2);filter:blur(3px);opacity:.05;transition:.5s;z-index:100}.status-bar,.navbar-default:hover,.page-menu:hover,.status-bar:hover{filter:blur(0);opacity:.88}*/ヘッダーが消えた！っと思ったらhoverしたら出てくるようになっているのか
ちょっと使いにくく感じたので、hoverで出てくるところをコメントアウトしました
背景が変わるのは構わないけど、ページ背景が半透明になるとちょっと読みづらいかなー
とりあえず自分はUserCSSで白にした
確かに透明じゃないほうがいいかも
2024-05-02 15:25:24 ネストで記述を減らした
2024-02-23
カーソル行に適用しないようにした
lintとformatをした
のようにゴミがつくことがあります解決
この画像がサムネイルになるのは不本意なので、サムネイルを作る
2022/04/06 02:06:25 縦にふきだしを並べるとくっついてしまっていたので若干離すようにしました