CSS
リンクの端に矢印アイコンを疑似要素で付ける時の縦位置センター
よく上下左右で中央に配置する場合は
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
とabsoluteを組み合わせて使用していたが、縦位置のみセンターの時は特に何も考えずtop:50%から微調整をしていっていた。
ただ基準となる要素の高さなどが変更となったり、他パーツでの使い回しがしづらく、都度調整をしていたので、
.target {
position: relative;
&::after {
position: absolute;
top: 50%;
transform: translateY(-50%);
content: ">";
}
}
と上下左右中央指定の「左右のみ」取り除けば、すんなり解決。
当たり前といえば当たり前だけど、ぼーっと作業してると気づかないこともあるんだなと反省。。