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

.view__item_selector {
}

.view__item_selector_popup {
    max-width: $size-minecraft-block * 20;
    height : 66%;

    background : $color-background-panel;
    border     : 1px solid $color-gray-medium;

    display: flex;
    flex-direction: column;

    .search {
        flex: 0 0 auto;

        border-bottom: 1px solid $color-gray-medium;

        display: flex;
        padding: $size-margin-small;

        & > :not(:first-child) {
            margin-left: $size-margin-medium;
        }

        img {
            flex: 0 0 auto;
        }

        input {
            flex: 1 1 100%;
            min-width: $font-size-large * 10;

            background: none;
            border: 0;
            font-family: $font-family-input;
            font-size: $font-size-large;
            outline: none;
        }

        img.close {
            cursor: pointer;
        }
    }

    .results {
        flex: 1 1 100%;
        position: relative;

        overflow-x: hidden;
        overflow-y: scroll;
    }
}

@include screen-size(mobile) {
    .view__item_selector_popup {
        position: fixed; top: 0; left: 0; height: 100%; width: 100%;
    }
}
