allow <- -> for horizontal alignment

lib/justify-self.js

@@ -1,7 +1,7 @@
 module.exports = function getJustifySelf(zone) {
 
-	let leftIndicator  = zone.content.search(/[←<]/),
-	    rightIndicator = zone.content.search(/[→>]/);
+	let leftIndicator = zone.content.search(/←|<-*/),
+		rightIndicator = zone.content.search(/→|-*>/);
 
 	if (leftIndicator >= 0 && rightIndicator > leftIndicator)
 		return "stretch"

lib/parse.js

@@ -82,7 +82,7 @@ function getZones({ rows, cols, colIndexes, rowIndexes, options }) {
 
 function getZoneSelector(zone, options) {
 	return options.selectorParser(zone.content
-		.replace(/[^\w]v[^\w]|[^\w#.:\-[\]()]/g, "")
+		.replace(/[^\w]v[^\w]|→|-*>|←|<-*|[^\w#.:\-[\]()]/g, "")
 		.replace(/^:(\d+)$/, "*:nth-child($1)") // :2 => *:nth-child(2)
 		.replace(/(^[\w-]+):(\d+)$/, "$1:nth-of-type($2)") // button:1 => button:nth-of-type(1)
 	)

test.js

@@ -407,6 +407,32 @@ test('grid template areas', async t => {
 
 });
 
+test('zone justify-self', async t => {
+	let output = await process(
+		`div {
+		grid-kiss:
+		   "+-----------+  +------------+   "
+		   "|           |  |  ^         |   "
+		   "|           |  | bar ->     |   "
+		   "|  v        |  +------------+   "
+		   "| baz <--   |                   "
+		   "|  ^        |  +------------+   "
+		   "|           |  |            |   "
+		   "+-----------+  |            |   "
+		   "               |   → foo ←  |   "
+		   "+-----------+  |            |   "
+		   "|   < qux > |  |            |   "
+		   "|      v    |  |            |   "
+		   "+-----------+  +------------+   "
+	}`);
+
+	t.is(output["div > baz"]["justify-self"], "start");
+	t.is(output["div > bar"]["justify-self"], "end");
+	t.is(output["div > qux"]["justify-self"], "stretch");
+	t.is(output["div > foo"]["justify-self"], "center");
+
+});
+
 test('zone align-self', async t => {
 	let output = await process(
 		`div {