// Toggles
//
// Used in conjunction with global variables to enable certain theme features.

// Utilities
@import "mixins/breakpoints";
@import "mixins/hover";
@import "mixins/image";
@import "mixins/badge";
@import "mixins/resize";
@import "mixins/screen-reader";
@import "mixins/size";
@import "mixins/reset-text";
@import "mixins/text-emphasis";
@import "mixins/text-hide";
@import "mixins/text-truncate";
@import "mixins/visibility";

// // Components
@import "mixins/alert";
@import "mixins/buttons";
@import "mixins/caret";
@import "mixins/pagination";
@import "mixins/lists";
@import "mixins/list-group";
@import "mixins/nav-divider";
@import "mixins/forms";
@import "mixins/table-row";

// // Skins
@import "mixins/background-variant";
@import "mixins/border-radius";
@import "mixins/box-shadow";
@import "mixins/gradients";
@import "mixins/transition";

// // Layout
@import "mixins/clearfix";
// @import "mixins/navbar-align";
@import "mixins/grid-framework";
@import "mixins/grid";
@import "mixins/float";

@import "mixins/custom-mixins";


//*********************
//* Visibility hidden *
//*********************
@mixin vHide(){
	border: 0;
	clip: rect(0 0 0 0);
	display: inherit;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

@mixin mTransition($mTransition){
	transition: $mTransition;	
}

@mixin no-transition($no-transition){
	transition: $no-transition;
}

@mixin transform($transforms){
	transform: $transforms;
}

@mixin rotate($deg){
	@include transform(rotate(#{$deg}deg));
}

//***************
//* Responsives *
//***************
@mixin from($device){
	@media screen and (min-width: $device){
		@content;
	}
}

@mixin until($device){
	@media screen and (max-width: $device - 1px){
		@content;
	}
}

@mixin to-mobile{
	@media screen and (max-width: $widthBreakpointMediumMobile){
		@content;
	}
}

@mixin mobile{
	@media screen and (min-width: $widthBreakpointMediumMobile){
		@content;
	}
}

@mixin mobile-only{
	@media screen and (min-width: $widthBreakpointMediumMobile) and (max-width: $widthBreakpointTablet - 1px){
		@content;
	}
}

@mixin mobile-max{
	@media screen and (max-width: $widthBreakpointTablet - 1px){
		@content;
	}
}

@mixin tablet{
	@media screen and (min-width: $widthBreakpointTablet){
		@content;
	}
}

@mixin tablet-only{
	@media screen and (min-width: $widthBreakpointTablet) and (max-width: $widthBreakpointDesktop - 1px){
		@content;
	}
}

@mixin tablet-max{
	@media screen and (max-width: $widthBreakpointDesktop - 1px){
		@content;
	}
}

@mixin desktop{
	@media screen and (min-width: $widthBreakpointDesktop){
		@content;
	}
}

@mixin desktop-only{
	@media screen and (min-width: $widthBreakpointDesktop) and (max-width: $widthBreakpointLargeDesktop - 1px){
		@content;
	}
}

@mixin desktop-max{
	@media screen and (max-width: $widthBreakpointLargeDesktop - 1px){
		@content;
	}
}

@mixin widescreen{
	@media screen and (min-width: $widthBreakpointLargeDesktop){
		@content};
	}