timeline

assets/sass/_theme/blocks/timeline.sass

@@ -54,8 +54,6 @@
                     width: col(7)
 
 
-
-
 .block-timeline--horizontal
     --min-title-height: 0px
     background: $block-timeline-horizontal-background
@@ -104,6 +102,7 @@
             flex-flow: row nowrap
             list-style: none
             padding-left: 0
+            margin-top: $spacing1
             transition: margin 0.4s ease-in-out
             width: 100%
     .event
@@ -114,13 +113,14 @@
         width: 50%
         .title
             min-height: var(--min-title-height)
+            margin-bottom: $spacing1
         .line
             background: $block-timeline-horizontal-color
             height: 1px
             margin-bottom: $spacing1
             opacity: 1
             overflow: visible
-            width: calc(100% + #{$grid-gutter})
+            width: calc(100% + #{$grid-gutter} / 2)
             &::before
                 background: $block-timeline-horizontal-color
                 border-radius: 50%
@@ -132,10 +132,31 @@
                 width: 9px
         &.is-passed
             opacity: 0.15
+        &:last-child
+            .line
+                background: transparent
 
     @include media-breakpoint-up(md)
-        .timeline
-            padding-left: offset(5)
+        .events
+            ol
+                margin-top: $spacing2
+        .event
+            .line
+                width: calc(100% + #{$grid-gutter})
+    
+    @include in-page-with-sidebar
+        @include media-breakpoint-up(md)
+            .timeline
+                padding-left: offset(4)
+        @include media-breakpoint-up(xxl)
+            .timeline
+                padding-left: offset(5)
+
+    @include in-page-without-sidebar
+        @include media-breakpoint-up(xxl)
+            .event
+                width: 25%
+
 
     @include media-breakpoint-down(md)
         .events

assets/sass/_theme/design-system/typography.sass

@@ -65,7 +65,7 @@ h5, .h5
     text-transform: $h5-text-transform
     @include media-breakpoint-up(md)
         font-size: $h5-size-md
-        
+
 h6, .h6
     @extend %heading
     font-size: $h6-size