diff options
| author | LLLL Colonq <llll@colonq> | 2024-03-03 00:10:10 -0500 |
|---|---|---|
| committer | LLLL Colonq <llll@colonq> | 2024-03-03 00:10:10 -0500 |
| commit | 070108cf09b1b561613b6eea04723afbbb464507 (patch) | |
| tree | 01503df63f16ef6ef4ab4a37b24305286bb2477c /index.css | |
Initial commit (new winit)
Diffstat (limited to 'index.css')
| -rw-r--r-- | index.css | 54 |
1 files changed, 54 insertions, 0 deletions
diff --git a/index.css b/index.css new file mode 100644 index 0000000..c5219bc --- /dev/null +++ b/index.css @@ -0,0 +1,54 @@ +html { + /* Remove touch delay: */ + touch-action: manipulation; +} + +body { + /* Light mode background color for what is not covered by the egui canvas, + or where the egui canvas is translucent. */ + background: #909090; +} + +@media (prefers-color-scheme: dark) { + body { + /* Dark mode background color for what is not covered by the egui canvas, + or where the egui canvas is translucent. */ + background: #404040; + } +} + +/* Allow canvas to fill entire web page: */ +html, +body { + overflow: hidden; + margin: 0 !important; + padding: 0 !important; + height: 100%; + width: 100%; +} + +/* Position canvas in center-top: */ +canvas { + margin-right: auto; + margin-left: auto; + display: block; + position: absolute; + top: 0%; + left: 50%; + transform: translate(-50%, 0%); +} + +.centered { + margin-right: auto; + margin-left: auto; + display: block; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + color: #f0f0f0; + font-size: 24px; + font-family: Ubuntu-Light, Helvetica, sans-serif; + text-align: center; + image-transform: pixelated; +} |
