{:uriI"file:///Users/jpd800/Rails/dfm_web/app/assets/stylesheets/dfm_web/pure/visibility.css?type=text/css&id=c2a723f3f06b0b76c6da3f8aa3e72374e487a3da803c1116fc89a397ec163046:ET:load_pathI"7/Users/jpd800/Rails/dfm_web/app/assets/stylesheets;T: filenameI"S/Users/jpd800/Rails/dfm_web/app/assets/stylesheets/dfm_web/pure/visibility.css;T: nameI"dfm_web/pure/visibility;T:logical_pathI" dfm_web/pure/visibility.css;T:content_typeI" text/css;T: sourceI" /* Foundation's Visibility Classes ported to Pure CSS This is for Foundation 5, they changed it totally in 6 I only did the show-for classes, not the hide-for -- JPD Update: I made all the classes important. Other display rules were getting more specificity and causing problems. The basic visibility classes should never break from user styles. !important is a bad practice in general, but this was the only way to ensure expected behavior. show-for-small-up show-for-small-only show-for-medium-up show-for-medium-only show-for-large-up show-for-large-only show-for-xlarge-up show-for-xlarge-only */ /* Pure Extra Small */ @media screen and (max-width:35.438em) { .show-for-small-up{display:none !important;} .show-for-medium-up{display:none !important;} .show-for-large-up{display:none !important;} .show-for-xlarge-up{display:none !important;} .show-for-small-only{display:none !important;} .show-for-medium-only{display:none !important;} .show-for-large-only{display:none !important;} .show-for-xlarge-only{display:none !important;} } /* Pure Small */ @media screen and (min-width:35.5em) and (max-width:47.938em) { .show-for-medium-up{display:none !important;} .show-for-large-up{display:none !important;} .show-for-xlarge-up{display:none !important;} .show-for-xsmall-only{display:none !important;} .show-for-medium-only{display:none !important;} .show-for-large-only{display:none !important;} .show-for-xlarge-only{display:none !important;} } /* Pure Medium (iPad Portrait) */ @media screen and (min-width:48em) and (max-width:63.938em) { .show-for-large-up{display:none !important;} .show-for-xlarge-up{display:none !important;} .show-for-xsmall-only{display:none !important;} .show-for-small-only{display:none !important;} .show-for-large-only{display:none !important;} .show-for-xlarge-only{display:none !important;} } /* Pure Large (iPad Landscape) */ @media screen and (min-width:64em) and (max-width:79.938em) { .show-for-xlarge-up{display:none !important;} .show-for-xsmall-only{display:none !important;} .show-for-small-only{display:none !important;} .show-for-medium-only{display:none !important;} .show-for-xlarge-only{display:none !important;} } /* Pure Extra Large */ @media screen and (min-width:80em) { .show-for-xsmall-only{display:none !important;} .show-for-small-only{display:none !important;} .show-for-medium-only{display:none !important;} .show-for-large-only{display:none !important;} } ;T: metadata{ :dependencieso:Set: @hash} I"environment-version;TTI"environment-paths;TTI"rails-env;TTI"0processors:type=text/css&file_type=text/css;TTI"afile-digest:///Users/jpd800/Rails/dfm_web/app/assets/stylesheets/dfm_web/pure/visibility.css;TTI">processors:type=text/css&file_type=text/css&pipeline=self;TTF:sass_dependencieso;;}F: linkso;;}F: included[I"file:///Users/jpd800/Rails/dfm_web/app/assets/stylesheets/dfm_web/pure/visibility.css?type=text/css&pipeline=self&id=c204613b1ef5040d412873f605edecdb26ed9186359cf4be48978ddf9689410f;T: charsetI" utf-8;F: digest"%% uɋO9踽Sy: lengthi :dependencies_digest"% B!,DaƠeS\Fޏ?7<:idI"Ec2a723f3f06b0b76c6da3f8aa3e72374e487a3da803c1116fc89a397ec163046;F: mtimel+}Z