Jake Vanderwerf
5 days ago 266aa37c48222993bf7bdad6834e31bd08736f5e
src/timeline/style.scss
@@ -6,15 +6,15 @@
}
#at-a-glance {
   max-width: var(--alignWide);
   padding: 0 10vw;
   --gap: 0;
   img {
      width: 100%;
      height: auto;
      border: 2px solid var(--action-0);
      border: 2px solid rgb(var(--action-0));
   }
   h3 {
      font-size: var(--small);
      font-size: var(--txt-x-small);
   }
   .before {
      img {
@@ -37,11 +37,11 @@
   --gap: 2rem;
   padding: 0;
   margin:0;
   background-color: var(--base);
   background-color: rgb(var(--base));
   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;
@@ -61,7 +61,7 @@
            position: absolute;
            left: -2.5rem;
            top: .25rem;
            background-color: var(--action-100);
            background-color: rgb(var(--action-100));
         }
      }
@@ -74,7 +74,7 @@
      left: 45%;
      height: 100%;
      width: var(--lineWidth);
      background-color: var(--action-0);
      background-color: rgb(var(--action-0));
      //box-shadow: var(--action-shadow);
   }
   &::before {
@@ -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,