Vasanko/sanic
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

CSS fixes, incl. scaling layout for small screens.

Browse Source
This commit is contained in:
L. Karkkainen 2023-02-05 15:46:12 +00:00
parent 53b7a5a5a1
commit f4792a2bc6
3 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
sanic/pages/styles/BasePage.css
View File

@ -1,3 +1,4 @@
/** BasePage **/
html { html {
font: 16px sans-serif; font: 16px sans-serif;
background: #eee; background: #eee;
@ -13,13 +14,14 @@ body>* {
padding: 1rem 2vw; padding: 1rem 2vw;
} }
@media (max-width: 1200px) { @media (max-width: 1000px) {
body>* { body>* {
padding: 0.5rem 1.5vw; padding: 0.5rem 1.5vw;
} }
body { html {
font-size: 1rem; /* Scale everything by rem of 6px-16px by viewport width */
font-size: calc(6px + 10 * 100vw / 1000);
} }
} }

1
sanic/pages/styles/DirectoryPage.css
View File

@ -1,3 +1,4 @@
/** DirectoryPage **/
#breadcrumbs>a:hover { #breadcrumbs>a:hover {
text-decoration: none; text-decoration: none;
} }

7
sanic/pages/styles/ErrorPage.css
View File

@ -1,15 +1,13 @@
/* ErrorPage */ /** ErrorPage **/
summary { color: #888; } summary { color: #888; }
/** TraceRite **/
/* TraceRite CSS: read from tracerite.html.style: */
:root { :root {
--tracerite-var: #8af; --tracerite-var: #8af;
--tracerite-type: #5c8; --tracerite-type: #5c8;
--tracerite-val: #8af; --tracerite-val: #8af;
--tracerite-tab: #aaaa; --tracerite-tab: #aaaa;
} }
/* CSS reset */
.tracerite, .tracerite,
.tracerite * { .tracerite * {
margin: 0; margin: 0;
@ -17,6 +15,7 @@ summary { color: #888; }
outline: none; outline: none;
box-sizing: border-box; box-sizing: border-box;
overflow: hidden; overflow: hidden;
font: inherit;
} }
.tracerite h3 { .tracerite h3 {
margin: 0; margin: 0;