URL Extensions

On any Pen, you can access the code that was written inside it, directly in text format, by adding extensions to the Pen's URL.

For instance, here's a Pen URL:
http://codepen.io/chriscoyier/pen/gHnGD

You can access the HTML, CSS, and JavaScript directly at these URLs:
http://codepen.io/chriscoyier/pen/gHnGD.html
http://codepen.io/chriscoyier/pen/gHnGD.css
http://codepen.io/chriscoyier/pen/gHnGD.js

But actually, SCSS was used to create that Pen. The .css URL shows you the processed CSS. To access the SCSS directly, you'd use:
http://codepen.io/chriscoyier/pen/gHnGD.scss

Depending on the Pen preprocessor options, this is what you have access to:

	If a Pen is…	Raw Code	Preprocessed Code
HTML	Raw HTML	.html	N/A
	Markdown	.markdown	.html
	Slim	.slim	.html
	HAML	.haml	.html
CSS	Raw CSS	.css	N/A
	Sass	.sass	.css
	SCSS	.scss	.css
	LESS	.less	.css
JS	Raw JS	.js	N/A
JS	CoffeeScript	.coffee	.js
LiveScript	.livescript	.js