pure-hidden-* removed but not documented

[SimonSteinberger]

Looks like the helper classes pure-hidden-phone, pure-hidden-tablet and pure-hidden-dekstop appear to be removed - which should be mentioned in the release notes ... I guess :) Or is it a bug in the RC1?

[hmaesta]

Duplicated from #324.

Ps: I don't think this should be removed. ):

[BigBlueHat]

@hmaesta from what I can tell they were removed in favor of the hidden HTML5 attribute. The conditional hiding of elements would then be handled by the responsive CSS statements.

[hmaesta]

@BigBlueHat Thank you for you answer. It's nice to know! 👍

[SimonSteinberger]

Is there a documentation on how that works? Right now I don't know what you mean ...

[BigBlueHat]

@nasmon basically, you'd have to have more selective selectors: hiding/showing in the various @media sections for your selectors. hidden could be used for the default display: none scenarios...but you'd still need to set your own selectors for hiding/showing in the various contexts...

It would be much simpler to have ye olde pure-hidden-* selectors.

Maybe someone on the Pure team can enlighten us for real? /me is (mostly) guessing/filling-in-blanks.

@ericf @tilomitra?

[HelloLudger]

While I support the decision to deprecate classes like pure-hidden-phone, I think the new grid-keys call for a replacement in the style of

pure-hidden-sd
pure-hidden-md
pure-hidden-lg
pure-hidden-xl

The grid builder could, and should, create thoses classes automatically.

[tilomitra]

@HelloLudger That's a good suggestion. @ericf, what do you think about that?

[hmaesta]

+1 👍

[SimonSteinberger]

Like it :-)

[BigBlueHat]

👍

[ericf]

In general, I would not advise that people content from people using a certain class of device or window size. Could sometime provide a real-world concrete use-case for this feature?

I would like to understand how onerous this would be for people to add these rules to their app's stylesheet. And also where the limit it, i.e. how many other features like this could we see bloating the tooling before people just write Media Queries in their app's CSS.