89 lines
1.4 KiB
SCSS
89 lines
1.4 KiB
SCSS
//
|
|
// Crafting Guide - recipe_detail.scss
|
|
//
|
|
// Copyright © 2014-2016 by Redwood Labs
|
|
// All rights reserved.
|
|
//
|
|
|
|
.view__recipe_detail {
|
|
display : flex;
|
|
|
|
.input, .output {
|
|
flex : 0 1 33%;
|
|
|
|
h3 {
|
|
margin-bottom : 1em;
|
|
}
|
|
|
|
.view__inventory {
|
|
margin-left: $size-margin-large;
|
|
}
|
|
}
|
|
|
|
.input {
|
|
order: 10;
|
|
}
|
|
|
|
.pattern {
|
|
flex : 0 1 33%;
|
|
order: 20;
|
|
|
|
display : flex;
|
|
flex-direction : column;
|
|
align-items : center;
|
|
|
|
.tool {
|
|
margin-top : $size-margin-small;
|
|
|
|
font-family : $font-family-text;
|
|
font-size : $font-size-medium;
|
|
text-align : center;
|
|
}
|
|
}
|
|
|
|
.output {
|
|
order: 30;
|
|
}
|
|
|
|
&:not(:first-child) {
|
|
border-top : 1px solid $color-gray-light;
|
|
margin-top : $size-margin-medium;
|
|
padding-top : $size-margin-large;
|
|
}
|
|
}
|
|
|
|
@include screen-size(mobile) {
|
|
.view__recipe_detail {
|
|
flex-direction: column;
|
|
|
|
> :not(:last-child) {
|
|
margin-bottom: $size-margin-large;
|
|
}
|
|
|
|
.input, .output {
|
|
flex: 0 0 auto;
|
|
|
|
|
|
h3 {
|
|
}
|
|
|
|
.view__inventory {
|
|
}
|
|
}
|
|
|
|
.input {
|
|
order: 21;
|
|
}
|
|
|
|
.pattern {
|
|
flex: 0 0 auto;
|
|
|
|
.tool {
|
|
}
|
|
}
|
|
|
|
&:not(:first-child) {
|
|
}
|
|
}
|
|
}
|