kembo

https://gyazo.com/ab8c5cb14e3166b7e3da81548f14f71b

Profile

kembo#1443

@kembo

居住地

東多摩

仕事

何かスクリプトを書くことがある事実上の個人事業主

趣味

ボードゲームを遊んだり作ったりする

デジタルゲームもやりたいけど、最近あんま出来てない

パズルっぽいのやストラテジーっぽいの好き

漫画やアニメを見たりする

数学や巨大数に関心があったり無かったりする

言語とか歴史とかに局地的に関心を持つことがある

このサイトについての注意事項

誤情報の指摘は歓迎する

code:style.css

a#Copy.tool-btn:hover { text-decoration: none }

a#Copy.tool-btn::before { position: absolute; left: calc(46px/4); font-size: 23px; content: '\E00A'; font-family: 'AppIcons'; }

a#Copy.tool-btn img { opacity: 0; }

code:script.js

import '/api/code/kembo/別プロジェクトに転記するスクリプト/script.js'

吹き出しのベース

code:style.css

.deco-\{, .deco-\} {

line-height: 24px; /* 枠線やパディングの分少し小さく */

font-size: 0.9em; /* 文字も少し小さくして目立たないように */

padding: 0.1em 0.5em;

border-style: solid;

border-radius: 0.4em;

border-width: 3px;

margin: 0.05em 0.3em;

display: inline-block;

max-width: calc(100% - 100px);

vertical-align: top;

}

/* 角のためのマージン */

.deco-\{ { margin-left: 0.7em; }

.deco-\} { margin-right: 0.7em; }

吹き出しの角

code:style.css

.deco-\{:before, .deco-\}:after {

position: absolute;

margin: 0;

padding: 0;

width: 0;

content: "";

border-style: solid;

}

.deco-\{:before {

/* 左側の角 */

/* 角の位置を枠線やパディングを考慮して調整 */

transform: translateX(calc(-100% - 0.5em - 2px)) translateY(calc(1em - 80%));

/* 枠線を部分的に表示させることで三角形にする */

border-width: 0 0 0.6em 0.6em;

}

.deco-\}:after {

/* 右側の角 */

transform: translateX(calc(0.5em + 2px)) translateY(calc(1em - 80%));

border-width: 0 0.6em 0.6em 0;

}