craftingguide/website
1
0
Fork 0
Code Pull Requests Actions Activity

Add initial version of the home page

Browse Source
This commit is contained in:
Andrew Miner
2015-02-28 18:52:34 -08:00
parent 7210245cc6
commit 43dfec7e04
13 changed files with 284 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/css/classes.scss
+53 -6
View File
@@ -22,6 +22,48 @@ All rights reserved.
.error-new { background: $color-error-new !important; }
.sidebar {
position: relative; width: 18.75%;
display: inline-block;
padding: 1em;
vertical-align: top;
.titleImage {
position: relative; height: 16em; width: 16em;
margin-bottom: 2em;
a {
position: relative; width: 100%;
img {
@include pixel-image;
}
}
}
.externalLink {
position: relative; width: 80%;
margin: 0 10%;
display: none;
p {
font-family: $font-family-normal;
font-size: $font-size-normal;
text-align: center;
}
}
}
.mainBody {
position: relative; width: 81.25%;
display: inline-block;
padding: 1em;
padding-top: 2em;
vertical-align: top;
}
.section {
margin-top: 3em;
@@ -31,14 +73,19 @@ All rights reserved.
margin-bottom: 0.5em;
}
h3 {
font-family: $font-family-header;
font-size: $font-size-normal;
margin: 2em 0 0 0.5em;
}
.entry {
position: relative; width: 100%;
padding: 0 2em;
}
.panel {
background: white;
padding: 1em;
& > div {
position: relative; width: 33%;
display: inline-block;
padding: 0.5em;
}
}
}
src/css/templates/home_page.scss
+56
View File
@@ -0,0 +1,56 @@
/*
Crafting Guide - home_page.scss
Copyright (C) 2015 by Redwood Labs
All rights reserved.
*/
.view__home_page {
h2 {
font-size: $font-size-x-large;
}
p {
font-family: $font-family-normal;
font-size: $font-size-normal;
line-height: 1.25em;
margin: 1em 0;
&:first-child {
margin-top: 0;
}
&:last-child {
margin-bottom: 0;
}
}
li {
font-family: $font-family-normal;
font-size: $font-size-normal;
margin-bottom: 0.5em;
}
ol {
list-style-type: decimal;
margin: 0.5em 4em 2em 4em;
}
ul {
list-style: disc outside;
margin: 0.5em 4em 2em 4em;
}
.intro {
font-size: $font-size-large;
}
.section:first-child {
margin-top: 0;
}
.section-link {
color: $color-active;
font-weight: bold;
}
}
src/css/templates/index.scss
+1
View File
@@ -10,6 +10,7 @@ All rights reserved.
@import 'crafting_table';
@import 'feedback';
@import 'full_recipe';
@import 'home_page';
@import 'inventory';
@import 'inventory_table';
@import 'item';
src/css/templates/item_page.scss
+8 -31
View File
@@ -13,38 +13,7 @@ All rights reserved.
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;
}
}
a {
position: relative; width: 80%;
margin: 0 10%;
display: none;
p {
font-family: $font-family-normal;
font-size: $font-size-normal;
text-align: center;
}
}
}
.mainBody {
position: relative; width: 81.25%;
padding: 1em;
padding-top: 2em;
h1.name {
font-family: $font-family-header;
font-size: $font-size-x-large;
@@ -92,4 +61,12 @@ All rights reserved.
display: none;
}
}
.panel {
& > div {
position: relative; width: 33%;
display: inline-block;
padding: 0.5em;
}
}
}
src/css/templates/mod_page.scss
-27
View File
@@ -14,42 +14,15 @@ All rights reserved.
}
.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;
}
}
.version {
position: relative; width: 80%;
margin: 0 10%;
margin-bottom: 1em;
}
a {
position: relative; width: 80%;
margin: 0 10%;
display: none;
p {
font-family: $font-family-normal;
font-size: $font-size-normal;
text-align: center;
}
}
}
.mainBody {
position: relative; width: 81.25%;
padding: 1em;
padding-top: 2em;
.name {
font-family: $font-family-header;