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:
		
							parent
							
								
									0172034319
								
							
						
					
					
						commit
						37318b8c50
					
				
					 1 changed files with 16 additions and 4 deletions
				
			
		| 
						 | 
				
			
			@ -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 {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue