JohnCoates / JohnCoates/CSSketch
CSS line-height property weirdness
- Dominant language
- Objective-C
- Stars
- 1.9k
- Forks
- 91
- PR merge metrics
- No merged PRs in 30d
Description
Hey John,
what an amazing plugin idea first of all! I have one issue though right now, after test running it in my environment:
Setting the font-size in **em** seems to work fine as far as I can see, I run into problems setting **line-height** property though (which Sketch itself is a bit nasty with). Steps to reproduce this:
1. Make a text layer
2. Set line-height via Sketch GUI to "auto" or leave on default
3. Give text layer class name (e.g. _.copy_)
4. Set the line-height property via css to **135%** (a value I often start with in CSS) and save
5. The text layer will flicker with a change of line height change but jump back to its original line size
6. Set the line-height in CSS again, this time to e.g **145%** and save
7. The text layer will now change its line-height but way too much
8. Set the line-height in CSS again, this time to e.g **100%**and save
9. Nothing will happen
10. Set the line-height in CSS again, this time to **10px** and save
11. You will get some decent line-height but it feels a bit too much
12. Set the line-height in CSS again, this time to **0px** and save
13. The line-height will increase …
Anyway, it seems like setting the line-height in CSS is not really possible or am I getting something completely wrong, maybe?
It would be great to be able to use line-height at least kind of like in a real browser setting.
Regards
Tobias
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.