/**
 * Breakpoints & Media Queries
 */

// Most used breakpoints
$break-huge: 1440px;
$break-wide: 1280px;
$break-xlarge: 1080px;
$break-large: 960px; // admin sidebar auto folds
$break-medium: 782px; // adminbar goes big
$break-small: 600px;
$break-mobile: 480px;

/**
 * Breakpoint mixins
 */

@mixin break-huge() {

	@media (min-width: #{ ($break-huge) }) {
		@content;
	}
}

@mixin break-wide() {

	@media (min-width: #{ ($break-wide) }) {
		@content;
	}
}

@mixin break-xlarge() {

	@media (min-width: #{ ($break-xlarge) }) {
		@content;
	}
}

@mixin break-large() {

	@media (min-width: #{ ($break-large) }) {
		@content;
	}
}

@mixin break-medium() {

	@media (min-width: #{ ($break-medium) }) {
		@content;
	}
}

@mixin break-small() {

	@media (min-width: #{ ($break-small) }) {
		@content;
	}
}

@mixin break-mobile() {

	@media (min-width: #{ ($break-mobile) }) {
		@content;
	}
}