Initial implementation of item page (disabled)

2015-02-08 15:02:39 -08:00
parent 0f73fc18a0
commit 97a27f138f
18 changed files with 363 additions and 83 deletions
@@ -0,0 +1,68 @@
+/*
+Crafting Guide - item_page.scss
+
+Copyright (c) 2014 by Redwood Labs
+All rights reserved.
+*/
+
+.view__item_page {
+    & > div {
+        vertical-align: top;
+        display: inline-block;
+    }
+
+    .sidebar {
+        position: relative; width: 18.75%;
+        padding: 1em;
+
+        .titleImage {
+            position: relative; height: 16em; width: 16em;
+            margin-bottom: 2em;
+
+            img {
+                position: relative; width: 100%;
+                @include pixel-image;
+            }
+        }
+    }
+
+    .mainBody {
+        position: relative; width: 81.25%;
+        padding: 1em;
+        padding-top: 2em;
+
+        .name {
+            font-family: $font-family-header;
+            font-size: $font-size-x-large;
+            margin: 0;
+        }
+
+        .byline {
+            display: none;
+            margin: 0.25em 0 2em 0;
+
+            p {
+                font-family: $font-family-normal;
+                font-size: $font-size-normal;
+                font-style: italic;
+            }
+        }
+
+        .description {
+            margin-bottom: 4em;
+
+            p {
+                font-family: $font-family-normal;
+                font-size: $font-size-large;
+            }
+        }
+
+        .usedInMaking {
+            display: none;
+        }
+
+        .similar {
+            display: none;
+        }
+    }
+}