Skip to content
This repository has been archived by the owner on Sep 16, 2019. It is now read-only.

Anybody else getting hit with a bug for hide-for-small? #156

Closed
linuxbastard opened this issue Nov 30, 2014 · 3 comments
Closed

Anybody else getting hit with a bug for hide-for-small? #156

linuxbastard opened this issue Nov 30, 2014 · 3 comments

Comments

@linuxbastard
Copy link
Contributor

From this http://foundation.zurb.com/forum/posts/2807-hide-for-small-not-working, I went ahead and updated foundation via "foundation update" but hide-for-small is still now working as expected.

Am gonna go ahead and re-download FoundationPress and go through the whole setup again just to see if it's just that one install or not.

@linuxbastard
Copy link
Contributor Author

On further tests it seems all the hide-for classes are acting up. I'm on a 1600x768 display and the kitchen sink example is still telling me that:

You are not on a small screen.
You are not on a medium screen.
You are not on a medium or small screen.
You are not on a large screen.
You are not on a large, medium or small screen.
You are not on a xlarge screen.

What gives, did I misunderstand this class completely?

@linuxbastard
Copy link
Contributor Author

Found it, classes have changed according to the docs and what's on the kitchen sink sample.

foundation docs:

<p class="panel">
<strong class="hide-for-small-only">You are <em>not</em> on a small screen.</strong>
<strong class="hide-for-medium-up">You are <em>not</em> on a medium, large, xlarge, or xxlarge screen.</strong>
<strong class="hide-for-medium-only">You are <em>not</em> on a medium screen.</strong
<strong class="hide-for-large-up">You are <em>not</em> on a large, xlarge, or xxlarge screen.</strong>
<strong class="hide-for-large-only">You are <em>not</em> on a large screen.</strong>
<strong class="hide-for-xlarge-up">You are <em>not</em> on an xlarge screen and up.</strong>
<strong class="hide-for-xlarge-only">You are <em>not</em> on an xlarge screen.</strong>
<strong class="hide-for-xxlarge-up">You are <em>not</em> on an xxlarge screen.</strong>
</p>

kitchen sink sample:

<p class="panel">
<strong class="hide-for-small">You are <em>not</em> on a small screen.</strong>
<strong class="hide-for-medium">You are <em>not</em> on a medium screen.</strong>
<strong class="hide-for-medium-up">You are <em>not</em> on a medium, large or xlarge screen.</strong>
<strong class="hide-for-medium-down">You are <em>not</em> on a medium or small screen.</strong>
<strong class="hide-for-large">You are <em>not</em> on a large screen.</strong>
<strong class="hide-for-large-up">You are <em>not</em> on a large or xlarge screen.</strong>
<strong class="hide-for-large-down">You are <em>not</em> on a large, medium or small screen</strong>
<strong class="hide-for-xlarge">You are <em>not</em> on a xlarge screen.</strong>
</p>

@olefredrik
Copy link
Owner

#157

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants