[add] init less

css/Makefile

@@ -0,0 +1,22 @@
+
+SRC=	main.less
+
+OUTPUT=		../public/crosswords.min.css
+
+CLOSURE=	closure-compiler-v20170218.jar
+
+all: ${OUTPUT}
+
+debug:
+	lessc ${SRC} ${OUTPUT}
+
+${OUTPUT}:
+	lessc --clean-css ${SRC} ${OUTPUT}
+
+clean:
+	$(RM) $(OUTPUT)
+
+re:	clean all
+
+.PHONY: all debug clean re
+

css/main.less

@@ -0,0 +1,31 @@
+
+@cell-size: 60px;
+@border-color: darkblue;
+@disabled-color: #030405;
+
+.crossword-line {
+    display: block;
+    height: @cell-size;
+
+    .cell {
+        display: inline-block;
+        width: @cell-size;
+        height: 100%;
+        border-left: 1px solid @border-color;
+        border-top: 1px solid @border-color;
+
+        &:last-child {
+            border-right: 1px solid @border-color;
+        }
+
+        &.cell-disabled {
+            background: @disabled-color;
+            border-color: @disabled-color;
+        }
+    }
+
+    &:last-child .cell {
+        border-bottom: 1px solid @border-color;
+    }
+}
+

public/crosswords.min.css

@@ -0,0 +1 @@
+.crossword-line{display:block;height:60px}.crossword-line .cell{display:inline-block;width:60px;height:100%;border-left:1px solid #00008b;border-top:1px solid #00008b}.crossword-line .cell:last-child{border-right:1px solid #00008b}.crossword-line .cell.cell-disabled{background:#030405;border-color:#030405}.crossword-line:last-child .cell{border-bottom:1px solid #00008b}