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

Restructure static files into a single directory

Browse Source
This commit is contained in:
Andrew Miner
2015-03-08 15:05:24 -07:00
parent 997b37ab7d
commit 0a6c185965
5053 changed files with 383 additions and 175 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/scss/templates/browse_page.scss
+14
View File
@@ -0,0 +1,14 @@
/*
Crafting Guide - browse_page.scss
Copyright (C) 2015 by Redwood Labs
All rights reserved.
*/
.view__browse_page {
.view__mod {
margin: 0 1em 1em 0;
width: 37em;
}
}
src/scss/templates/craft_page.scss
+26
View File
@@ -0,0 +1,26 @@
/*
Crafting Guide - craft_page.scss
Copyright (c) 2014-2015 by Redwood Labs
All rights reserved.
*/
.view__craft_page {
& > div {
display: inline-block;
margin-top: 2em;
padding: 0 2em;
position: relative;
vertical-align: top;
}
.view__inventory { width: 50%; height: 30em; }
.view__crafting_table { width: 50%; height: 30em; }
.want label {
position: absolute; top: 50%; left: 0.5em;
@include transform(translateY(-50%));
}
}
src/scss/templates/crafting_grid.scss
+21
View File
@@ -0,0 +1,21 @@
/*
Crafting Table - crafting_grid.scss
Copyright (c) 2014-2015 by Redwood Labs
All rights reserved.
*/
.view__crafting_grid {
border: 0.2em solid $color-gray-medium;
img {
position: relative; height:4.8em; width: 4.8em;
}
td {
height: 4.8em; width: 4.8em;
background: $color-gray-faint;
border: 0.1em solid $color-gray-light;
padding: 0.1em;
}
}
src/scss/templates/crafting_table.scss
+62
View File
@@ -0,0 +1,62 @@
/*
Crafting Table - crafting_table.scss
Copyright (c) 2014-2015 by Redwood Labs
All rights reserved.
*/
.view__crafting_table {
min-height: 14em;
width: 100%;
.panel {
position: absolute; top: 3.6em; right: 2em; bottom: 0; left: 2em;
background: $color-background-panel;
.next {
background: url('/images/arrow-right-disabled.png');
position: absolute; top: 50%; right: 1em; height: 8em; width: 4em;
@include transform(translateY(-50%));
&.enabled {
background: url('/images/arrow-right.png');
cursor: pointer;
&:hover { background: url('/images/arrow-right-hover.png'); }
}
}
.view__minimal_recipe {
position: absolute; top: 50%; left: 50%;
@include transform(translate(-50%, -50%));
}
.prev {
background: url('/images/arrow-left-disabled.png');
position: absolute; top: 50%; left: 1em; height: 8em; width: 4em;
@include transform(translateY(-50%));
&.enabled {
background: url('/images/arrow-left.png');
cursor: pointer;
&:hover { background: url('/images/arrow-left-hover.png'); }
}
}
.problem {
position: absolute; bottom: 1em; right: 1em;
a {
color: $color-gray-light;
cursor: pointer;
font-size: $font-size-normal;
text-decoration: underline;
&:hover {
color: $color-gray-medium;
}
}
}
}
}
src/scss/templates/feedback.scss
+84
View File
@@ -0,0 +1,84 @@
/*
Crafting Guide - feedback.scss
Copyright (c) 2014 by Redwood Labs
All rights reserved.
*/
.view__feedback {
position: fixed; top: 50%; left: -30em; width: 25em;
@include transform(translateY(-50%));
background: white;
border: 0.2em solid $color-gray-dark;
border-left: 0;
border-right: 0.1em solid $color-gray-faint;
box-size: border-box;
box-shadow: 0.3em 0.3em 0.6em 0 $color-gray-shadow;
padding: 2em;
z-index: $layer-dialog;
.error {
background: white;
clear: both;
display: none;
margin-top: 4em;
text-align: center;
p {
color: $color-error-new;
font-family: $font-family-normal;
font-size: $font-size-small;
}
}
.label {
position: absolute; top: -0.2em; right: -4.5em; bottom:-0.2em; width: 4.5em;
background: $color-gray-faint;
border: 0.2em solid $color-gray-dark;
border-bottom-right-radius: 1.0em;
border-left: 0;
border-top-right-radius: 1.0em;
box-shadow: 0.3em 0.3em 0.6em 0 $color-gray-shadow;
cursor: pointer;
text-align: center;
z-index: $layer-dialog - 1;
img {
position: absolute; top: 0.5em; left: 50%; height: 3.6em; width: 3.6em;
@include transform(translateX(-50%));
}
p {
position: absolute; top: 50%; left: 50%;
@include transform(translateX(-50%) rotate(-90deg));
font-family: $font-family-header;
font-size: $font-size-x-large;
}
}
button[name="send"] {
float: right;
margin-top: 0.5em;
}
input {
position: relative; width: 100%;
border: 1px solid $color-gray-light;
box-sizing: border-box;
margin-bottom: 1em;
padding: 0.2em;
}
textarea {
border: 1px solid $color-gray-light;
position: relative; height: 11.5em; width: 100%;
font-family: $font-family-input;
font-size: $font-size-normal;
resize: vertical;
}
}
src/scss/templates/full_recipe.scss
+57
View File
@@ -0,0 +1,57 @@
/*
Crafting Table - full_recipe.scss
Copyright (c) 2014-2015 by Redwood Labs
All rights reserved.
*/
.view__full_recipe {
display: block;
& > div {
position: relative; width: 33%;
display: inline-block;
vertical-align: top;
}
.pattern {
.view__crafting_grid {
position: relative; left: 50%;
@include transform(translateX(-50%));
}
.tool {
margin-top: 0.5em;
text-align: center;
p {
font-weight: bold;
}
}
}
.input {
.view__inventory {
width: 100%;
}
}
.tool {
a {
color: $color-text;
font-family: $font-family-normal;
font-size: $font-size-normal;
font-weight: bold;
text-decoration: none;
&:hover {
color: $color-link;
text-decoration: underline;
}
}
}
h3 {
margin-top: 0; margin-left: 0;
}
}
src/scss/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/scss/templates/index.scss
+24
View File
@@ -0,0 +1,24 @@
/*
Crafting Guide - templates/index.scss
Copyright (c) 2014-2015 by Redwood Labs
All rights reserved.
*/
@import 'browse_page';
@import 'crafting_grid';
@import 'craft_page';
@import 'crafting_table';
@import 'feedback';
@import 'full_recipe';
@import 'home_page';
@import 'inventory';
@import 'inventory_table';
@import 'item';
@import 'item_page';
@import 'minimal_recipe';
@import 'mod';
@import 'mod_pack';
@import 'mod_page';
@import 'mod_selector';
@import 'stack';
src/scss/templates/inventory.scss
+85
View File
@@ -0,0 +1,85 @@
/*
Crafting Guide - inventory.scss
Copyright (c) 2014-2015 by Redwood Labs
All rights reserved.
*/
.view__inventory {
min-height: 14em;
width: 100%;
.edit td {
padding-top: 1em;
}
.panel {
position: absolute; top: 3.6em; right: 2em; bottom: 0; left: 2em;
background: $color-background-panel;
text-align: right;
}
.scrollbox {
position: absolute; top: 0em; right: 0em; bottom: 3em; left: 0em;
padding: 0.5em 1em;
overflow: auto;
}
.toolbar {
position: absolute; right: 0; bottom: 0; left: 0; height: 3.5em;
background: $color-background-toolbar;
border-top: 1px solid $color-gray-light;
}
button[name="clear"] {
position: absolute; bottom: 0.5em; right: 0.5em;
}
input {
border: 1px solid $color-gray-light;
}
button:disabled {
background: white;
color: $color-gray-light;
}
table {
width: 100%;
}
td {
height: 2.4em;
vertical-align: middle;
}
td.icon {
width: 4.8em;
padding: 0 1em;
img {
width: 100%; height: auto;
max-height: 4.8em;
}
}
td.name {
text-align: left;
padding-right: 1em;
input {
width: 100%;
border: 0;
border-bottom: 1px dashed $color-gray-light;
outline: 0;
&:focus {
border: 1px solid $color-gray-light;
}
}
}
td.action {
width: 4em;
}
}
src/scss/templates/inventory_table.scss
+74
View File
@@ -0,0 +1,74 @@
/*
Crafting Guide - inventory_table.scss
Copyright (c) 2014-2015 by Redwood Labs
All rights reserved.
*/
.view__inventory_table {
table {
width: 100%;
td {
height: 2.4em;
vertical-align: middle;
}
td.quantity {
position: relative;
width: 2.4em;
input {
position: absolute; top: 50%; height: $font-size-small; width: 100%;
@include transform(translateY(-50%));
border-radius: 0.75em;
margin: 0 auto;
text-align: center;
max-width: 2.8em;
}
}
td.name {
text-align: left;
padding-right: 1em;
input {
width: 100%;
border: 0;
border-bottom: 1px dashed $color-gray-light;
outline: 0;
&:focus {
border: 1px solid $color-gray-light;
}
}
}
td.action {
width: 4em;
}
.edit td {
padding-top: 1em;
}
}
.toolbar {
position: relative; width: 100%;
background: $color-background-toolbar;
border-top: 1px solid $color-gray-light;
}
button:disabled {
background: white;
color: $color-gray-light;
}
button[name="clear"] {
position: absolute; bottom: 0.5em; right: 0.5em;
}
input {
border: 1px solid $color-gray-light;
}
}
src/scss/templates/item.scss
+49
View File
@@ -0,0 +1,49 @@
/*
Crafting Guide - item.scss
Copyright (c) 2015 by Redwood Labs
All rights reserved.
*/
.view__item {
display: inline-block;
padding: 0.5em;
a {
text-decoration: none;
width: 100%;
&:hover {
.itemName {
color: $color-link;
text-decoration: underline;
}
table {
background: $color-gray-faint;
}
}
}
table {
width: 100%;
}
td.itemName {
color: $color-text;
font-family: $font-family-normal;
font-size: $font-size-normal;
font-weight: bold;
padding-left: 1em;
text-align: left;
vertical-align: middle;
}
td.itemIcon {
width: 3.6em;
img {
height: 3.6em; width: 3.6em;
}
}
}
src/scss/templates/item_page.scss
+68
View File
@@ -0,0 +1,68 @@
/*
Crafting Guide - item_page.scss
Copyright (c) 2014 by Redwood Labs
All rights reserved.
*/
.view__item_page {
display: none;
& > div {
vertical-align: top;
display: inline-block;
}
.mainBody {
h1.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;
}
}
.recipes {
display: none;
.view__full_recipe {
width: 100%;
margin-top: 3em;
&:first-child {
margin-top: 0;
}
}
}
.similar {
display: none;
}
.usedToMake {
display: none;
}
}
.view__item {
position: relative; width: 33%;
}
}
src/scss/templates/minimal_recipe.scss
+62
View File
@@ -0,0 +1,62 @@
/*
Crafting Table - minimal_recipe.scss
Copyright (c) 2014-2015 by Redwood Labs
All rights reserved.
*/
.view__minimal_recipe {
position: relative; height: 20em; width: 26em;
.input {
position: absolute; top: 50%; left: 0;
@include transform(translateY(-50%));
.tool {
position: absolute; right: 0; bottom: -2em; left: 0; height: 1.5em;
text-align: center;
a {
color: $color-text;
font-family: $font-family-normal;
font-size: $font-size-normal;
font-weight: bold;
text-decoration: none;
&:hover {
color: $color-link;
text-decoration: underline;
}
}
}
}
.output {
position: absolute; top: 50%; right: 0; height: 5.3em; width: 5.3em;
@include transform(translateY(-50%));
background: $color-gray-faint;
border: 0.2em solid $color-gray-medium;
padding: 0.1em;
a {
position: absolute; top: 50%; left: 50%; height: 4.8em; width: 4.8em;
@include transform(translate(-50%, -50%));
}
.multiplier {
position: absolute; bottom: -2.0em; left: 0; right: 0; height: 1.5em;
font-family: $font-family-header;
font-size: $font-size-large;
text-align: center;
}
.quantity {
position: absolute; right: 0.1em; bottom: 0;
color: white;
font-family: $font-family-header;
font-size: $font-size-large;
text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}
}
}
src/scss/templates/mod.scss
+58
View File
@@ -0,0 +1,58 @@
/*
Crafting Guide - mod.scss
Copyright (C) 2015 by Redwood Labs
All rights reserved.
*/
.view__mod {
position: relative; height: 18em;
background: $color-background-panel;
display: inline-block;
padding: 0.2em;
text-decoration: none;
vertical-align: top;
transition:
height $animate-normal,
opacity $animate-normal;
&:hover {
border: 0.2em solid $color-link;
padding: 0;
.name {
color: $color-link;
text-decoration: underline;
}
}
&.empty {
height: 0;
}
&.removing {
height: 0;
opacity: 0;
}
.description {
margin: 1em;
}
a {
color: $color-text;
text-decoration: none;
}
h3 {
font-size: $font-size-normal;
margin-top: 1em;
}
img {
float: left;
margin: 1em;
}
}
src/scss/templates/mod_pack.scss
+33
View File
@@ -0,0 +1,33 @@
/*
Crafting Guide - mod_versions.scss
Copyright (c) 2014-2015 by Redwood Labs
All rights reserved.
*/
.view__mod_pack {
input {
border: 0; font-size: 1.5em; width: 90%;
}
.mods {
position: relative; width: 100%;
padding: 1em;
}
.panel {
background: white;
}
.toolbar {
position: relative; width: 100%;
margin-top: 1em;
padding: 1em 1em;
text-align: left;
button {
position: relative; width: 20em;
}
}
}
src/scss/templates/mod_page.scss
+55
View File
@@ -0,0 +1,55 @@
/*
Crafting Guide - mod_page.scss
Copyright (c) 2014 by Redwood Labs
All rights reserved.
*/
.view__mod_page {
display: none;
& > div {
vertical-align: top;
display: inline-block;
}
.sidebar {
.version {
position: relative; width: 80%;
margin: 0 10%;
margin-bottom: 1em;
}
}
.mainBody {
.name {
font-family: $font-family-header;
font-size: $font-size-x-large;
margin: 0;
}
.byline {
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;
}
}
}
.view__item {
position: relative; width: 33%;
}
}
src/scss/templates/mod_selector.scss
+36
View File
@@ -0,0 +1,36 @@
/*
Crafting Table - mod.scss
Copyright (c) 2014-2015 by Redwood Labs
All rights reserved.
*/
.view__mod_selector {
position: relative; width: 100%;
display: table-row;
div, p {
display: table-cell;
padding: 0.4em;
}
.version {
width: 12em;
select {
position: relative; width: 100%;
}
}
.name {
width: 18em;
p {
text-decoration: underline;
}
}
&.disabled {
p { color: $color-gray-light; }
}
}
src/scss/templates/stack.scss
+94
View File
@@ -0,0 +1,94 @@
/*
Crafting Guide - stack.scss
Copyright (c) 2014-2015 by Redwood Labs
All rights reserved.
*/
.view__stack {
font-family: $font-family-normal;
td {
padding: 0.2em 0;
}
td.quantity {
position: relative;
width: 4em;
input {
position: absolute; top: 50%; height: $font-size-small; width: 100%;
@include transform(translateY(-50%));
border-radius: 0.75em;
background: $color-ice;
color: $color-background-panel;
font-family: $font-family-normal;
font-size: $font-size-normal;
font-weight: bold;
text-align: center;
&.editable {
&:focus {
background: $color-background-panel;
color: $color-text;
font-family: $font-family-input;
font-weight: normal;
outline: none;
}
&:hover {
background: $color-background-panel;
color: $color-text;
font-family: $font-family-input;
font-weight: normal;
}
}
}
}
td.icon {
width: 4.6em;
padding: 0.2em 0.5em;
img {
width: 100%; height: auto;
max-height: 4.8em;
@include pixel-image;
}
}
td.name a {
color: $color-text;
display: inline;
font-size: $font-size-normal;
text-decoration: none;
&:hover {
color: $color-active-hover;
text-decoration: underline;
}
}
td.action {
text-align: right;
}
button.remove {
opacity: 0;
position: relative; width: 1.8em; height: 1.8em;
background: url('/images/remove.png') no-repeat center;
border: 0;
outline: none;
&:hover {
background: url('/images/remove-hover.png') no-repeat center;
}
}
&:hover {
button.remove {
opacity: 1;
}
}
}