From 3c4b084fabae0d2a70c1c79f96034b07ece4b38d Mon Sep 17 00:00:00 2001
From: Eduard Urbach <e.urbach@gmail.com>
Date: Wed, 8 Nov 2017 15:50:48 +0100
Subject: [PATCH] Smaller font for laptop sizes

---
 layout/sidebar/sidebar.scarlet |  8 ++++++--
 pages/anime/anime.scarlet      | 14 +++++++++-----
 styles/base.scarlet            | 12 ++++++++++--
 3 files changed, 25 insertions(+), 9 deletions(-)

diff --git a/layout/sidebar/sidebar.scarlet b/layout/sidebar/sidebar.scarlet
index ebf2266e..8c443ee0 100644
--- a/layout/sidebar/sidebar.scarlet
+++ b/layout/sidebar/sidebar.scarlet
@@ -27,7 +27,7 @@ sidebar-spacing-y = 0.7rem
 > 800px
 	#sidebar
 		opacity 1
-		min-width 200px
+		min-width 180px
 		transform none
 		position static
 		pointer-events auto
@@ -35,6 +35,10 @@ sidebar-spacing-y = 0.7rem
 		border-right ui-border
 		background sidebar-background
 
+> 1400px
+	#sidebar
+		min-width 200px
+
 .sidebar-visible
 	transform translateX(0) !important
 	pointer-events auto !important
@@ -42,7 +46,7 @@ sidebar-spacing-y = 0.7rem
 
 .sidebar-link
 	color text-color
-	
+
 	&.active
 		.sidebar-button
 			color tab-active-color
diff --git a/pages/anime/anime.scarlet b/pages/anime/anime.scarlet
index d57a21b2..1cc5b89d 100644
--- a/pages/anime/anime.scarlet
+++ b/pages/anime/anime.scarlet
@@ -9,15 +9,19 @@
 	vertical
 	margin-left 0
 	margin-top 1rem
-	flex-basis 300px
 
-> 1350px
+> 1250px
 	.anime
 		horizontal
 
 	.anime-side-column
 		margin-left content-padding
 		margin-top 0
+		flex-basis 270px
+
+> 1400px
+	.anime-side-column
+		flex-basis 300px
 
 .anime-header
 	vertical
@@ -31,7 +35,7 @@
 		horizontal
 		padding-bottom content-padding
 		border-bottom 1px solid rgba(0, 0, 0, 0.05)
-	
+
 	.anime-title
 		text-align left
 
@@ -109,7 +113,7 @@
 	width 250px
 	height auto
 	border-radius 3px
-	
+
 	default-transition
 	object-fit cover
 
@@ -134,7 +138,7 @@
 	text-align center
 	font-weight normal
 	line-height content-line-height
-	
+
 	.japanese
 		color anime-alternative-title-color !important
 
diff --git a/styles/base.scarlet b/styles/base.scarlet
index 8326f56d..f18f1b64 100644
--- a/styles/base.scarlet
+++ b/styles/base.scarlet
@@ -3,6 +3,14 @@ html
 	font-family "Ubuntu", "Trebuchet MS", sans-serif
 	font-size 100%
 
+> 900px
+	html
+		font-size 90%
+
+> 1400px
+	html
+		font-size 100%
+
 body
 	tab-size 4
 	overflow hidden
@@ -20,10 +28,10 @@ a
 		color link-hover-color
 		text-shadow link-hover-text-shadow
 		text-decoration none
-	
+
 	:active
 		transform translateY(3px)
-	
+
 	// &.active
 	// 	color link-active-color