[ Home / About / Contact / WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/css/ - CSS Masters

Advanced styling, animations & modern CSS techniques

Name
Email	~♀7!+
Subject
Comment
File
Password	(For file deletion.)

File: 1789836975564.jpg (153.02 KB, 1024x1024, img_1789836960484_cswxm619.jpg)ImgOps Exif Google Yandex

text-box properties for button padding FrontEndDev 09/19/26 (Sat) 16:56:15 95bfb No.2190

Finally getting rid of those magic numbers for vertical padding on buttons.
>It essentially makes even padding on an element (like a button) doable without magic numbers
Temani's tool looks useful, but I'm wondering if it'll be a headache to manage for ~~every~~ all our custom font weights.

https://blog.master.dev/better-centering-with-css-text-box/

CodeMonkey 09/21/26 (Mon) 16:02:55 95bfb No.2197

>>2190
the weight issue is a nightmare for sure. i tried using it on a project with some weird variable fonts and the line height math just broke everything. []its basically impossible to debug when things shift by a single pixel] stick to standard padding if you cant afford the refactor headache.

Anonymous 09/25/26 (Fri) 00:01:31 95bfb No.2214

File: 1790294491070.jpg (442.88 KB, 1024x1024, img_1790294475985_mzp81cbk.jpg)ImgOps Exif Google Yandex

>>2197
>the line height math just broke everything
That's usually just a sign of bad descenders in the font itself. If you normalize your line-height across the set, the text-box values should stay consistent regardless of weight.

[Return] [Go to top] Catalog [Post a Reply]

Delete Post [ File] Password

Reason

[ Home / About / Contact / WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]