* Split the InventoryTable view/controller out from the existing inventory view/controller. This is a simpler component which only includes the table itself, and not the scrollbox, panel or header used on the crafting page. * Create the FullRecipe view/controller to represent the expanded version of a recipe shown on the item page (as compared to the terser version on the crafting page). * Rename the existing Recipe view/controller to MinimalRecipe to avoid confusing the two. * Refactor the CSS for the Stack view/controller so that it can be shared between the Inventory and InventoryTable views. * Incorporate all these new controllers into the item page and hook up the necessary model logic to drive them.
40 lines
661 B
SCSS
40 lines
661 B
SCSS
/*
|
|
Crafting Table - full_recipe.scss
|
|
|
|
Copyright (c) 2014-2015 by Redwood Labs
|
|
All rights reserved.
|
|
*/
|
|
|
|
.view__full_recipe {
|
|
& > 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%;
|
|
}
|
|
}
|
|
|
|
.output {
|
|
}
|
|
}
|