Catherine Farman cfarm

No Media Queries Fallback

Sass fallback for browsers that don't support media queries - i.e., IE8 and below.

These are WordPress plugins created for blogs.brynmawr.edu:

	$smallScreen: 400px;
	$mediumScreen: 700px;

	div.column {
	width: 100%;
	// column width changes to be half the viewport
	@include breakpoint($smallScreen) {
	width: 50%;
	float: left;
	}

	# Require any additional compass plugins here.
	require 'susy'
	require 'modular-scale'
	require 'sassy-buttons'
	require 'breakpoint'
	require 'compass-css-arrow'
	require 'rgbapng'

	# Set this to the root of your project when deployed:
	http_path = "/"

	@mixin breakpoint($screenWidth: 400px) {
	// output the mixin content inside of a media query
	@media screen and (min-width: $screenWidth) { @content; }
	}

	// ==========================================================================
	// responsive breakpoints
	// 320 - 480 - 768 - 1024
	// ==========================================================================

	@media screen and (max-width: 30em) {
	// helper to display 320px width on desktop
	// comment this out if you need to look @ 480px width
	.wl-appwrapper {
	width: 320px;