//
// Crafting Guide - recipe_detail.scss
//
// Copyright © 2014-2017 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) {
        }
    }
}
