diff --git a/doc/platforms-html5.dox b/doc/platforms-html5.dox index 9ffa0efc0..33d89c8fb 100644 --- a/doc/platforms-html5.dox +++ b/doc/platforms-html5.dox @@ -322,6 +322,11 @@ element) from the page to avoid them affecting the canvas. Combining @cb{.css} .fullsize @ce with the other @cb{.css} .aspect-* @ce or @cb{.css} .width-* @ce classes is not supported. +Besides the canvas, there's minimal styling for @cb{.html}
@ce and @cb{.html} @ce tags. Putting extra content inside
+the @cb{.css} div#sizer @ce will center it, following the canvas width. If you
+need more advanced styling, check out [m.css](http://mcss.mosra.cz).
+
@section platforms-html5-events Controlling event behavior
@subsection platforms-html5-events-keyboard Keyboard events
diff --git a/src/Magnum/Platform/WebApplication.css b/src/Magnum/Platform/WebApplication.css
index 7bdc13888..a27bc48df 100644
--- a/src/Magnum/Platform/WebApplication.css
+++ b/src/Magnum/Platform/WebApplication.css
@@ -35,11 +35,6 @@ body {
background-color: #2f363f; /*var(--background-color)*/
color: #dcdcdc; /*var(--color)*/
}
-h1 {
- text-align: center;
- font-size: 1.75rem;
- font-weight: 600;
-}
/* #container makes the canvas occupy the whole page width
#sizer centers it
@@ -152,4 +147,21 @@ pre#log {
font-size: 0.8rem; /* so 80 columns fits into 640 pixels */
}
+/* Styling for extra content */
+h1 {
+ text-align: center;
+ font-size: 1.75rem;
+ font-weight: 600;
+}
+#sizer p {
+ text-align: center;
+}
+code {
+ font-family: monospace, monospace, monospace; /* https://en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
+ font-size: 0.9em;
+ padding: 0.125rem;
+ color: #e6e6e6; /*var(--code-color)*/
+ background-color: #282e36; /*var(--code-background-color)*/
+}
+
/* kate: indent-width 2; */