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

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

    .loaded {
        display: flex;

        .thumbnail {
            flex: 0 0 auto;
            height: $size-minecraft-block * 4;
            width: $size-minecraft-block * 4;
            margin-right: $size-margin-medium;

            background: $color-gray-faint;
            border: 1px solid $color-gray-light;

            display: flex;
            justify-content: center;
            align-items: center;

            img {
                width: $size-minecraft-block * 3;
                max-height: $size-minecraft-block * 3;
            }
        }

        .dynamic {
            flex: 1 1 100%;

            & > :not(:last-child) {
                margin-bottom: $size-margin-medium;
            }

            .fileName {
                font-family: $font-family-control;
                font-size: $font-size-medium;
            }

            .error {
                color: $color-error;
                font-family: $font-family-control;
                font-size: $font-size-small;
            }
        }

        form {
            display: none;
        }
    }

    .loading {
        height: $size-minecraft-block * 4;

        display: flex;
        justify-content: center;
        align-items: center;

        p {
            color: $color-gray-light;
            font-family: $font-family-control;
            font-size: $font-size-medium;
        }
    }
}