融通記法
UserCSS.icon UserScript.icon
書式：
~
[[]]
code:style.css
@import url('./import.css');
.deco-\~ {
to 疑似ハッシュタグ記法
code:import.css
@import url("../疑似ハッシュタグ記法/style.css");
画像をアイコン記法大で表示する
https://scrapbox.io/api/pages/nrem-configs/Nrem/icon#.pngなんでやねん
/nrem-configs/Nrem.iconなんでやねん
#サイズ
code:style.css
.line & .image {
vertical-align: sub;
height: calc(0.85em * var(--page-line-height));
min-width: var(--indent-width, 1.5em);
object-fit: cover; object-position: center top;
margin: 0 0 0 0 !important;
filter: none !important;
.text:has(&) { text-align: inherit !important;}
}
アイコン記法の表示を最大化する
/nrem-configs/Nrem.iconテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
code:style.css
.line & img.icon {
vertical-align: top;
height: auto;
min-height: calc(0.85 * var(--calculated-paragraph-line-height, 24px));
/* max-height: calc(4 * var(--calculated-paragraph-line-height, 24px)); */
min-width: auto;
/* display: inline-block; float: left; */
filter: var(--page-image-filter, none);
}
/* .line & a.icon { display: inline-block; float: left;} */
code:style.css
}
アイコン記法の表示を大きくする
聖杯戦争.iconテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
code:style.css
.line img.strong-icon {
vertical-align: top;
height: calc(4 * var(--calculated-paragraph-line-height, 24px)) !important;
min-width: var(--indent-width, 1.5em);
/* display: inline-block; float: left; */
/* filter: var(--page-image-filter, none); */
}
/* .line & a.icon { display: inline-block; float: left;} */
テキスト範囲選択時のポップアップメニューにボタンを追加する #UserScript
code:script.js
scrapbox.PopupMenu.addButton({
title: '融通記法',
onClick: text => text.split('\n').map(line => [~ ${line}]).join('\n')
})
#記法
#UserCSS
#2026-05-15 ページ作成