zurb-foundation

I am trying to hide a div on both a tablet device and a desktop. I am using zurbs foundation http://foundation.zurb.com/docs/layout.php to do so. However when I try to apply the classes hide-on-tablets & hide-on-desktops the second one overrides the first one somehow and the hide-on-tablets shows up on a tablet. I can create my own media queries and hide them on both but I figure I should take advantage of classes or what's the point of having all the code. You can view it on my site at http://goodmorningmoon.ca by resizing the browser. The password for the site is springy88 Thanks in advance.

I was building a Rails engine that uses zurb-foundation's stylesheets, and kep hitting the same Sass::Syntax error. This seemed strange because I had followed the same procedure in a Rails application and it was worked on the first try. So I decided to zero in on the isse by starting two new rails projects--one application and one engine--and configure them to use foundation with a minimal amount of setup. I started with 2 clean Rails 3.2.9 projects--one application and one engine --full and configured them both manually for foundations by adding foundation_and_overrides.scss and require -ing

Suddenly while working on a project, the following error came up. How to resolve the below error that comes up while doing: sass --watch foundation.scss:../css/foundation.css --line-numbers Error: NoMethodError: undefined method `count' for nil:NilClass Use --trace for backtrace. Sass compile was working till about a minute back Seems like it was an issue with MY Sass code. I had some IE filters for gradient that was not coded properly. This is usually an issue with YOUR code and not with Sass or the compiler compiler or at some higher level with respect to ruby. Check your code for recent

I'm using the Foundation layout framework, which automatically floats the last sibling of .column to the right and I really appreciate this is a behaviour. However, AngularJS takes it upon itself to insert span.ng-scope after every div.column , which somehow causes browsers to consider the last span the last sibling of .column (even though it is not). Specifically the css in Foundation responsible for this is: [class*="column"] + [class*="column"]:last-child { float: right; } As I understand it, [attribute*="substring"] should select only siblings that match, so, for the above, only elements

I want to config Foundation5 with Compass and Assetic in Symfony2, I have installed foundation as they say at http://foundation.zurb.com/docs/sass.html : npm install -g bower grunt-cli gem install foundation In config.yml have configured in this way : # Assetic Configuration assetic: debug: %kernel.debug% use_controller: false filters: compass: require: ['zurb-foundation'] apply_to: ".(scss|sass)$" Then I have imported in a base SCSS file @import "foundation"; but when I run : php app/console assetic:dump I have the following error : [Assetic\Exception\FilterException] An error occurred while