/*--------------------------------------------------------------
# SASS Useful Mixins
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Alignment
--------------------------------------------------------------*/
@import 'margin-auto';

/*--------------------------------------------------------------
# Animation
--------------------------------------------------------------*/
@import 'animate-link';
@import 'animations';
@import 'backface-visibility';
@import 'keyframes';
@import 'single-transform';
@import 'transform';
@import 'transitions';
@import 'translate';

/*--------------------------------------------------------------
# Functional
--------------------------------------------------------------*/
@import 'hide-text';
@import 'hover-focus';
@import 'replace-text';

/*--------------------------------------------------------------
# Gradients
--------------------------------------------------------------*/
@import 'linear-gradient';
@import 'linear-gradient-angle';

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
@import 'background-cover';
@import 'box-model';
@import 'clearfix';
@import 'inline-block';
 
/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
@import 'breakpoint';
@import 'min-breakpoint';
@import 'retina';

/*--------------------------------------------------------------
# Styles
--------------------------------------------------------------*/
@import 'box-shadow';
@import 'inner-shadow';
@import 'border-radius';
@import 'opacity';
@import 'placeholder';
@import 'rounded-corners';
@import 'text-shadow';
@import 'triangles';
@import 'custom';

/*--------------------------------------------------------------
# Values
--------------------------------------------------------------*/
@import 'em';

/**
 * Custom Mixins
 */
@mixin screen-reader-text() {
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

@mixin underlinedLink() {
	font-weight: 600;
	text-decoration: underline;

	&:hover {
		text-decoration: none;
	}
}