Cleanup: Tweak comments and sort classes.

src/styles/components/_timeline.sass

@@ -3,10 +3,10 @@
 		opacity: 0
 		animation: fade-in 500ms forwards
 
-	.group-date
+		&-date // .group-date
-		color: rgba($color-text, .4)
+			color: $color-text-dark-hint
 
-	.group-title
+		&-title // .group-title
 			@extend .border-bottom
 			@extend .bg-white
 			@extend .text-uppercase
@@ -33,11 +33,17 @@ body.is-mobile
 		.js-asset-list
 			@extend .card-deck-vertical
 
+
+// Overrides for when the timeline is against a dark background.
 .timeline-dark
-	.group-date
+	.group
+		animation: fade-in 500ms forwards
+		opacity: 0
+
+		&-date // .group-date
 			color: $color-text-light-hint
 
-	.group-title
+		&-title // .group-title
 			@extend .bg-transparent
 			border-bottom-color: rgba($color-background, .2) !important
 			color: rgba($color-background, .6)

src/templates/mixins/components.pug

@@ -73,7 +73,8 @@ mixin list-asset(name, url, image, type, date)
 	if block
 		block
 
-// used together with timeline.js
+
+//- Used together with timeline.js
 mixin timeline(projectid, sortdirection)
 	section.timeline.placeholder(
 		data-project-id=projectid,