hide-for-... classes not handling spans

[Paul-Todd]

Hi,

If I have a span with a hide-for-small it changes the display: from an inline variant to a block variant and this causes for example a button to wrap to the next line.

e.g. span should default to the button's display which is an inline-block but in face the hide-for-small replaces it with a plain block to in my case I had an icon before which forced the text onto a new line.

Photo

[bmatzner]

To go one step further: why do the hide-for classes define a default display: block state at all? The default display state should be defined on application level, not by Foundation. hide-for shouldn't do anything but hide at a certain point.
The same principle should apply to show-for classes.