///*------------------------------------*\
//    # GEL TYPOGRAPHY - TEST
//\*------------------------------------*/

// Include general GEL dependancies
@import '../node_modules/gel-sass-tools/sass-tools';
@import '../node_modules/sass-mq/mq';


// Lets declare a few varaibles to test the output
$gel-type-enable--markup-output: true !default;
$gel-type-enable--larger-font-sizes: true !default;

// Import the typography component
@import '../typography';

// Lets test our larger fonts
.my-component__with-foolscap {
	@include gel-typography('foolscap');
}
///*----------------------------------------------*\
//    # GEL TYPOGRAPHY - TEST WITH LARGE FONTS
//\*----------------------------------------------*/

// Include general GEL dependancies
@import '../node_modules/gel-sass-tools/sass-tools';
@import '../node_modules/sass-mq/mq';


// Lets declare a few varaibles to test the output
$gel-type-enable--markup-output: true !default;
$gel-type-enable--larger-type-sizes: true !default;

// Import the typography component
@import '../typography';

// Lets test our larger fonts
.my-component__with-foolscap {
	@include gel-typography('foolscap');
}
Update the commented out header in test to be consistent with the without-larger-fonts file
Update the commented out header in test to be consistent with the without-larger-fonts file
