mirror of
https://github.com/danbee/chess
synced 2025-03-04 08:39:06 +00:00
Dan Barber
bedd6605ef
* Forms and board tweaks for small screen sizes * Re-style game status indicators * Re-style viewing/offline indicator * Better eyecons 👁 * Re-organise CSS according to ITCSS principles * Pick new font from Google Fonts * Fix up tests * Move some things into partials
29 lines
511 B
SCSS
29 lines
511 B
SCSS
.game-grid {
|
|
display: grid;
|
|
grid-gap: $base-spacing;
|
|
}
|
|
|
|
@media (min-aspect-ratio: 9/11) {
|
|
.game-grid {
|
|
grid-template-areas:
|
|
"board game-info"
|
|
"board move-list";
|
|
grid-template-columns: min-content 1fr;
|
|
grid-template-rows: min-content 1fr;
|
|
}
|
|
|
|
.container {
|
|
max-width: 120vmin;
|
|
}
|
|
}
|
|
|
|
@media (max-aspect-ratio: 9/11) {
|
|
.game-grid {
|
|
grid-template-areas:
|
|
"game-info"
|
|
"board"
|
|
"move-list";
|
|
grid-template-rows: min-content min-content min-content;
|
|
}
|
|
}
|