50 lines
1.0 KiB
SCSS
50 lines
1.0 KiB
SCSS
/*
|
|
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;
|
|
}
|
|
}
|
|
}
|