Deep dive CSS: font metrics, line-height and vertical-align - Vincent De Oliveira
Deep dive CSS: font metrics, line-height and vertical-align published 7 years, 5 months ago (February 2017) Line-height and vertical-align are simple CSS properties. So simple that most of us are convinced to fully understand how they work and how to use them. But it’s not. They really are complex, maybe the hardest ones, as they have a major role in the creation of one of the less-known feature o
EightShapes Text Crop
@mixin text-crop($line-height: 1.3, $top-adjustment: 0px, $bottom-adjustment: 0px) { // Configured in Step 1 $top-crop: TOPCROP; $bottom-crop: BOTTOMCROP; $crop-font-size: FONTSIZE; $crop-line-height: LINEHEIGHT; // Apply values to calculate em-based margins that work with any font size $dynamic-top-crop: max(($top-crop + ($line-height - $crop-line-height) * ($crop-font-size / 2)), 0) / $crop-font
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モダン日本語フォント指定
