//- This file is used to generate ../scss/_core.scss and will overwrite what is in that include.

- 
	var out = `//		DS2 core (c) 2024 Alexander McIlwraith\n//		Licensed under CC BY-SA 4.0 \n\n\n/* Core Code\n
		This file is generates _core.scss using information in ../pg/_config.pug.
		Please make your changes in your _config.pug file so that they are not
		overwritten. \n*/\n\n\n`
| !{out}


include ../_config
include _colour-samples
include _core-colour-samples.scss

- out = `\n\n//colour tokens\n$${colorpfx}: (`

each val in generateColourToken
	- out += generateSCSS(eval(val), colorpfx)

//- var scss = $colors
	| !{generateSCSS(eval(val), colorpfx)}

- out += ");\n:root {\n\t@each $name, $color in $" + colorpfx + " {\n\t\t--#{$name}: #{$color};\n\t}\n}"



//- This is the end of the statuses
- out += "\n\n\n// Statuses\n$statuses: (\n"
each status in statuses || []
	- out += `\t"${status.name}": ${status.color},\n`
-out += ");"


-
	out += `\n\nh1[class^="status"], h2[class^="status"], span[class^="status"] {
		&::after {
			$size: 1.5rem;
			border-radius: 50%;
			border: 1px solid #CCC;
			content: " ";
			display: inline-block;
			height: $size;
			margin-left: .5rem;
			position: relative;
			top: 2px;
			width: $size;
		}
	} 
	@each $name, $color in $statuses {
		.status-#{$name}::after {
			background-color: $color;
		}
	}`
//- / This is the end of the statuses

- out += "\n\n//! / Core Code\n\n"


| !{out}
