search

spacehackers / spaceprob.es

Spaceprob.es catalogs the active human-made machines that freckle our solar system and dot our galaxy
6 stars 2 forks source link

[CLOSED] can't get "#probe-detail small" to respond to line-height in stylesheet #10

Closed basilleaf closed 7 years ago

basilleaf commented 7 years ago

Issue by ariel Monday Dec 22, 2014 at 08:55 GMT Originally opened as https://github.com/basilleaf/spaceprobes/issues/3

Added "#probe-detail small" to stylesheet, which accurately responds to the 50% font-size, but won't respond to making the line-height smaller (best seen if you look at New Horizons). Can't figure out why it's not overriding an inherited line-height.

basilleaf commented 7 years ago

Comment by natronics Monday Dec 22, 2014 at 19:01 GMT

<small> is an "in-line" element, like <a> or <span>, so the line-height property is undefined.

This is because it's meant to act on a word or two of a sentence, and it wouldn't make any sense for one word in a paragraph to have a different leading!

If you want a block of text to have different properties, we should make a class for it, for example:

<div class="info">This is incidental info about a topic, in its own paragraph.</div>

#probe-detail .info { font-size: 50%; line-height: 1.1em; }
basilleaf commented 7 years ago

Comment by ariel Monday Dec 22, 2014 at 23:45 GMT

That worked - thanks, Nathan!