[themes] set font-size on :root rather than BODY so that REMs work consistently

This commit is contained in:
Shish 2023-12-25 13:08:14 +00:00
parent 1f4d2a5b3e
commit 75a7b79380
5 changed files with 20 additions and 10 deletions

View file

@ -45,12 +45,14 @@
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* things common to all pages * * things common to all pages *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
:root {
font-size: 14px;
font-family: sans-serif;
}
BODY { BODY {
background: var(--page); background: var(--page);
color: var(--text); color: var(--text);
font-family: sans-serif;
font-size: 14px;
margin: 0; margin: 0;
} }
H1 { H1 {

View file

@ -2,10 +2,12 @@
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* things common to all pages * * things common to all pages *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
:root {
BODY {
font-family: arial,helvetica,sans-serif; font-family: arial,helvetica,sans-serif;
font-size: 10pt; font-size: 10pt;
}
BODY {
background: #FFFFEE url(fade.png) top center repeat-x; background: #FFFFEE url(fade.png) top center repeat-x;
color: #800000; color: #800000;
padding-left: 5px; padding-left: 5px;

View file

@ -3,10 +3,12 @@
* http://qwebirc.org/ * http://qwebirc.org/
*/ */
BODY { :root {
background: #F0F7FF;
font-family: sans-serif; font-family: sans-serif;
font-size: 14px; font-size: 14px;
}
BODY {
background: #F0F7FF;
margin: 0; margin: 0;
} }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

View file

@ -3,10 +3,12 @@
* things common to all pages * * things common to all pages *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
BODY { :root {
background: url(bg.png) #ACE4A3;
font-family: "Arial", sans-serif; font-family: "Arial", sans-serif;
font-size: 14px; font-size: 14px;
}
BODY {
background: url(bg.png) #ACE4A3;
margin: 0; margin: 0;
} }
#header { #header {

View file

@ -3,10 +3,12 @@
* things common to all pages * * things common to all pages *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
BODY { :root {
background: url(bg.png);
font-family: "Arial", sans-serif; font-family: "Arial", sans-serif;
font-size: 14px; font-size: 14px;
}
BODY {
background: url(bg.png);
margin: 0; margin: 0;
} }
HEADER { HEADER {