jisp icon indicating copy to clipboard operation
jisp copied to clipboard

Change CSS of headings to distinguish them better

Open roryokane opened this issue 11 years ago • 1 comments

I found it very hard to tell different heading levels apart, especially h2s and h3s. I have changed their sizes and added a subtle line below h2s so that they are more distinguishable, but still readable and not too small.

Before

about:jisp before heading style changes

After

about:jisp after heading style changes

roryokane avatar Sep 08 '14 04:09 roryokane

Thanks for taking notice. app.css is actually compiled from .less files, so you should edit those (run gulp to recompile). In Bootstrap, heading sizes are variables (see variables.less), so you should override them rather than use CSS selectors: this will ensure consistency. Check out the Bootstrap variables.less file, lines 52-57. Just put the overrides in app.less somewhere after the Bootstrap import.

Turned out I had incorrect setup instructions in the readme.md for this repo and a broken gulpfile for some reason, please pull an update.

I should apologise for the lack of updates lately, been working on a complete rewrite.

mitranim avatar Sep 08 '14 05:09 mitranim