25 lines
456 B
CSS
25 lines
456 B
CSS
.shogi {
|
|
display: grid;
|
|
grid-template-areas:
|
|
"sidebar board";
|
|
grid-template-columns: clamp(5rem, 20vw, 25rem) 1fr;
|
|
gap: 3px 1rem;
|
|
position: relative; /* For absolute positioned children. */
|
|
background-color: var(--primary-color);
|
|
}
|
|
|
|
.shogi > .sidebar {
|
|
grid-area: sidebar;
|
|
|
|
display: grid;
|
|
grid-template-rows: auto 1fr;
|
|
gap: 3px;
|
|
}
|
|
.shogi > .sidebar.collapsed {
|
|
width: 5rem;
|
|
}
|
|
|
|
.shogi > ::deep .game-board {
|
|
grid-area: board;
|
|
}
|