縦の角印 - Scrapboxカスタマイズコレクション

縦の角印

https://i.gyazo.com/657c950af09373df5ff7fa69ae23f66f.png

/scrasobox/はんこ記法を改造して角印にしました。　

AIに改良してもらった。

class="deco-\< deco-\>" のところに class^="deco-\< deco-\>"　のように＾　を使う。

*　による拡大の併用が効く。　

code:style.css

.line:not(.cursor-line) class^="deco-\< deco-\>" {

font-size: 1.3em;

display: inline-block;

border-radius: 10%;

border: .09em solid #f40;

max-width: 1.25em;

min-width: 1em;

padding: 0.05em;

vertical-align: text-bottom;

line-height: 1;

color: #f40;

font-weight: 600;

position: absolute;

text-align: left;

z-index: 1000;

transform: rotate(2.0deg);

opacity: 0.65;

}

傾けて透けて見える方がそれっぽいとのご指摘を受けて・・・追加しました。

UserCSS.icon