{
	"nodes":[
		{"type":"text","text":"---\ncssclasses: cc-border-none, cc-card-transparent\n---\n\nCanvas Candy changes the way a card in a Canvas drawing appears. These changes are all called decorations. Notice the following cards:","id":"8d752114bfd575f3","x":-1646,"y":-1460,"width":666,"height":80},
		{"type":"text","text":"---\ncssclasses: cc-border-none, cc-card-transparent\n---\n\nNotice how each card has a different border type. Card 1 is a standard card from Obsidian. Card 2 is the same shape, but has a decoration added to give it a double-line border. Card 3 and Card 4 also have different decorations, dashed and dotted borders.\n#### What is a decoration?\nA decoration is like a command that tells Obsidian to transform a card to appear in a differently. You might think of a decoration like a real item you might use in your house to make it look nicer and more like home. You can add a decoration or multiple decorations to a card to change how it appears.\n\nCanvas Candy uses Obsidian cssclasses and callouts with unique names as a way for us to define the type of decoration. If you are unfamiliar with cssclasses or callouts in Obsidian, we recommend you stop this tutorial and read about them in:\n\n- [cssclasses properties](https://help.obsidian.md/Editing+and+formatting/Properties#Property+format)\n- [Callouts](https://help.obsidian.md/Editing+and+formatting/Callouts). \n\nFor the remainder of this tutorial, we assume you know how to use cssclass and callouts. Just remember, you can only use Canvas Candy with cssclasses and callouts. Returning to our previous examples, if you click on Card 1, you'll see it is empty, it has no contents. However, Card 2 contains the following text:\n\n```\n---\n\ncssclasses: cc-border-double\n---\n\n```\n\n","id":"d76f268c4f7efdc9","x":-1646,"y":-1200,"width":726,"height":545},
		{"type":"text","text":"---\ncssclasses: cc-border-left, cc-border-right, cc-border-dashed\n---\n\n# Lesson 1: Getting Started","id":"6d9024f120b35987","x":-1637,"y":-1540,"width":680,"height":80,"color":"6"},
		{"type":"text","text":"---\ncssclasses: cc-border-none, cc-card-transparent\n---\n\nCard 2","id":"b5d39e6f371f70e8","x":-1437,"y":-1230,"width":117,"height":50},
		{"type":"text","text":"---\ncssclasses: cc-border-none, cc-card-transparent\n---\n\nCard 3","id":"38b3d097be6107ae","x":-1262,"y":-1228,"width":117,"height":50},
		{"type":"text","text":"---\ncssclasses: cc-border-none, cc-card-transparent\n---\n\nCard 4","id":"cdc9d3c1a4a82ea8","x":-1074,"y":-1228,"width":117,"height":50},
		{"type":"text","text":"","id":"e3c97aac4b3e36a8","x":-1637,"y":-1358,"width":152,"height":126,"color":"5"},
		{"type":"text","text":"---\ncssclasses: cc-border-double\n---","id":"80e7d365ea97e00f","x":-1461,"y":-1358,"width":152,"height":126,"color":"5"},
		{"type":"text","text":"---\ncssclasses: cc-border-dashed\n---","id":"4c7a75a590fa6500","x":-1285,"y":-1356,"width":152,"height":126,"color":"5"},
		{"type":"text","text":"---\ncssclasses: cc-border-dotted\n---","id":"6ff115478cf09296","x":-1109,"y":-1356,"width":152,"height":126,"color":"5"},
		{"type":"text","text":"---\ncssclasses: cc-border-none, cc-card-transparent\n---\n\nCard 1\n\n","id":"71fd36f9bde6f911","x":-1617,"y":-1230,"width":112,"height":50},
		{"type":"text","text":"---\ncssclasses: cc-border-rounded,  cc-border-right, cc-card-center, cc-card-gradient-0deg\n---\n\n[[Lesson 02 - Decorating a card.canvas|Next]]","id":"1282d38fff8cabe9","x":-1097,"y":-655,"width":140,"height":60}
	],
	"edges":[]
}