scss sass_media-queries.scss

Posted 2021-05-18

@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;
}