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 */
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 {
font-family: initial;
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 {
font-family: sans-serif;
margin: initial;
padding: initial;
border: initial;
}
input, textarea {
font-family: sans-serif;
}
pre, code {
font-family: monospace;
font-size: 0.85em;
}
ul, ol {
list-style-type: initial;
padding-left: 2em;
@ -23,7 +29,6 @@ sub {
/* general page appearance */
body.skin-fandomdesktop, button, input, textarea, .wikitable, .va-table {
font-family: initial;
font-size: 18px;
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 */
/* footer columns */
.custom-footer__cols {