Style updates

- Fix code block font
- Use sans-serif font (don't know how I missed this)
- Smaller font size on cell phones
This commit is contained in:
Cadence Ember 2022-09-17 00:58:06 +12:00
parent 0172034319
commit 37318b8c50

View file

@ -1,11 +1,17 @@
/* reset the reset */ /* reset the reset */
blockquote, code, del, details, div, dl, dt, em, fieldset, figcaption, figure, h1, h2, h3, h4, h5, h6, li blockquote, code, del, details, div, dl, dt, em, fieldset, figcaption, figure, h1, h2, h3, h4, h5, h6, li, ol, p, pre, q, span, strong, ul {
, ol, p, pre, q, span, strong, ul { font-family: sans-serif;
font-family: initial;
margin: initial; margin: initial;
padding: initial; padding: initial;
border: initial; border: initial;
} }
input, textarea {
font-family: sans-serif;
}
pre, code {
font-family: monospace;
font-size: 0.85em;
}
ul, ol { ul, ol {
list-style-type: initial; list-style-type: initial;
padding-left: 2em; padding-left: 2em;
@ -23,7 +29,6 @@ sub {
/* general page appearance */ /* general page appearance */
body.skin-fandomdesktop, button, input, textarea, .wikitable, .va-table { body.skin-fandomdesktop, button, input, textarea, .wikitable, .va-table {
font-family: initial;
font-size: 18px; font-size: 18px;
line-height: 1.5; line-height: 1.5;
} }
@ -233,6 +238,13 @@ figcaption, .lightbox-caption, .thumbcaption {
} }
} }
@media (max-width: 699px) { /* narrower than 700 px */
/* fit more text on screen */
body.skin-fandomdesktop, button, input, textarea, .wikitable, .va-table {
font-size: 16px;
}
}
@media (min-width: 560px) { /* wider than 560 px */ @media (min-width: 560px) { /* wider than 560 px */
/* footer columns */ /* footer columns */
.custom-footer__cols { .custom-footer__cols {