=Some changes to the CRUD.js editing, timeline post configuration

Jake Vanderwerf

2026-05-11 ac444cba221832c012c0435fdc8339fe9f37febb

 src/timeline/style.scss

@@ -6,7 +6,7 @@
}

#at-a-glance {
   max-width: var(--alignWide);
   padding: 0 10vw;
   --gap: 0;
   img {
      width: 100%;
@@ -14,7 +14,7 @@
      border: 2px solid var(--action-0);
   }
   h3 {
      font-size: var(--small);
      font-size: var(--txt-x-small);
   }
   .before {
      img {
@@ -41,7 +41,7 @@
   max-width: 100vw;
   position: relative;
   overflow: hidden;
   .open-gallery {
   img {
      width: 40%;
      border-radius: 4px;
      position: sticky;
@@ -53,7 +53,7 @@
      position: relative;
      h2 {
         margin: 0 0 .5rem;
         font-size: var(--medium);
         font-size: var(--txt-medium);
         position: relative;
         .icon {
            --w: 2.5rem;
@@ -91,12 +91,12 @@
@media (min-width:768px) {
   #at-a-glance {
      h3  {
         font-size: var(--xlarge);
         font-size: var(--txt-x-large);
      }
   }
   .timeline-point.timeline-point {
      --gap: 4rem;
      .open-gallery {
      img {
         width: 50%;
      }
      .info {
@@ -105,7 +105,7 @@
         h2 {
            .icon {
               --w: 4rem;
               left: -4.15rem;
               left: -6.15rem;
               top: 0;
            }
         }
@@ -117,7 +117,7 @@

         time {
            text-transform: uppercase;
            font-size: var(--small);
            font-size: var(--txt-x-small);
         }
      }
      &::before,