@financial-times/o-grid/origami.json

A 12 column responsive, flexbox-based grid system for laying out documents, templates and components.

{
	"origamiType": "component",
	"origamiVersion": "2.0",
	"support": "https://github.com/Financial-Times/origami/issues/new?labels=o-grid,components",
	"supportContact": {
		"email": "origami.support@ft.com",
		"slack": "financialtimes/origami-support"
	},
	"supportStatus": "active",
	"browserFeatures": {
		"required": [
			"css-boxsizing",
			"Map",
			"Array.prototype.includes"
		]
	},
	"demosDefaults": {
		"template": "demos/src/layout.mustache",
		"js": "demos/src/js/layout-change-events.js"
	},
	"demos": [
		{
			"name": "default",
			"title": "Default Grid",
			"sass": "demos/src/scss/default.scss",
			"description": "Grid with all default settings"
		},
		{
			"name": "snappy",
			"title": "Snappy Grid",
			"sass": "demos/src/scss/snappy.scss",
			"description": "Responsive grid that snaps between a larger fixed layout at each breakpoint"
		},
		{
			"name": "resized",
			"title": "Responsive Grid",
			"sass": "demos/src/scss/resized.scss",
			"description": "Responsive grid with breakpoints reallocated to 400px, 800px and 1000px and gutters halved"
		},
		{
			"name": "always-fixed",
			"title": "Fixed Grid",
			"sass": "demos/src/scss/always-fixed.scss",
			"description": "Fixed grid at 610px across all browsers and devices. Should always be fixed at the large layout"
		}
	]
}