59 lines
1.0 KiB
CSS
59 lines
1.0 KiB
CSS
/* file: crates/apps/game-snake-poc-tauri/frontend/css/main.css */
|
|
/* version: 1 */
|
|
|
|
:root {
|
|
font-family: system-ui, sans-serif;
|
|
color-scheme: dark;
|
|
background: #101418;
|
|
color: #f4f7f8;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
min-height: 100%;
|
|
margin: 0;
|
|
}
|
|
|
|
body {
|
|
min-height: 100vh;
|
|
display: grid;
|
|
place-items: center;
|
|
padding: max(1.5rem, env(safe-area-inset-top)) max(1.5rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom))
|
|
max(1.5rem, env(safe-area-inset-left));
|
|
}
|
|
|
|
.bootstrap-panel {
|
|
width: min(100%, 34rem);
|
|
padding: 1.5rem;
|
|
border: 1px solid currentColor;
|
|
border-radius: 0.75rem;
|
|
}
|
|
|
|
.eyebrow {
|
|
margin: 0 0 0.5rem;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
h1 {
|
|
margin: 0 0 1rem;
|
|
font-size: clamp(1.6rem, 7vw, 2.4rem);
|
|
}
|
|
|
|
#runtime-status {
|
|
margin: 0 0 0.75rem;
|
|
}
|
|
|
|
#runtime-provenance {
|
|
display: block;
|
|
overflow-wrap: anywhere;
|
|
font-family: ui-monospace, monospace;
|
|
}
|
|
|
|
body[data-runtime-state="error"] #runtime-status {
|
|
font-weight: 700;
|
|
}
|