jisp
jisp copied to clipboard
Change CSS of headings to distinguish them better
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

After

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.