pablolobos · February 19, 2014 14:27
diff --git a/sass_media-queries.scss b/sass_media-queries.scss
 @mixin large {
 	@media only screen and (max-width: 60em) {
 		@content;
  	}
 }

 @mixin medium {
 	@media only screen and (max-width: 40em) {
 		@content;
 	}
 }

 @mixin small {
 	@media only screen and (max-width: 30em) {
 		@content;
 	}
 }

 //Usage
 @include small {
 	width: 100%;
 	float: none;
 	margin: 0;
 }
	@mixin large {
	@media only screen and (max-width: 60em) {
	@content;
	}
	}

	@mixin medium {
	@media only screen and (max-width: 40em) {
	@content;
	}
	}

	@mixin small {
	@media only screen and (max-width: 30em) {
	@content;
	}
	}

	//Usage
	@include small {
	width: 100%;
	float: none;
	margin: 0;
	}