32 lines
487 B
SCSS
32 lines
487 B
SCSS
|
:host {
|
||
|
|
display: block;
|
||
|
|
|
||
|
|
.sk-game {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
gap: var(--sk-gap-l);
|
||
|
|
padding: var(--sk-gap-l);
|
||
|
|
border-radius: var(--sk-br-m);
|
||
|
|
transition: 0.1s ease;
|
||
|
|
opacity: 0.5;
|
||
|
|
cursor: pointer;
|
||
|
|
|
||
|
|
&:hover {
|
||
|
|
opacity: 1;
|
||
|
|
background-color: rgba(255, 255, 255, 0.05);
|
||
|
|
}
|
||
|
|
|
||
|
|
.sk-game-info {
|
||
|
|
flex: 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
&.active {
|
||
|
|
|
||
|
|
.sk-game {
|
||
|
|
opacity: 1;
|
||
|
|
background-color: rgba(255, 255, 255, 0.1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|