<commit_before>@mixin uikit-core() {
	//global vars
	$uikit-core-media-xs: 480px !global;
	$uikit-core-media-sm: 768px !global;
	$uikit-core-media-md: 992px !global;
	$uikit-core-media-lg: 1200px !global;

	$uikit-core-maxwidth: 40em;

	$uikit-core-color-Hero: #115361 !global;
	$uikit-core-color-Primary: #880e48 !global;
	$uikit-core-color-Background: #f0f3f5 !global;
	$uikit-core-color-Border: #bebebe !global;
	$uikit-core-color-Text: #313131 !global;
	$uikit-core-color-Link: #5bcbe3 !global;
	$uikit-core-color-Alpha: #e6efc2 !global;
	$uikit-core-color-Beta: #043751 !global;

	$uikit-core-color-Error: #cc0000 !global;
	$uikit-core-color-Success: #007554 !global;
	$uikit-core-color-Warning: #f9c642 !global;
	$uikit-core-color-Info: #00bfe9 !global;

	//tinting
	$uikit-core-color-Hero-90: mix(white, $uikit-core-color-Hero, 10) !global;
	$uikit-core-color-Hero-80: mix(white, $uikit-core-color-Hero, 20) !global;
	$uikit-core-color-Hero-70: mix(white, $uikit-core-color-Hero, 30) !global;
	$uikit-core-color-Hero-60: mix(white, $uikit-core-color-Hero, 40) !global;
	$uikit-core-color-Hero-50: mix(white, $uikit-core-color-Hero, 50) !global;
	$uikit-core-color-Hero-40: mix(white, $uikit-core-color-Hero, 60) !global;
	$uikit-core-color-Hero-30: mix(white, $uikit-core-color-Hero, 70) !global;
	$uikit-core-color-Hero-20: mix(white, $uikit-core-color-Hero, 80) !global;
	$uikit-core-color-Hero-10: mix(white, $uikit-core-color-Hero, 90) !global;
	$uikit-core-color-Hero-5: mix(white, $uikit-core-color-Hero, 95) !global;

	$uikit-core-color-Primary-90: mix(white, $uikit-core-color-Primary, 10) !global;
	$uikit-core-color-Primary-80: mix(white, $uikit-core-color-Primary, 20) !global;
	$uikit-core-color-Primary-70: mix(white, $uikit-core-color-Primary, 30) !global;
	$uikit-core-color-Primary-60: mix(white, $uikit-core-color-Primary, 40) !global;
	$uikit-core-color-Primary-50: mix(white, $uikit-core-color-Primary, 50) !global;
	$uikit-core-color-Primary-40: mix(white, $uikit-core-color-Primary, 60) !global;
	$uikit-core-color-Primary-30: mix(white, $uikit-core-color-Primary, 70) !global;
	$uikit-core-color-Primary-20: mix(white, $uikit-core-color-Primary, 80) !global;
	$uikit-core-color-Primary-10: mix(white, $uikit-core-color-Primary, 90) !global;
	$uikit-core-color-Primary-5: mix(white, $uikit-core-color-Primary, 95) !global;

	$uikit-core-color-Background-90: mix(white, $uikit-core-color-Background, 10) !global;
	$uikit-core-color-Background-80: mix(white, $uikit-core-color-Background, 20) !global;
	$uikit-core-color-Background-70: mix(white, $uikit-core-color-Background, 30) !global;
	$uikit-core-color-Background-60: mix(white, $uikit-core-color-Background, 40) !global;
	$uikit-core-color-Background-50: mix(white, $uikit-core-color-Background, 50) !global;
	$uikit-core-color-Background-40: mix(white, $uikit-core-color-Background, 60) !global;
	$uikit-core-color-Background-30: mix(white, $uikit-core-color-Background, 70) !global;
	$uikit-core-color-Background-20: mix(white, $uikit-core-color-Background, 80) !global;
	$uikit-core-color-Background-10: mix(white, $uikit-core-color-Background, 90) !global;
	$uikit-core-color-Background-5: mix(white, $uikit-core-color-Background, 95) !global;

	$uikit-core-color-Border-90: mix(white, $uikit-core-color-Border, 10) !global;
	$uikit-core-color-Border-80: mix(white, $uikit-core-color-Border, 20) !global;
	$uikit-core-color-Border-70: mix(white, $uikit-core-color-Border, 30) !global;
	$uikit-core-color-Border-60: mix(white, $uikit-core-color-Border, 40) !global;
	$uikit-core-color-Border-50: mix(white, $uikit-core-color-Border, 50) !global;
	$uikit-core-color-Border-40: mix(white, $uikit-core-color-Border, 60) !global;
	$uikit-core-color-Border-30: mix(white, $uikit-core-color-Border, 70) !global;
	$uikit-core-color-Border-20: mix(white, $uikit-core-color-Border, 80) !global;
	$uikit-core-color-Border-10: mix(white, $uikit-core-color-Border, 90) !global;
	$uikit-core-color-Border-5: mix(white, $uikit-core-color-Border, 95) !global;

	$uikit-core-color-Text-90: mix(white, $uikit-core-color-Text, 10) !global;
	$uikit-core-color-Text-80: mix(white, $uikit-core-color-Text, 20) !global;
	$uikit-core-color-Text-70: mix(white, $uikit-core-color-Text, 30) !global;
	$uikit-core-color-Text-60: mix(white, $uikit-core-color-Text, 40) !global;
	$uikit-core-color-Text-50: mix(white, $uikit-core-color-Text, 50) !global;
	$uikit-core-color-Text-40: mix(white, $uikit-core-color-Text, 60) !global;
	$uikit-core-color-Text-30: mix(white, $uikit-core-color-Text, 70) !global;
	$uikit-core-color-Text-20: mix(white, $uikit-core-color-Text, 80) !global;
	$uikit-core-color-Text-10: mix(white, $uikit-core-color-Text, 90) !global;
	$uikit-core-color-Text-5: mix(white, $uikit-core-color-Text, 95) !global;

	$uikit-core-color-Link-90: mix(white, $uikit-core-color-Link, 10) !global;
	$uikit-core-color-Link-80: mix(white, $uikit-core-color-Link, 20) !global;
	$uikit-core-color-Link-70: mix(white, $uikit-core-color-Link, 30) !global;
	$uikit-core-color-Link-60: mix(white, $uikit-core-color-Link, 40) !global;
	$uikit-core-color-Link-50: mix(white, $uikit-core-color-Link, 50) !global;
	$uikit-core-color-Link-40: mix(white, $uikit-core-color-Link, 60) !global;
	$uikit-core-color-Link-30: mix(white, $uikit-core-color-Link, 70) !global;
	$uikit-core-color-Link-20: mix(white, $uikit-core-color-Link, 80) !global;
	$uikit-core-color-Link-10: mix(white, $uikit-core-color-Link, 90) !global;
	$uikit-core-color-Link-5: mix(white, $uikit-core-color-Link, 95) !global;

	$uikit-core-color-Alpha-90: mix(white, $uikit-core-color-Alpha, 10) !global;
	$uikit-core-color-Alpha-80: mix(white, $uikit-core-color-Alpha, 20) !global;
	$uikit-core-color-Alpha-70: mix(white, $uikit-core-color-Alpha, 30) !global;
	$uikit-core-color-Alpha-60: mix(white, $uikit-core-color-Alpha, 40) !global;
	$uikit-core-color-Alpha-50: mix(white, $uikit-core-color-Alpha, 50) !global;
	$uikit-core-color-Alpha-40: mix(white, $uikit-core-color-Alpha, 60) !global;
	$uikit-core-color-Alpha-30: mix(white, $uikit-core-color-Alpha, 70) !global;
	$uikit-core-color-Alpha-20: mix(white, $uikit-core-color-Alpha, 80) !global;
	$uikit-core-color-Alpha-10: mix(white, $uikit-core-color-Alpha, 90) !global;
	$uikit-core-color-Alpha-5: mix(white, $uikit-core-color-Alpha, 95) !global;

	$uikit-core-color-Beta-90: mix(white, $uikit-core-color-Beta, 10) !global;
	$uikit-core-color-Beta-80: mix(white, $uikit-core-color-Beta, 20) !global;
	$uikit-core-color-Beta-70: mix(white, $uikit-core-color-Beta, 30) !global;
	$uikit-core-color-Beta-60: mix(white, $uikit-core-color-Beta, 40) !global;
	$uikit-core-color-Beta-50: mix(white, $uikit-core-color-Beta, 50) !global;
	$uikit-core-color-Beta-40: mix(white, $uikit-core-color-Beta, 60) !global;
	$uikit-core-color-Beta-30: mix(white, $uikit-core-color-Beta, 70) !global;
	$uikit-core-color-Beta-20: mix(white, $uikit-core-color-Beta, 80) !global;
	$uikit-core-color-Beta-10: mix(white, $uikit-core-color-Beta, 90) !global;
	$uikit-core-color-Beta-5: mix(white, $uikit-core-color-Beta, 95) !global;

	$uikit-core-color-Error-90: mix(white, $uikit-core-color-Error, 10) !global;
	$uikit-core-color-Error-80: mix(white, $uikit-core-color-Error, 20) !global;
	$uikit-core-color-Error-70: mix(white, $uikit-core-color-Error, 30) !global;
	$uikit-core-color-Error-60: mix(white, $uikit-core-color-Error, 40) !global;
	$uikit-core-color-Error-50: mix(white, $uikit-core-color-Error, 50) !global;
	$uikit-core-color-Error-40: mix(white, $uikit-core-color-Error, 60) !global;
	$uikit-core-color-Error-30: mix(white, $uikit-core-color-Error, 70) !global;
	$uikit-core-color-Error-20: mix(white, $uikit-core-color-Error, 80) !global;
	$uikit-core-color-Error-10: mix(white, $uikit-core-color-Error, 90) !global;
	$uikit-core-color-Error-5: mix(white, $uikit-core-color-Error, 95) !global;

	$uikit-core-color-Success-90: mix(white, $uikit-core-color-Success, 10) !global;
	$uikit-core-color-Success-80: mix(white, $uikit-core-color-Success, 20) !global;
	$uikit-core-color-Success-70: mix(white, $uikit-core-color-Success, 30) !global;
	$uikit-core-color-Success-60: mix(white, $uikit-core-color-Success, 40) !global;
	$uikit-core-color-Success-50: mix(white, $uikit-core-color-Success, 50) !global;
	$uikit-core-color-Success-40: mix(white, $uikit-core-color-Success, 60) !global;
	$uikit-core-color-Success-30: mix(white, $uikit-core-color-Success, 70) !global;
	$uikit-core-color-Success-20: mix(white, $uikit-core-color-Success, 80) !global;
	$uikit-core-color-Success-10: mix(white, $uikit-core-color-Success, 90) !global;
	$uikit-core-color-Success-5: mix(white, $uikit-core-color-Success, 95) !global;

	$uikit-core-color-Warning-90: mix(white, $uikit-core-color-Warning, 10) !global;
	$uikit-core-color-Warning-80: mix(white, $uikit-core-color-Warning, 20) !global;
	$uikit-core-color-Warning-70: mix(white, $uikit-core-color-Warning, 30) !global;
	$uikit-core-color-Warning-60: mix(white, $uikit-core-color-Warning, 40) !global;
	$uikit-core-color-Warning-50: mix(white, $uikit-core-color-Warning, 50) !global;
	$uikit-core-color-Warning-40: mix(white, $uikit-core-color-Warning, 60) !global;
	$uikit-core-color-Warning-30: mix(white, $uikit-core-color-Warning, 70) !global;
	$uikit-core-color-Warning-20: mix(white, $uikit-core-color-Warning, 80) !global;
	$uikit-core-color-Warning-10: mix(white, $uikit-core-color-Warning, 90) !global;
	$uikit-core-color-Warning-5: mix(white, $uikit-core-color-Warning, 95) !global;

	$uikit-core-color-Info-90: mix(white, $uikit-core-color-Info, 10) !global;
	$uikit-core-color-Info-80: mix(white, $uikit-core-color-Info, 20) !global;
	$uikit-core-color-Info-70: mix(white, $uikit-core-color-Info, 30) !global;
	$uikit-core-color-Info-60: mix(white, $uikit-core-color-Info, 40) !global;
	$uikit-core-color-Info-50: mix(white, $uikit-core-color-Info, 50) !global;
	$uikit-core-color-Info-40: mix(white, $uikit-core-color-Info, 60) !global;
	$uikit-core-color-Info-30: mix(white, $uikit-core-color-Info, 70) !global;
	$uikit-core-color-Info-20: mix(white, $uikit-core-color-Info, 80) !global;
	$uikit-core-color-Info-10: mix(white, $uikit-core-color-Info, 90) !global;
	$uikit-core-color-Info-5: mix(white, $uikit-core-color-Info, 95) !global;
}

/**
 * [media description]
 * @param  {[type]} $breakpoint [description]
 * @return {[type]}             [description]
 */
@mixin uikit-core-media( $breakpoint ) {
	@if type-of( $breakpoint ) != 'string' {
		@error "I find your lack of logic... disturbing; the uikit-core-media mixin only takes a string!";
	}

	@if( $breakpoint == "xs" ) {
		@media (min-width: $uikit-core-media-xs) {
			@content;
		}
	}

	@if( $breakpoint == "sm" ) {
		@media (min-width: $uikit-core-media-sm) {
			@content;
		}
	}

	@if( $breakpoint == "md" ) {
		@media (min-width: $uikit-core-media-md) {
			@content;
		}
	}

	@if( $breakpoint == "lg" ) {
		@media (min-width: $uikit-core-media-lg) {
			@content;
		}
	}
}


/**
 * [space description]
 * @param  {[type]} $number [description]
 * @return {[type]}         [description]
 */
@function uikit-core-space( $number ) {
	@if type-of( $number ) != 'number' {
		@error "I'm sorry Dave, I can't do that; the uikit-core-space function only takes a number!";
	}

	@if type-of( $number ) == 'number' and not unitless( $number ) {
		$number: $number / ($number * 0 + 1);
	}

	$space: $number * 4;

	@return #{ $space }em;
}


/**
 * [fontstyle description]
 * @param  {[type]} $size [description]
 * @return {[type]}       [description]
 */
@mixin uikit-core-fontstyle( $size ) {
	@if type-of( $size ) != 'number' {
		@error "I'm giving it all she's got but: the uikit-core-fontstyle mixin only takes a number!";
	}

	@if( $size >= 16 ) { //large font sizes
		font-family: 'Open Sans', Verdana, 'Bitstream Vera Sans', sans-serif;
		font-weight: normal;
	}

	@if( $size < 16 ) { //small font sizes
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
		font-weight: normal;
	}

	@if( $size >= 48 ) { //max font size
		$size: 48px;
	}

	@if( $size <= 12 ) { //min font size
		$size: 12px;
	}

	font-size: $size;
}


/**
 * [sronly description]
 */
@mixin uikit-core-sronly() {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}<commit_msg>made the spelling of color worse than the devil himself!<commit_after>@mixin uikit-core() {
	//global vars
	$uikit-core-media-xs: 480px !global;
	$uikit-core-media-sm: 768px !global;
	$uikit-core-media-md: 992px !global;
	$uikit-core-media-lg: 1200px !global;

	$uikit-core-maxwidth: 40em;

	$uikit-core-colour-Hero: #115361 !global;
	$uikit-core-colour-Primary: #880e48 !global;
	$uikit-core-colour-Background: #f0f3f5 !global;
	$uikit-core-colour-Border: #bebebe !global;
	$uikit-core-colour-Text: #313131 !global;
	$uikit-core-colour-Link: #5bcbe3 !global;
	$uikit-core-colour-Alpha: #e6efc2 !global;
	$uikit-core-colour-Beta: #043751 !global;

	$uikit-core-colour-Error: #cc0000 !global;
	$uikit-core-colour-Success: #007554 !global;
	$uikit-core-colour-Warning: #f9c642 !global;
	$uikit-core-colour-Info: #00bfe9 !global;

	//tinting
	$uikit-core-colour-Hero-90: mix(white, $uikit-core-colour-Hero, 10) !global;
	$uikit-core-colour-Hero-80: mix(white, $uikit-core-colour-Hero, 20) !global;
	$uikit-core-colour-Hero-70: mix(white, $uikit-core-colour-Hero, 30) !global;
	$uikit-core-colour-Hero-60: mix(white, $uikit-core-colour-Hero, 40) !global;
	$uikit-core-colour-Hero-50: mix(white, $uikit-core-colour-Hero, 50) !global;
	$uikit-core-colour-Hero-40: mix(white, $uikit-core-colour-Hero, 60) !global;
	$uikit-core-colour-Hero-30: mix(white, $uikit-core-colour-Hero, 70) !global;
	$uikit-core-colour-Hero-20: mix(white, $uikit-core-colour-Hero, 80) !global;
	$uikit-core-colour-Hero-10: mix(white, $uikit-core-colour-Hero, 90) !global;
	$uikit-core-colour-Hero-5: mix(white, $uikit-core-colour-Hero, 95) !global;

	$uikit-core-colour-Primary-90: mix(white, $uikit-core-colour-Primary, 10) !global;
	$uikit-core-colour-Primary-80: mix(white, $uikit-core-colour-Primary, 20) !global;
	$uikit-core-colour-Primary-70: mix(white, $uikit-core-colour-Primary, 30) !global;
	$uikit-core-colour-Primary-60: mix(white, $uikit-core-colour-Primary, 40) !global;
	$uikit-core-colour-Primary-50: mix(white, $uikit-core-colour-Primary, 50) !global;
	$uikit-core-colour-Primary-40: mix(white, $uikit-core-colour-Primary, 60) !global;
	$uikit-core-colour-Primary-30: mix(white, $uikit-core-colour-Primary, 70) !global;
	$uikit-core-colour-Primary-20: mix(white, $uikit-core-colour-Primary, 80) !global;
	$uikit-core-colour-Primary-10: mix(white, $uikit-core-colour-Primary, 90) !global;
	$uikit-core-colour-Primary-5: mix(white, $uikit-core-colour-Primary, 95) !global;

	$uikit-core-colour-Background-90: mix(white, $uikit-core-colour-Background, 10) !global;
	$uikit-core-colour-Background-80: mix(white, $uikit-core-colour-Background, 20) !global;
	$uikit-core-colour-Background-70: mix(white, $uikit-core-colour-Background, 30) !global;
	$uikit-core-colour-Background-60: mix(white, $uikit-core-colour-Background, 40) !global;
	$uikit-core-colour-Background-50: mix(white, $uikit-core-colour-Background, 50) !global;
	$uikit-core-colour-Background-40: mix(white, $uikit-core-colour-Background, 60) !global;
	$uikit-core-colour-Background-30: mix(white, $uikit-core-colour-Background, 70) !global;
	$uikit-core-colour-Background-20: mix(white, $uikit-core-colour-Background, 80) !global;
	$uikit-core-colour-Background-10: mix(white, $uikit-core-colour-Background, 90) !global;
	$uikit-core-colour-Background-5: mix(white, $uikit-core-colour-Background, 95) !global;

	$uikit-core-colour-Border-90: mix(white, $uikit-core-colour-Border, 10) !global;
	$uikit-core-colour-Border-80: mix(white, $uikit-core-colour-Border, 20) !global;
	$uikit-core-colour-Border-70: mix(white, $uikit-core-colour-Border, 30) !global;
	$uikit-core-colour-Border-60: mix(white, $uikit-core-colour-Border, 40) !global;
	$uikit-core-colour-Border-50: mix(white, $uikit-core-colour-Border, 50) !global;
	$uikit-core-colour-Border-40: mix(white, $uikit-core-colour-Border, 60) !global;
	$uikit-core-colour-Border-30: mix(white, $uikit-core-colour-Border, 70) !global;
	$uikit-core-colour-Border-20: mix(white, $uikit-core-colour-Border, 80) !global;
	$uikit-core-colour-Border-10: mix(white, $uikit-core-colour-Border, 90) !global;
	$uikit-core-colour-Border-5: mix(white, $uikit-core-colour-Border, 95) !global;

	$uikit-core-colour-Text-90: mix(white, $uikit-core-colour-Text, 10) !global;
	$uikit-core-colour-Text-80: mix(white, $uikit-core-colour-Text, 20) !global;
	$uikit-core-colour-Text-70: mix(white, $uikit-core-colour-Text, 30) !global;
	$uikit-core-colour-Text-60: mix(white, $uikit-core-colour-Text, 40) !global;
	$uikit-core-colour-Text-50: mix(white, $uikit-core-colour-Text, 50) !global;
	$uikit-core-colour-Text-40: mix(white, $uikit-core-colour-Text, 60) !global;
	$uikit-core-colour-Text-30: mix(white, $uikit-core-colour-Text, 70) !global;
	$uikit-core-colour-Text-20: mix(white, $uikit-core-colour-Text, 80) !global;
	$uikit-core-colour-Text-10: mix(white, $uikit-core-colour-Text, 90) !global;
	$uikit-core-colour-Text-5: mix(white, $uikit-core-colour-Text, 95) !global;

	$uikit-core-colour-Link-90: mix(white, $uikit-core-colour-Link, 10) !global;
	$uikit-core-colour-Link-80: mix(white, $uikit-core-colour-Link, 20) !global;
	$uikit-core-colour-Link-70: mix(white, $uikit-core-colour-Link, 30) !global;
	$uikit-core-colour-Link-60: mix(white, $uikit-core-colour-Link, 40) !global;
	$uikit-core-colour-Link-50: mix(white, $uikit-core-colour-Link, 50) !global;
	$uikit-core-colour-Link-40: mix(white, $uikit-core-colour-Link, 60) !global;
	$uikit-core-colour-Link-30: mix(white, $uikit-core-colour-Link, 70) !global;
	$uikit-core-colour-Link-20: mix(white, $uikit-core-colour-Link, 80) !global;
	$uikit-core-colour-Link-10: mix(white, $uikit-core-colour-Link, 90) !global;
	$uikit-core-colour-Link-5: mix(white, $uikit-core-colour-Link, 95) !global;

	$uikit-core-colour-Alpha-90: mix(white, $uikit-core-colour-Alpha, 10) !global;
	$uikit-core-colour-Alpha-80: mix(white, $uikit-core-colour-Alpha, 20) !global;
	$uikit-core-colour-Alpha-70: mix(white, $uikit-core-colour-Alpha, 30) !global;
	$uikit-core-colour-Alpha-60: mix(white, $uikit-core-colour-Alpha, 40) !global;
	$uikit-core-colour-Alpha-50: mix(white, $uikit-core-colour-Alpha, 50) !global;
	$uikit-core-colour-Alpha-40: mix(white, $uikit-core-colour-Alpha, 60) !global;
	$uikit-core-colour-Alpha-30: mix(white, $uikit-core-colour-Alpha, 70) !global;
	$uikit-core-colour-Alpha-20: mix(white, $uikit-core-colour-Alpha, 80) !global;
	$uikit-core-colour-Alpha-10: mix(white, $uikit-core-colour-Alpha, 90) !global;
	$uikit-core-colour-Alpha-5: mix(white, $uikit-core-colour-Alpha, 95) !global;

	$uikit-core-colour-Beta-90: mix(white, $uikit-core-colour-Beta, 10) !global;
	$uikit-core-colour-Beta-80: mix(white, $uikit-core-colour-Beta, 20) !global;
	$uikit-core-colour-Beta-70: mix(white, $uikit-core-colour-Beta, 30) !global;
	$uikit-core-colour-Beta-60: mix(white, $uikit-core-colour-Beta, 40) !global;
	$uikit-core-colour-Beta-50: mix(white, $uikit-core-colour-Beta, 50) !global;
	$uikit-core-colour-Beta-40: mix(white, $uikit-core-colour-Beta, 60) !global;
	$uikit-core-colour-Beta-30: mix(white, $uikit-core-colour-Beta, 70) !global;
	$uikit-core-colour-Beta-20: mix(white, $uikit-core-colour-Beta, 80) !global;
	$uikit-core-colour-Beta-10: mix(white, $uikit-core-colour-Beta, 90) !global;
	$uikit-core-colour-Beta-5: mix(white, $uikit-core-colour-Beta, 95) !global;

	$uikit-core-colour-Error-90: mix(white, $uikit-core-colour-Error, 10) !global;
	$uikit-core-colour-Error-80: mix(white, $uikit-core-colour-Error, 20) !global;
	$uikit-core-colour-Error-70: mix(white, $uikit-core-colour-Error, 30) !global;
	$uikit-core-colour-Error-60: mix(white, $uikit-core-colour-Error, 40) !global;
	$uikit-core-colour-Error-50: mix(white, $uikit-core-colour-Error, 50) !global;
	$uikit-core-colour-Error-40: mix(white, $uikit-core-colour-Error, 60) !global;
	$uikit-core-colour-Error-30: mix(white, $uikit-core-colour-Error, 70) !global;
	$uikit-core-colour-Error-20: mix(white, $uikit-core-colour-Error, 80) !global;
	$uikit-core-colour-Error-10: mix(white, $uikit-core-colour-Error, 90) !global;
	$uikit-core-colour-Error-5: mix(white, $uikit-core-colour-Error, 95) !global;

	$uikit-core-colour-Success-90: mix(white, $uikit-core-colour-Success, 10) !global;
	$uikit-core-colour-Success-80: mix(white, $uikit-core-colour-Success, 20) !global;
	$uikit-core-colour-Success-70: mix(white, $uikit-core-colour-Success, 30) !global;
	$uikit-core-colour-Success-60: mix(white, $uikit-core-colour-Success, 40) !global;
	$uikit-core-colour-Success-50: mix(white, $uikit-core-colour-Success, 50) !global;
	$uikit-core-colour-Success-40: mix(white, $uikit-core-colour-Success, 60) !global;
	$uikit-core-colour-Success-30: mix(white, $uikit-core-colour-Success, 70) !global;
	$uikit-core-colour-Success-20: mix(white, $uikit-core-colour-Success, 80) !global;
	$uikit-core-colour-Success-10: mix(white, $uikit-core-colour-Success, 90) !global;
	$uikit-core-colour-Success-5: mix(white, $uikit-core-colour-Success, 95) !global;

	$uikit-core-colour-Warning-90: mix(white, $uikit-core-colour-Warning, 10) !global;
	$uikit-core-colour-Warning-80: mix(white, $uikit-core-colour-Warning, 20) !global;
	$uikit-core-colour-Warning-70: mix(white, $uikit-core-colour-Warning, 30) !global;
	$uikit-core-colour-Warning-60: mix(white, $uikit-core-colour-Warning, 40) !global;
	$uikit-core-colour-Warning-50: mix(white, $uikit-core-colour-Warning, 50) !global;
	$uikit-core-colour-Warning-40: mix(white, $uikit-core-colour-Warning, 60) !global;
	$uikit-core-colour-Warning-30: mix(white, $uikit-core-colour-Warning, 70) !global;
	$uikit-core-colour-Warning-20: mix(white, $uikit-core-colour-Warning, 80) !global;
	$uikit-core-colour-Warning-10: mix(white, $uikit-core-colour-Warning, 90) !global;
	$uikit-core-colour-Warning-5: mix(white, $uikit-core-colour-Warning, 95) !global;

	$uikit-core-colour-Info-90: mix(white, $uikit-core-colour-Info, 10) !global;
	$uikit-core-colour-Info-80: mix(white, $uikit-core-colour-Info, 20) !global;
	$uikit-core-colour-Info-70: mix(white, $uikit-core-colour-Info, 30) !global;
	$uikit-core-colour-Info-60: mix(white, $uikit-core-colour-Info, 40) !global;
	$uikit-core-colour-Info-50: mix(white, $uikit-core-colour-Info, 50) !global;
	$uikit-core-colour-Info-40: mix(white, $uikit-core-colour-Info, 60) !global;
	$uikit-core-colour-Info-30: mix(white, $uikit-core-colour-Info, 70) !global;
	$uikit-core-colour-Info-20: mix(white, $uikit-core-colour-Info, 80) !global;
	$uikit-core-colour-Info-10: mix(white, $uikit-core-colour-Info, 90) !global;
	$uikit-core-colour-Info-5: mix(white, $uikit-core-colour-Info, 95) !global;
}

/**
 * [media description]
 * @param  {[type]} $breakpoint [description]
 * @return {[type]}             [description]
 */
@mixin uikit-core-media( $breakpoint ) {
	@if type-of( $breakpoint ) != 'string' {
		@error "I find your lack of logic... disturbing; the uikit-core-media mixin only takes a string!";
	}

	@if( $breakpoint == "xs" ) {
		@media (min-width: $uikit-core-media-xs) {
			@content;
		}
	}

	@if( $breakpoint == "sm" ) {
		@media (min-width: $uikit-core-media-sm) {
			@content;
		}
	}

	@if( $breakpoint == "md" ) {
		@media (min-width: $uikit-core-media-md) {
			@content;
		}
	}

	@if( $breakpoint == "lg" ) {
		@media (min-width: $uikit-core-media-lg) {
			@content;
		}
	}
}


/**
 * [space description]
 * @param  {[type]} $number [description]
 * @return {[type]}         [description]
 */
@function uikit-core-space( $number ) {
	@if type-of( $number ) != 'number' {
		@error "I'm sorry Dave, I can't do that; the uikit-core-space function only takes a number!";
	}

	@if type-of( $number ) == 'number' and not unitless( $number ) {
		$number: $number / ($number * 0 + 1);
	}

	$space: $number * 4;

	@return #{ $space }em;
}


/**
 * [fontstyle description]
 * @param  {[type]} $size [description]
 * @return {[type]}       [description]
 */
@mixin uikit-core-fontstyle( $size ) {
	@if type-of( $size ) != 'number' {
		@error "I'm giving it all she's got but: the uikit-core-fontstyle mixin only takes a number!";
	}

	@if( $size >= 16 ) { //large font sizes
		font-family: 'Open Sans', Verdana, 'Bitstream Vera Sans', sans-serif;
		font-weight: normal;
	}

	@if( $size < 16 ) { //small font sizes
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
		font-weight: normal;
	}

	@if( $size >= 48 ) { //max font size
		$size: 48px;
	}

	@if( $size <= 12 ) { //min font size
		$size: 12px;
	}

	font-size: $size;
}


/**
 * [sronly description]
 */
@mixin uikit-core-sronly() {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}
{'fraction_non_alphanumeric': 0.1979162524356782, 'fraction_numerical': 0.04406092177993399, 'mean_word_length': 4.643626570915619, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '654041', 'n_tokens_mistral': 12126, 'n_tokens_neox': 10917, 'n_words': 1755}