// * ---------------------------------------------------------------------------    
// 
//       __ __  __
//     /  /   /   /     __/__/__
//     \ /   /   /  __   /  /  __  (/__
//      /   /   / /  /  /  /  /__) /  /
//     /   /   / (__/__/_ /__/____/  /_/
//             \
//               SOLUTIONS
// 
// 
//	=Component - Heading
//
// 	A basic heading
//
// ---------------------------------------------------------------------------- */


// Import the component vars
@import 'inc/c.heading-vars';


// ------------------------------------------------
//	Enable config and features
// ------------------------------------------------
// Config
// @include mk-add-heading-config( configname, key, value );

// Features
// @include mk-add-heading-feature( featurename, key, value );



// Output the component 'features' we've enabled
@import 'inc/c.heading-features';



// Project specific styles
#{ $mk-component-heading-selector } {

	font-size: calc-rem( calc-type-scale( 7 ) );

	@include mk-media-query( desk ) {

		font-size: calc-rem( calc-type-scale( 11 ) );

	}

}