ui/cardtypepanelelement.razor.scss
CardTypePanelElement {
//border-radius: 10px;
height: 80px;
width: 80px;
justify-content: center;
//flex-shrink: 1;
//margin: 2px;
//background-color: blue;
//border: 2px solid #111111;
//overflow: visible;
position: relative;
.icon_container {
width: 100%;
height: 100%;
transform: scale(1);
transition: transform 0.075s ease-out;
pointer-events: all;
&:hover {
//background-color: #301B3F99;
//border: 2px solid #111111;
//opacity: 1;
transform: scale(1.2);
}
}
.icon {
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
pointer-events: none;
}
.normal {
filter: brightness(1);
opacity: 1;
}
.matched {
filter: brightness(0);
opacity: 0.4;
}
.bounty {
position: absolute;
width: 60px;
height: 60px;
background-color: #0000ff99;
}
}