silloi
https://lh3.googleusercontent.com/a-/AOh14GiNpWMCC6v_5imY2bHaWoy3QsoJhbOLO8emQRbq#.png
自己紹介テンプレート
連絡先 | Contact
silloi1993(at)gmaii.com
所属と職業 | Current Position
パッケージチーム
フロントエンドエンジニア
学歴および職務経験 | Career
スキル | Skills
フロントエンド
DB
表計算
SEO
興味関心 | Interest
効果的なWebアプリケーションによるアーカイブの活用
最近は論語やプラトン著作などの対話篇をメッセンジャー風UIで再現することを試みている
Code for Japanのプロジェクト | Project on Code for Japan
Others | その他
シェアハウスに住んでいます
code:style.css
.deco-\{, .deco-\} {
font-size: 1em;
color: var(--assort-color) ;
background-color: var(--main-color);
padding: 0.1em 0.2em 0.1em 0.2em;
border-radius: 0.4em;
margin: auto 0.3em;
display: inline-block;
max-width: calc(100% - 100px);
vertical-align: top;
}
.deco-\{:before {
position: absolute;
margin: 0;
padding: 0;
transform: translateX(-100%) translateY(calc(1em - 80%));
width: 0;
content: "";
border-width: 0 0 0.6em 0.6em;
border-style: solid;
border-color: var(--main-color) transparent;
}
.deco-\}:after {
/* 右寄せにしたい */
position: absolute;
margin: 0;
padding: 0;
transform: translateY(calc(1em - 80%));
width: 0;
content: "";
border-width: 0 0.6em 0.6em 0;
border-style: solid;
border-color: var(--main-color) transparent;
}
.deco-\!:before, .deco-\!:after {
/*border-color: #ee6666 transparent;*/ }
.deco-\{ a,
.deco-\} a {
}