32 lines
672 B
CSS
32 lines
672 B
CSS
|
.bag {
|
||
|
align-self: left;
|
||
|
--border: calc(var(--unit) * 3px);
|
||
|
background-color: rgba(02, 02, 28, 0.6);
|
||
|
border: var(--border) solid #444444;
|
||
|
box-sizing: border-box;
|
||
|
display: inline-block;
|
||
|
left: calc(var(--unit) * 20px);
|
||
|
line-height: 0;
|
||
|
position: absolute;
|
||
|
top: calc(var(--unit) * 90px);
|
||
|
transition: left 150ms;
|
||
|
max-width: 430.5px;
|
||
|
}
|
||
|
|
||
|
.slotWrapper {
|
||
|
border: var(--border) solid #999999;
|
||
|
box-sizing: border-box;
|
||
|
display: inline-block;
|
||
|
line-height: 0;
|
||
|
padding: 0;
|
||
|
&:not(:nth-child(10n)) {
|
||
|
border-right: none;
|
||
|
}
|
||
|
&:not(:nth-last-of-type(-n+10)) {
|
||
|
border-bottom: none;
|
||
|
}
|
||
|
&:hover {
|
||
|
background-color: rgba(0, 0, 0, 0.2);
|
||
|
}
|
||
|
}
|