Simplified sidebar creation

pages/anime/anime.scarlet

@@ -6,22 +6,18 @@
 	flex 1
 
 .anime-side-column
-	vertical
+	sidebar
-	margin-left 0
-	margin-top 1rem
 
 > 1250px
 	.anime
 		horizontal
 
 	.anime-side-column
-		margin-left content-padding
+		sidebar-medium
-		margin-top 0
-		flex-basis 270px
 
 > 1400px
 	.anime-side-column
-		flex-basis 300px
+		sidebar-big
 
 .anime-header
 	vertical

pages/character/character.scarlet

@@ -21,9 +21,7 @@
 	margin-top 1.6rem
 
 .character-sidebar
-	vertical
+	sidebar
-	margin-left 0
-	margin-top 1rem
 
 .character-attributes
 	margin 0
@@ -60,8 +58,8 @@
 		margin-top typography-margin
 
 	.character-sidebar
-		sidebar
+		sidebar-medium
 
 > 1400px
 	.character-sidebar
-		min-width 300px
+		sidebar-big

pages/company/company.scarlet

@@ -4,16 +4,19 @@
 .company-header
 	vertical
 
+.company-sidebar
+	sidebar
+
 > 1250px
 	.company-page
 		horizontal
 
 	.company-sidebar
-		sidebar
+		sidebar-medium
 
 > 1400px
 	.company-sidebar
-		min-width 300px
+		sidebar-big
 
 .company-name,
 .company-description

styles/include/mixins.scarlet

@@ -65,9 +65,18 @@ mixin anime-mini-item-image
 		filter saturate(1.3)
 
 mixin sidebar
+	vertical
+	margin-left 0
+	margin-top 1rem
+	flex-shrink 0
+
+mixin sidebar-medium
 	margin-left content-padding
 	margin-top 0
-	min-width 270px
+	flex-basis 270px
+
+mixin sidebar-big
+	flex-basis 300px
 
 mixin bg-dark-up
 	background-color transparent