Files
website/src/css/templates/item_page.scss
T
Andrew Miner 9f0d19d9e4 Adjust animations, fix bugs, and tweak a few algos
* Adjust page change animations to slide the page closed and then
  open again.
* Add Railcraft to the standard set of mods
* Change every controller which uses an `ImageLoader` to only accept
  it from a parent controller (with the router creating the one
  shared instance).
* Fix several places where controllers need to refresh when the mod
  pack changes
* Fix a few places which should be using the `ImageLoader` but were
  not.
* Remove a number of animations which caused performance issues (esp.
  animating individual items in item group views).
* Fix a bug where changing the current version of a mod didn't cause
  the current crafting plan to be re-evaluated
* Simplify the name finder to allow regular expressions instead of
  the current algorithm
2015-02-22 21:31:48 -08:00

96 lines
1.9 KiB
SCSS

/*
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;
}
.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;
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;
}
}
}