showing/hiding for mobiles

[tcurdt]

This is a request for documentation.

Are there classes to show/hide based on the screen width? (similar to visible-xs-block or col-sm-3 in bootstrap) http://stackoverflow.com/questions/28940562/skeleton-css-hiding-content-from-mobiles

Looks like there isn't https://github.com/dhg/Skeleton/blob/master/css/skeleton.css

Given that's a common use case it would be nice to document skeletons take on this.

[benhinchley]

There isn't any way to do this out of the box with skeleton, the easiest way to do this is to either create your own classes or to use media queries and change the display property for the element

[coliveravenegas]

Agree with @benhinchley I am using .six.columns class but I want to make them show in half starting from 768px and not from 550px like skeleton does. So i create a custom class for those divs and add @media (max-width: 767px){ & .side{ width: 100%; } }

And problem solve :D After 768px it will apply Skeleton's regular css for six.column. Hope it helps. I guess they Don't add such a helper 'cause they want to keep sooooo but sooo simple 😸