Refactor website with new design & structure

2016-04-03 19:30:15 -07:00
parent ec7e8c883d
commit d69585facd
406 changed files with 7411 additions and 37859 deletions
@@ -0,0 +1,94 @@
+//
+// Crafting Guide - item_page.scss
+//
+// Copyright © 2014-2016 by Redwood Labs
+// All rights reserved.
+//
+
+.view__mod_page {
+    @include layout-body-with-sidebar;
+
+    .about {
+        margin-bottom: $size-margin-xlarge;
+
+        display: flex;
+
+        .left {
+            flex: 0 0 auto;
+            margin-right: $size-margin-large;
+
+            img {
+                height: $size-minecraft-block * 5;
+                width: $size-minecraft-block * 5;
+            }
+        }
+
+        .center {
+            flex: 1 1 100%;
+            margin-right: $size-margin-large;
+
+            .title {
+                font-family: $font-family-header;
+                font-size: $font-size-xxlarge;
+            }
+
+            .author {
+                font-family: $font-family-text;
+                font-size: $font-size-medium;
+
+                &:before {
+                    content: "by: "
+                }
+            }
+
+            .description {
+                margin-top: $size-margin-large;
+
+                font-family: $font-family-text;
+                font-size: $font-size-medium;
+                line-height: $font-size-medium * 1.25;
+            }
+
+            .version {
+                margin-top: $size-margin-large;
+
+                font-family: $font-family-control;
+                font-size: $font-size-medium;
+
+                display: flex;
+                align-items: baseline;
+
+                span {
+                    flex: 0 0 auto;
+
+                    margin-right: $size-margin-medium;
+                }
+
+                select {
+                    flex: 1 1 100%;
+
+                    font-family: $font-family-control;
+                    font-size: $font-size-medium;
+                }
+            }
+
+            .warning {
+                margin-top: $size-margin-medium;
+
+                color: $color-error;
+                font-family: $font-family-text;
+                font-size: $font-size-small;
+                line-height: $font-size-small * 1.25;
+
+                b {
+                    font-weight: bold;
+                }
+            }
+        }
+
+        .right {
+            flex: 0 0 auto;
+            @include layout-link-list;
+        }
+    }
+}