decePubClient/SCSS/mixins.scss

//MEDIA QUERY MANAGER

/*$breakpoint argument choices:
- phone
- tab-port
- tab-land
- desk
- big-desktop
*/

@mixin MediaQuery($breakpoint) {
	// max-width:768px;
	@if $breakpoint==phone {
		@media screen and (max-width: 768px) {
			@content
		}
	}

	@if $breakpoint==tab-p {
		// min-width:768px;
		// max-width:900px;
		@media screen and (min-width: 768px) and (max-width: 900px) {
			@content
		}
	}

	@if $breakpoint==tab-l {
		// min-width:901px;
		// max-width:1200px;
		@media screen and (min-width: 901px) and (max-width: 1200px) {
			@content
		}
	}

	@if $breakpoint==laptop {
		// min-width:1201px;
		// max-width:1366px;
		@media screen and (min-width: 1201px) and (max-width: 1366px) {
			@content
		}
	}

	@if $breakpoint==desk {
		// min-width:1201px;
		// max-width:1800px;
		@media screen and (min-width: 1201px) and (max-width: 1800px) {
			@content
		}
	}

	@if $breakpoint==big-d {
		// min-width:1801px;
		// max-width:4000px;
		@media screen and (min-width: 1801px) and (max-width: 4000px) {
			@content
		}
	}
}