generated at
ScrapboxのBrand iconを井戸端にするUserCSS

2024-02-23
不要と思われる記述を削除した
formatした
2024/04/25#66299c505729c000000424d7のアップデートによるタニシの脱走に対応している
style.css
.brand-icon { --logo-url: url("/api/pages/villagepump/brand-icon/icon"); width: 40px; height: 40px; background-color: white; background-image: var(--logo-url); background-repeat: no-repeat; background-position: center; background-size: cover; border: 4px solid transparent; border-radius: 50%; svg { display: none; } }

~2022-08-10
style.css.disabled(css)
body{ --logo-url: url('/api/pages/villagepump/brand-icon/icon'); /* */ } .brand-icon { content: ''; width: 40px; height: 40px; /* position: absolute; /* */ background-size: cover; background-position: center; background-repeat: no-repeat; background-color: white; /* 白地に井戸を表示する*/ border-radius: 50%;/*角丸はお好みで*/ border: 4px solid transparent; background-origin: padding-box; margin-left: -4px; }

~2022-02-05
うまくいかなかった……
若干ずれる
いい感じになった?
外枠は丸いほうがいいかな?
style.css.disabled2(css)
.navbar-brand::before { content: ''; width: 40px; height: 40px; position: absolute; background-image: url(https://gyazo.com/a2112227fce484ff0f8d54cc65abec72/raw); background-size: cover; background-position: center; background-repeat: no-repeat; background-color: white; /* 白地に井戸を表示する*/ border-radius: 50%;/*角丸はお好みで*/ border: 4px solid transparent; background-origin: padding-box; margin-left: -4px; }


Settings
UserCSS