Title size adjustments

Kronuz · Kronuz · commit 27dfbd7e3dce · 2018-04-02T19:26:11.000-05:00
diff --git a/_layouts/error.html b/_layouts/error.html
@@ -1,11 +1,11 @@
 {% include top.html %}
 
 <body class="wrap">
-	<header>
+	<header class="error">
 		<div class="grid">
 			<div class="unit whole align-center">
 				<h1>
-					<a href="{{ '/' | relative_url }}" class="logo" style="font-size: 1.8em">
+					<a href="{{ '/' | relative_url }}" class="logo">
 						<img src="{{ site.logo | relative_url }}?_={{ site.time | date: '%s%N' }}" width="{{ site.logo_width | times:115  | divided_by:site.logo_height }}" height="115" alt="{{ site.name }} Logo">
 						<span style="color: #aaa">Sublime</span><span style="color: #fff">CodeIntel</span>
 					</a>
diff --git a/_sass/_style.scss b/_sass/_style.scss
@@ -68,6 +68,16 @@ header {
 			margin-top: -7px;
 			vertical-align: middle;
 		}
+		span {
+			// font-size: 80%;
+		}
+	}
+	&.error {
+		.logo {
+			span {
+				// font-size: 80%;
+			}
+		}
 	}
 
 	.search .svg-icons { display: none }
@@ -192,11 +202,23 @@ h6:hover .header-link {
 @media (max-width: 580px) {
 	header {
 		.flexbox { height: auto }
-		.logo img { margin-top: 0 }
+		.logo {
+			img { margin-top: 0 }
+			span { font-size: 50% }
+		}
+		&.error {
+			.logo {
+				span { font-size: 50% }
+			}
+		}
 	}
 }
 @media (max-width: 699px) {
 	.searchbox { display: none }
+	header {
+		.logo span { font-size: 60% }
+		&.error .logo  span { font-size: 60% }
+	}
 }
 @media (max-width: 768px) {
 	.main-nav ul { text-align: right }
@@ -206,10 +228,20 @@ h6:hover .header-link {
 		.show-on-mobiles { display: inline; }
 		.hide-on-mobiles { display: none; }
 	}
+	header {
+		.logo span { font-size: 70% }
+		&.error .logo  span { font-size: 70% }
+	}
 }
 @media (max-width: 890px) {
 	.meta { display: none; }
 }
+@media (max-width: 1200px) {
+	header {
+		.logo span { font-size: 80% }
+		&.error .logo  span { font-size: 80% }
+	}
+}
 
 /* Footer */
 
