Skip to content

Instantly share code, notes, and snippets.

@sime
Created September 16, 2013 08:20
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sime/6577924 to your computer and use it in GitHub Desktop.
Save sime/6577924 to your computer and use it in GitHub Desktop.
Full screen Reveal in Foundation 4.3.1 on small screens I think modals (i.e. Reveal) are broken on small screens when they contain a form. I've introduced a new class 'full-on-small' which will expand modals to 100% width on small screens. This is a drop in solution, I've also attempted to solve this in a different manner upstream: https://githu…
@media screen and (max-width: $small-screen) {
.#{$reveal-modal-class} {
&.full-on-small {
top: 0;
margin-#{$default-float}: 0;
#{$default-float}: 0;
width: 100%;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment