ScrapboxのBrand iconを井戸端にするUserCSS
2024-02-23
不要と思われる記述を削除した
formatした
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;
}