{:uriI"file:///Users/jpd800/Rails/dfm_web/app/assets/stylesheets/dfm_web/pure/visibility.css?type=text/css&id=7b1fdeda947b0237268b4e17a9f69dbba65d7c3291b62b1b1a227c1c1e265b94: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.5em) { .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:48em) { .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:64em) { .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:80em) { .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=566f2e07d820bf444cf86192d4907a89d1e5ed5dc23d2242a381f7559abfbd89;T: charsetI" utf-8;F: digest"%m "&5mؒJeX: lengthi :dependencies_digest"%hG''KJBȕL+F:idI"E7b1fdeda947b0237268b4e17a9f69dbba65d7c3291b62b1b1a227c1c1e265b94;F: mtimel+b(Z