pure-css/pure

Add hide / show classes for breakpoints

Zerotask opened this issue · 3 comments

Is your feature request related to a problem? Please describe.
I want to hide specific elements on mobile pages. From a previous micro framework (Spectre) I could add hide-md which means hide it until it reaches the md breakpoint 767px.
In Bootstrap you could add: d-none d-md-block which means it's always hidden, but if it reaches the md breakpoint, it's display block.

Describe the solution you'd like
Since there is already a hidden class as described here https://purecss.io/base/

Alternatively, for compatibility with old IE, you may use the CSS classname .hidden.

There could be show-* classes. This would allow: hidden show-md.

Describe alternatives you've considered
The alternative is that I add the classes on my own. Not a big deal, but it's a useful tool when dealing with responsiveness

Duplicate of #640 if not more from further in the past.

stale commented

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

stale commented

Issue was closed because of inactivity. If you think this is still a valid issue, please file a new issue with additional information.