/*
Crafting Guide - stack.scss

Copyright (c) 2014-2015 by Redwood Labs
All rights reserved.
*/

.view__stack {
    font-family: $font-family-normal;

    .quantity p {
        border-radius: 0.75em;
        background: $color-ice;
        color: $color-background-panel;
        font-size: $font-size-normal;
        font-weight: bold;
        text-align: center;
        min-width: 3em;
        padding: 0.2em 0.5em 0.1em 0.5em;
        height: $font-size-small + 0.2em;
    }

    .name p {
        display: inline;
        font-size: $font-size-normal;
    }

    .action {
        text-align: right;

        button.remove {
            opacity: 0;
            position: relative; width: 1.8em; height: 1.8em;
            background: url('/images/remove.png') no-repeat center;
            border: 0;
            outline: none;

            &:hover {
                background: url('/images/remove-hover.png') no-repeat center;
            }
        }
    }

    &:hover {
        button.remove {
            opacity: 1;
        }
    }
}