=Some hefty changes to FeedBlock. Transitioning to loading first page in ph...

Jake Vanderwerf

5 days ago a9b3b28d001941921aa70d37fdc87c758a163a44

 src/video/style.scss

@@ -6,14 +6,14 @@
   overflow: hidden;
   display: flex;
   .wrap {
      background-color: var(--contrast-200);
      background-color: rgb(var(--contrast-200));
      //&::before {
      // position: absolute;
      // top: 0;
      // bottom: 0;
      // left: 0;
      // right: 0;
      // background-color: var(--base);
      // background-color: rgb(var(--base));
      // mix-blend-mode: lighten;
      // content: '';
      // z-index: 1;
@@ -30,7 +30,7 @@
      min-height: 100%;
      z-index: 0;
      display: flex;
      background-color: var(--action-50);
      background-color: rgb(var(--action-50));

      &.fade {
         animation: fadeIn 1s ease-in;
@@ -51,12 +51,12 @@
      z-index: 2;
      width: 100%;
      padding: 2rem;
      color: var(--action-contrast);
      color: rgb(var(--action-contrast));

      /* Better text readability */
      h1, h2, h3, h4, h5, h6 {
         word-spacing: 100vw;
         color: var(--action-contrast);
         color: rgb(var(--action-contrast));
         text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
         margin: 2rem 0 0;
      }
@@ -65,7 +65,7 @@
         text-transform: uppercase;
         letter-spacing: 2px;
         margin: 0;
         color: var(--action-contrast);
         color: rgb(var(--action-contrast));
         text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
      }

@@ -86,27 +86,28 @@
         }
      .buttons a {
         font-weight: var(--fw-h-bold);
         color: var(--action-contrast);
         border-color: var(--action-contrast);
         color: rgb(var(--action-contrast));
         border-color: rgb(var(--action-contrast));
         &:visited {
            color: var(--action-contrast);
            color: rgb(var(--action-contrast));
            &:hover {
               color: var(--action-contrast);
               color: rgb(var(--action-contrast));
            }
         }
         &:hover {
            background-color: var(--action-0);
            color: var(--action-contrast);
            background-color: rgb(var(--action-0));
            color: rgb(var(--action-contrast));
         }
      }

      .outline a {
         background-color: rgba(var(--base-rgb), rgba(var(--base-rgb),var(--op-3)));
         background-color: rgba(var(--base), rgba(var(--base),var(--op-3)));
      }
      .buttons {
         margin: 3rem 0;
         max-width: var(--wide);
         li {
            background-color: rgba(var(--action-rgb), var(--op-4));
            background-color: rgba(var(--action-0), var(--op-4));
         }
      }
      /* Button styles */