Initial version of the new crafting table

src/css/templates/crafting_grid.scss

@@ -0,0 +1,17 @@
+/*
+Crafting Table - crafting_grid.scss
+
+Copyright (c) 2014-2015 by Redwood Labs
+All rights reserved.
+*/
+
+.view__crafting_grid {
+
+    img {
+        position: relative; height:4.8em; width: 4.8em;
+    }
+
+    td {
+        border: 1px solid $color-gray-light;
+    }
+}

src/css/templates/crafting_table.scss

@@ -6,49 +6,16 @@ All rights reserved.
 */
 
 .view__crafting_table {
+    min-height: 14em;
+    width: 100%;
 
-    .recipe_selector {
+    .panel {
+        position: absolute; top: 5em; right: 2em; bottom: 0; left: 2em;
         background: $color-table-background;
-        padding: 1em;
-        position: relative; width: 100%;
 
-        & > * {
-            display: inline;
-            margin-left: 0.5em;
-
-            &:first-child { margin-left: 0; }
-        }
-
-        input[type="checkbox"] + label { margin-left: 0; }
-
-        input[name="name"] { width: 60%; }
-    }
-
-    h3 {
-        margin-bottom: 0.5em;
-    }
-
-    table.main {
-        background: $color-table-background; width: 100%;
-
-        td.list {
-            position: relative;
-            border-left: 0.1em solid $color-gray-light;
-            min-height: 12em;
-            padding: 0 1em 1em 1em;
-            width: 25%;
-
-            &:first-child { border-left: 0; }
+        .view__crafting_grid {
+            position: absolute; top: 50%; left: 33%;
+            @include transform(translate(-50%, -50%));
         }
     }
-
-    textarea, table.list {
-        position: relative; height: 100%; width: 100%;
-        font-size: $font-size-normal;
-        padding: 0.2em;
-    }
-
-    textarea { font-family: $font-family-input; resize: vertical; }
-
-    ul { font-family: $font-family-normal; }
 }

src/css/templates/index.scss

@@ -5,6 +5,7 @@ Copyright (c) 2014-2015 by Redwood Labs
 All rights reserved.
 */
 
+@import 'crafting_grid';
 @import 'crafting_table';
 @import 'inventory';
 @import 'item_page';

src/css/templates/inventory.scss

@@ -44,11 +44,11 @@ All rights reserved.
     }
 
     td {
-        height: 3.6em;
+        height: 2.4em;
         padding-bottom: 0.25em;
 
         &:nth-child(1) {
-            width: 3.6em;
+            width: 2.4em;
 
             input {
                 border-radius: 0.75em;
@@ -75,7 +75,10 @@ All rights reserved.
         }
 
         &:nth-child(3) {
-            width: 3.6em;
+            width: 2.4em;
+            text-align: right;
+
+            img { width: 2.4em; height: 2.4em; }
 
             button {
                 width: 100%;

src/css/templates/item_page.scss

@@ -17,5 +17,7 @@ All rights reserved.
 
     .view__inventory { width: 50%; height: 26em; }
 
+    .view__crafting_table { width: 50%; height: 26em; }
+
     .view__mod_pack { margin-top: 2em; width: 100%; }
 }

src/css/templates/stack.scss

@@ -13,7 +13,7 @@ All rights reserved.
         border-radius: 0.75em;
         background: $color-ice;
         color: $color-table-background;
-        font-size: $font-size-large;
+        font-size: $font-size-normal;
         font-weight: bold;
         text-align: center;
         min-width: 3em;
@@ -23,7 +23,7 @@ All rights reserved.
 
     .name {
         display: inline;
-        font-size: $font-size-large;
+        font-size: $font-size-normal;
     }
 
     img {