Code

  1. Home
  2. Styles
  3. Code

The code block allows you to show a section of code. This is great for a tutorial post where you walk someone through how to create something in HTML, CSS, JavaScript, PHP or some other programming language.

color: {
  "palette": [
	{
		"slug": "background",
		"color": "#eeeeee",
		"name": "Background"
	},
	{
		"slug": "foreground",
		"color": "#000000",
		"name": "Foreground"
	},
	{
		"slug": "primary",
		"color": "#222831",
		"name": "Primary"
	},
	{
		"slug": "secondary",
		"color": "#393e46",
		"name": "Secondary"
	},
	{
		"slug": "tertiary",
		"color": "#00adb5",
		"name": "Tertiary"
	},
	{
		"slug": "white",
		"color": "#ffffff",
		"name": "White"
	},
	{
		"slug": "black",
		"color": "#000000",
		"name": "Black"
	},
	{
		"slug": "transparent",
		"color": "transparent",
		"name": "Transparent"
	},
	{
		"slug": "reverse",
		"color": "#ffffff",
		"name": "Reverse"
	}
  ],
}