Re-added commented out Hashgrid JS & CSS which is used during development.

morgant · morgant · commit e4c93cfa4c24 · 2014-06-15T18:02:18.000-04:00
diff --git a/css/basic.css b/css/basic.css
@@ -1,4 +1,5 @@
 @import url('../css/advanced.css');
+/* @import url('../css/hashgrid.css'); */
 
 body {
     font-family: Verdana, Arial, sans-serif;
diff --git a/css/hashgrid.css b/css/hashgrid.css
@@ -0,0 +1,59 @@
+/**
+ * Grid
+ */
+#grid{
+
+    /* Dimensions - same width as your grid with gutters */
+    width: 864px;
+
+    /* Grid (left-aligned)
+    position: absolute;
+    top: 0;
+    left: 0;
+    */
+
+    /* Grid (centered) */
+    position: absolute;
+    top: 0;
+    left: 50%;
+    margin-left: -432px;
+
+}
+
+/**
+ * Vertical grid lines
+ *
+ * Set the column width taking the borders into consideration,
+ * and use margins to set column gutters.
+ */
+#grid div.vert{
+
+    width: 143px;
+    border: solid darkturquoise;
+    border-width: 0 1px;
+    margin-right: 23px;
+
+}
+
+#grid div.vert.first-line{
+
+    margin-left: 23px;
+
+}
+
+
+/**
+ * Horizontal grid lines, defined by your base line height
+ *
+ * Remember, the CSS properties that define the box model:
+ * visible height = height + borders + margins + padding
+ */
+#grid div.horiz{
+
+    /* 24px line height */
+    height: 23px;
+    border-bottom: 1px dotted darkgray;
+    margin: 0;
+    padding: 0;
+
+}
diff --git a/index.html b/index.html
@@ -5,6 +5,10 @@
 		<link rel="stylesheet" type="text/css" href="css/basic.css" />
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" />
+		<!--
+		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
+		<script type="text/javascript" src="https://rawgithub.com/dotjay/hashgrid/v8/hashgrid.js"></script>
+		-->
 	</head>
 	<body>
 		<h1>NewtonScript</h1>

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`@import url('../css/advanced.css');`
	`2`	`+/* @import url('../css/hashgrid.css'); */`
`2`	`3`
`3`	`4`	`body {`
`4`	`5`	`font-family: Verdana, Arial, sans-serif;`