Alec Perkins alecperkins

String

A read-only output of the current value of the specified variable <var_name>. The text is the default value, though it will be replaced when the HTML version loads.

[<text>]{<var_name>}


	#sidebar

	.sidebar-item.open
	.title Item 1
	.info
	label Some controls
	input(type='checkbox')
	label More controls
	input(type='checkbox')

	#nav
	button item 1
	button item 2
	button item 3

	#panel
	h1 ☰ Hello world!

	p Swipe with three fingers to the right to reveal the nav panel

	// handhelds
	$break_small: 640px
	// narrow-screeens
	$break_medium: 980px
	// full-screens
	$break_large: 1400px
	// wide-screens
	$break_extra_large: 1600px
	// extra-wide-screens

	# Since CoffeeScript wraps everything in a closure by default, the module
	# definition function pattern that Marionette normally uses is unnecessary.
	# (And cumbersome with having to indent everything.) Instead, creating the
	# module at the very begining makes it available to everything in the file, and
	# the initializers and exported classes can be added at the end of the file.
	# (This relies on things like the App and Backbone being on window, but they
	# already have to be for CoffeeScript-based code to work.)

	# Create the module.
	Foo = App.module 'Foo'

	h1 Emotional feedback to comments:

	#score

	textarea
	\| Stupid liberals always trying to free lame animals. Eat pandas.

	canvas#feedback(width=720, height=300)

	h2 Examples

	/* Hand cursor indicating the "wedge" is clickable. */
	.node-icon {
	cursor: pointer !important;
	}

	/* Keep the line-length of individual nodes from getting too wide. */
	.concord-text {
	max-width: 48em;
	}

	"""
	$ pip install opml
	$ python opml_to_markdown.py some_outline.opml
	-> some_outline.md
	"""

	import codecs
	import opml
	import sys

	.Image, .Text {
	border: 1px solid red;
	}
	.Image {
	border-color: green;
	}
	.Image, .Text {
	border: 1px solid red;
	}
	.Text {