site/zedshaw.games
1
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

Started the main game display page.

Browse source
This commit is contained in:
Zed A. Shaw 2025-09-17 13:18:13 -04:00
parent f1038d2499
commit dcb6376f28
3 changed files with 92 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

46
static/style.css
View file

@ -235,6 +235,9 @@
.left-40 {
left: calc(var(--spacing) * 40);
}
.m-2 {
margin: calc(var(--spacing) * 2);
}
.block {
display: block;
}
@ -269,9 +272,6 @@
width: calc(var(--spacing) * 12);
height: calc(var(--spacing) * 12);
}
.h-10 {
height: calc(var(--spacing) * 10);
}
.h-15 {
height: calc(var(--spacing) * 15);
}
@ -336,6 +336,9 @@
.flex-col {
flex-direction: column;
}
.flex-row {
flex-direction: row;
}
.items-center {
align-items: center;
}
@ -487,6 +490,9 @@
.bg-green-400\! {
background-color: var(--color-green-400) !important;
}
.\!p-0 {
padding: calc(var(--spacing) * 0) !important;
}
.\!p-1 {
padding: calc(var(--spacing) * 1) !important;
}
@ -554,6 +560,10 @@
font-size: var(--text-3xl) !important;
line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
}
.\!text-sm {
font-size: var(--text-sm) !important;
line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
}
.text-2xl {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
@ -633,11 +643,26 @@
}
}
}
.sm\:flex-col {
@media (width >= 40rem) {
flex-direction: column;
}
}
.sm\:p-0 {
@media (width >= 40rem) {
padding: calc(var(--spacing) * 0);
}
}
.md\:flex-col {
@media (width >= 48rem) {
flex-direction: column;
}
}
.md\:flex-row {
@media (width >= 48rem) {
flex-direction: row;
}
}
.lg\:w-4xl {
@media (width >= 64rem) {
width: var(--container-4xl);
@ -648,6 +673,21 @@
max-width: var(--container-4xl);
}
}
.lg\:flex-col {
@media (width >= 64rem) {
flex-direction: column;
}
}
.lg\:flex-row {
@media (width >= 64rem) {
flex-direction: row;
}
}
.lg\:flex-row-reverse {
@media (width >= 64rem) {
flex-direction: row-reverse;
}
}
.dark\:bg-gray-300 {
@media (prefers-color-scheme: dark) {
background-color: var(--color-gray-300);