//
// Crafting Guide - footer.scss
//
// Copyright © 2014-2017 by Redwood Labs
// All rights reserved.
//

.view__footer {
    display: flex;
    flex-direction: column;

    background: $color-background-footer;

    .divider.top {
        background: $color-dirt url('/images/grass_side.png');
        height: $size-minecraft-block;
    }

    > .content {
        display: flex;

        @include screen-size(mobile) {
            flex-direction: column;
        }

        color: $color-text-light;

        .left, .center, .right {
            flex: 1 1 33%;
            margin: $size-margin-large $size-margin-large $size-margin-large 0;

            @include screen-size(mobile) {
                margin-left: $size-margin-large;
            }

            display: flex;
            flex-direction: column;

            p {
                font-family : $font-family-text;
                font-size   : $font-size-medium;
                line-height : $font-size-medium * 1.25;
                text-align  : justify;
            }

            .action {
                flex: 1 1 auto;
                align-self: center;
                margin-top: $size-margin-large;
                margin-bottom: $size-margin-large;

                display: flex;
                align-items: flex-end;
            }

            &:first-child {
                margin-left: $size-margin-large;
            }
        }
    }

    .divider.bottom {
        background: $color-bedrock url('/images/bedrock.png');
        height: $size-minecraft-block;
    }
}

@include screen-size(mobile) {
    .view__footer {
        > .content {
            .left, .center, .right {
                flex: 0 0 auto;
            }
        }
    }
}