ds2-core/src/pg/_config.pug

- var site = "DS2 core"
- var lang = "en-uk"
- var colorpfx =  "colour"
- var headings = ["What is it", "When to use it", "How to use it"]
- var root =  "."

- 
	var content = [ 
		{	
			name: "colours",
			status: "complete",
			core: true,
		}, 
		{ 	
			name: "components",
			status: "complete",
			template: "none",
			files: [
				{
					name: "sticky-note",
					status: "in-progress",
					core: true,
				},
				{
					name: "switch",
					status: "in-progress",
					core: true,
				},
				{
					name: "tooltip",
					status: "in-progress",
					core: true,
				},
			]
		},
		{ 	
			name: "layouts",
			status: "complete",
			template: "none",
			core: true,
			files: [
				{
					name: "header",
					status: "in-progress",
					core: true,
				}, 
				{
					name: "breakpoints",
					status: "in-progress",
					core: true,
				},
				{
					name: "tabs",
					status: "complete",
					core: true,
				},
			]
		},
		{
			name: "status",
			status: "complete",
			core: true,
		},
	]

- 
	var statuses = [
		{
			name: "not-started",
			color: "transparent",
		},
		{
			name: "in-progress",
			color: "var(--color-oj)", 
		},
		{
			name: "complete",
			color: "var(--color-lime)", 
		},
		{
			name: "deprecated",
			color: "var(--color-raspberry)",
		},
	]

- var generateSCSS = ["colours"]


-
	var colours = [
		{	name: "Blue",
			color: "rgb( 46,  81, 161)", 
			grad:{
				d: [
					{ n: "blue-d", c: "rgb( 19, 49,118)", d:""},
					{ n: "blue-xd", c: "rgb(  3, 18, 53)", d:""},
				],
				l: [
					{ n: "blue-l", c: "rgb( 92,122,191)", d:""},
					{ n: "blue-xl", c: "rgb(178,195,236)", d:""},
				]
			},
			// note: "This is my primary color"
		},
		{	name: "Grey", 
			color: "rgb(127, 127, 127)", 
			grad: {
				d: [
					{ n: "grey-d", c:"#4c4c4c", d:"Dark" },
					{ n: "grey-xd", c:"#4c4c4c", d:"Darker" },
					{ n: "black", c:"#000", d: "Black" },
					{ n: "dark", c: "#000", d: "Dark"},
				],
				l: [
					{ n: "grey-l", c:"#b2b2b2", d:"Light" },
					{ n: "grey-xl", c:"#d8d8d8", d:"Lighter" },
					{ n: "grey-xxl", c:"#f0f0f0", d:"Lightest" },
					{ n: "white", c:"#FFF", d:"White" },
					{ n: "page", c:"#FFF", d:"Default page" },
					{ n: "light", c:"#FFF", d:"Light" },
				]
			},
		}
	]