Initial commit.

.gitattributes

@@ -0,0 +1 @@
+* text=auto

.gitignore

@@ -0,0 +1 @@
+.DS_Store

README.md

@@ -0,0 +1,7 @@
+# [Mothereffing web developer tools](http://mothereff.in/)
+
+This repository uses separate HTML and external CSS and JS files for clarity. On the live site all of this is minified and inlined together into a single HTML file per tool.
+
+## Credits
+
+Made by [Mathias Bynens](http://mathiasbynens.be/).

ampersands/README.md

@@ -0,0 +1 @@
+Made by [Mathias Bynens](http://mathiasbynens.be/).

ampersands/eff.css

@@ -0,0 +1,111 @@
+html, textarea {
+	font: 1em/1.6 sans-serif;
+}
+
+body {
+	max-width: 40em;
+	padding: 0 1em;
+}
+
+h1 {
+	text-align: center;
+	font-size: 1.3em;
+	margin: 0 0 .5em;
+	padding-top: 1em;
+}
+
+a {
+	color: #333;
+	text-decoration: none;
+	border-bottom: 1px solid #aaa;
+	padding: .1em .2em;
+}
+
+a:hover, a:focus {
+	color: #fff;
+	border-color: #036;
+	background: #36c;
+}
+
+#output a, textarea, code {
+	font-family: Monaco, Consolas, monospace;
+}
+
+#output a {
+	float: right;
+}
+
+#output p:first-child {
+	margin-top: 0;
+}
+
+#output p:last-child, #output ul:last-child {
+	margin-bottom: 0;
+}
+
+code {
+	font-size: .9em;
+	white-space: pre;
+	white-space: pre-wrap;
+	word-wrap: break-word;
+}
+
+ul {
+	margin-bottom: 0;
+}
+
+
+blockquote {
+	margin: 0 0 1em;
+	border-left: .5em solid #e3e3e3;
+	padding-left: 10px;
+}
+
+#footer {
+	margin-top: 2em;
+	text-align: center;
+}
+
+textarea {
+	background: #eee;
+	border: 3px double grey;
+	width: 100%;
+	-moz-box-sizing: border-box;
+	-webkit-box-sizing: border-box;
+	box-sizing: border-box;
+	display: block;
+	margin: 1em 0 .5em;
+	padding: .7em;
+	resize: vertical;
+	min-height: 9.5em;
+}
+
+#output {
+	padding: .5em;
+	border: 3px double green;
+	background: #90ee90;
+}
+
+#output.fail {
+	border-color: red;
+	background: #ffb6c1;
+}
+
+@media (min-width: 50em) {
+
+	html {
+		font-size: 1.2em;
+		background: #c4c4c4;
+		height: 100%;
+	}
+
+	body {
+		margin: 0 auto;
+		padding: 0 2em;
+		min-height: 100%;
+		background: #fff;
+		border: solid #aaa;
+		border-width: 0 1px;
+	}
+
+}