{:uriI"file:///Users/jpd800/Rails/dfm_web/app/assets/stylesheets/dfm_web/pure/visibility.css?type=text/css&pipeline=self&id=5aa51310d7c7f0c3835a2d0a996eff5edeffcc77681869264790c3f335cbdff3: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.self.css;T:content_typeI" text/css;T: sourceI"s /* 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 Large */ @media screen and (min-width:1280px) { .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;} .show-for-xlarge-only{display:inherit !important;} } /* Pure Large */ @media screen and (max-width:1280px) { .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-large-only{display:inherit !important;} .show-for-xlarge-only{display:none !important;} } /* Pure Medium (iPad Portrait) */ @media screen and (max-width:1024px) { .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-medium-only{display:inherit !important;} .show-for-large-only{display:none !important;} .show-for-xlarge-only{display:none !important;} } /* Pure Small */ @media screen and (max-width:640px) { .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-small-only{display:inherit !important;} .show-for-medium-only{display:none !important;} .show-for-large-only{display:none !important;} .show-for-xlarge-only{display:none !important;} } /* Pure Extra Small */ @media screen and (max-width:400px) { .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-xsmall-only{display:inherit !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;} } ;T: metadata{ :dependencieso:Set: @hash} I"environment-version;TTI"environment-paths;TTI"rails-env;TTI">processors:type=text/css&file_type=text/css&pipeline=self;TTI"afile-digest:///Users/jpd800/Rails/dfm_web/app/assets/stylesheets/dfm_web/pure/visibility.css;TTF: requiredo;;}F: stubbedo;;}F: linkso;;}F: charsetI" utf-8;F: digest"%taUK, K;a"yؔDHKX`: lengthis :dependencies_digest"%!6K Qf~)숷PI9D0:idI"E5aa51310d7c7f0c3835a2d0a996eff5edeffcc77681869264790c3f335cbdff3;F: mtimel+示Z