From c597200798a5bb2485c681be2767df1149d30037 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sun, 27 Sep 2020 23:20:15 -0500
Subject: [PATCH] Remove unused CSS, #439

---
 app/styles/about.scss          | 952 ---------------------------------
 app/styles/application.scss    |  11 +-
 app/styles/dashboard.scss      |  76 ---
 app/styles/rtl.scss            |  79 +--
 app/styles/stream_entries.scss | 159 ------
 app/styles/tables.scss         | 227 --------
 6 files changed, 7 insertions(+), 1497 deletions(-)
 delete mode 100644 app/styles/dashboard.scss
 delete mode 100644 app/styles/stream_entries.scss
 delete mode 100644 app/styles/tables.scss

diff --git a/app/styles/about.scss b/app/styles/about.scss
index 915cfd1f8..6a09753a6 100644
--- a/app/styles/about.scss
+++ b/app/styles/about.scss
@@ -1,7 +1,5 @@
 $maximum-width: 1235px;
 $fluid-breakpoint: $maximum-width + 20px;
-$column-breakpoint: 700px;
-$small-breakpoint: 960px;
 
 .public-layout {
   .container {
@@ -194,477 +192,6 @@ $small-breakpoint: 960px;
       }
     }
   }
-
-  $no-columns-breakpoint: 600px;
-
-  .grid {
-    display: grid;
-    grid-gap: 10px;
-    grid-template-columns: minmax(300px, 3fr) minmax(298px, 1fr);
-    grid-auto-columns: 25%;
-    grid-auto-rows: max-content;
-
-    .column-0 {
-      grid-row: 1;
-      grid-column: 1;
-    }
-
-    .column-1 {
-      grid-row: 1;
-      grid-column: 2;
-    }
-
-    @media screen and (max-width: $no-columns-breakpoint) {
-      grid-template-columns: 100%;
-      grid-gap: 0;
-
-      .column-1 {
-        display: none;
-      }
-    }
-  }
-
-  .public-account-header {
-    overflow: hidden;
-    margin-bottom: 10px;
-    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);
-
-    &.inactive {
-      opacity: 0.5;
-
-      .public-account-header__image,
-      .avatar {
-        filter: grayscale(100%);
-      }
-
-      .logo-button {
-        background-color: var(--primary-text-color--faint);
-      }
-    }
-
-    &__image {
-      border-radius: 4px 4px 0 0;
-      overflow: hidden;
-      height: 300px;
-      position: relative;
-      background: var(--background-color);
-
-      &::after {
-        content: "";
-        display: block;
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        box-shadow: inset 0 -1px 1px 1px rgba($base-shadow-color, 0.15);
-        top: 0;
-        left: 0;
-      }
-
-      img {
-        object-fit: cover;
-        display: block;
-        width: 100%;
-        height: 100%;
-        margin: 0;
-        border-radius: 4px 4px 0 0;
-      }
-
-      @media screen and (max-width: 600px) {
-        height: 200px;
-      }
-    }
-
-    &--no-bar {
-      margin-bottom: 0;
-
-      .public-account-header__image,
-      .public-account-header__image img {
-        border-radius: 4px;
-
-        @media screen and (max-width: $no-gap-breakpoint) {
-          border-radius: 0;
-        }
-      }
-    }
-
-    @media screen and (max-width: $no-gap-breakpoint) {
-      margin-bottom: 0;
-      box-shadow: none;
-
-      &__image::after {
-        display: none;
-      }
-
-      &__image,
-      &__image img {
-        border-radius: 0;
-      }
-    }
-
-    &__bar {
-      position: relative;
-      margin-top: -80px;
-      display: flex;
-      justify-content: flex-start;
-
-      &::before {
-        content: "";
-        display: block;
-        background: var(--brand-color--faint);
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        height: 60px;
-        border-radius: 0 0 4px 4px;
-        z-index: -1;
-      }
-
-      .avatar {
-        display: block;
-        width: 120px;
-        height: 120px;
-        padding-left: 20px - 4px;
-        flex: 0 0 auto;
-
-        img {
-          display: block;
-          width: 100%;
-          height: 100%;
-          margin: 0;
-          border-radius: 50%;
-          border: 4px solid var(--brand-color--faint);
-          background: var(--background-color);
-        }
-      }
-
-      @media screen and (max-width: 600px) {
-        margin-top: 0;
-        background: var(--brand-color--faint);
-        border-radius: 0 0 4px 4px;
-        padding: 5px;
-
-        &::before {
-          display: none;
-        }
-
-        .avatar {
-          width: 48px;
-          height: 48px;
-          padding: 7px 0;
-          padding-left: 10px;
-
-          img {
-            border: 0;
-            border-radius: 4px;
-          }
-
-          @media screen and (max-width: 360px) {
-            display: none;
-          }
-        }
-      }
-
-      @media screen and (max-width: $no-gap-breakpoint) {
-        border-radius: 0;
-      }
-
-      @media screen and (max-width: $no-columns-breakpoint) {
-        flex-wrap: wrap;
-      }
-    }
-
-    &__tabs {
-      flex: 1 1 auto;
-      margin-left: 20px;
-
-      &__name {
-        padding-top: 20px;
-        padding-bottom: 8px;
-
-        h1 {
-          font-size: 20px;
-          line-height: 18px * 1.5;
-          color: var(--primary-text-color);
-          font-weight: 500;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-          text-shadow: 1px 1px 1px $base-shadow-color;
-
-          small {
-            display: block;
-            font-size: 14px;
-            color: var(--primary-text-color);
-            font-weight: 400;
-            overflow: hidden;
-            text-overflow: ellipsis;
-          }
-        }
-      }
-
-      @media screen and (max-width: 600px) {
-        margin-left: 15px;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-
-        &__name {
-          padding-top: 0;
-          padding-bottom: 0;
-
-          h1 {
-            font-size: 16px;
-            line-height: 24px;
-            text-shadow: none;
-
-            small {
-              color: var(--primary-text-color--faint);
-            }
-          }
-        }
-      }
-
-      &__tabs {
-        display: flex;
-        justify-content: flex-start;
-        align-items: stretch;
-        height: 58px;
-
-        .details-counters {
-          display: flex;
-          flex-direction: row;
-          min-width: 300px;
-        }
-
-        @media screen and (max-width: $no-columns-breakpoint) {
-          .details-counters {
-            display: none;
-          }
-        }
-
-        .counter {
-          width: 33.3%;
-          box-sizing: border-box;
-          flex: 0 0 auto;
-          color: var(--primary-text-color--faint);
-          padding: 10px;
-          border-right: 1px solid var(--brand-color--faint);
-          cursor: default;
-          text-align: center;
-          position: relative;
-
-          a {
-            display: block;
-          }
-
-          &:last-child {
-            border-right: 0;
-          }
-
-          &::after {
-            display: block;
-            content: "";
-            position: absolute;
-            bottom: 0;
-            left: 0;
-            width: 100%;
-            border-bottom: 4px solid var(--brand-color);
-            opacity: 0.5;
-            transition: all 400ms ease;
-          }
-
-          &.active {
-            &::after {
-              border-bottom: 4px solid var(--highlight-text-color);
-              opacity: 1;
-            }
-
-            &.inactive::after {
-              border-bottom-color: var(--primary-text-color--faint);
-            }
-          }
-
-          &:hover {
-            &::after {
-              opacity: 1;
-              transition-duration: 100ms;
-            }
-          }
-
-          a {
-            text-decoration: none;
-            color: inherit;
-          }
-
-          .counter-label {
-            font-size: 12px;
-            display: block;
-          }
-
-          .counter-number {
-            font-weight: 500;
-            font-size: 18px;
-            margin-bottom: 5px;
-            color: var(--primary-text-color);
-            font-family: var(--font-display), sans-serif;
-          }
-        }
-
-        .spacer {
-          flex: 1 1 auto;
-          height: 1px;
-        }
-
-        &__buttons {
-          padding: 7px 8px;
-        }
-      }
-    }
-
-    &__extra {
-      display: none;
-      margin-top: 4px;
-
-      .public-account-bio {
-        border-radius: 0;
-        box-shadow: none;
-        background: transparent;
-        margin: 0 -5px;
-
-        .roles {
-          display: none;
-        }
-      }
-
-      &__links {
-        margin-top: -15px;
-        font-size: 14px;
-        color: var(--primary-text-color--faint);
-
-        a {
-          display: inline-block;
-          color: var(--primary-text-color--faint);
-          text-decoration: none;
-          padding: 15px;
-          font-weight: 500;
-
-          strong {
-            font-weight: 700;
-            color: var(--primary-text-color);
-          }
-        }
-      }
-
-      @media screen and (max-width: $no-columns-breakpoint) {
-        display: block;
-        flex: 100%;
-      }
-    }
-  }
-
-  .account__section-headline {
-    border-radius: 4px 4px 0 0;
-
-    @media screen and (max-width: $no-gap-breakpoint) {
-      border-radius: 0;
-    }
-  }
-
-  .detailed-status__meta {
-    margin-top: 25px;
-  }
-
-  .public-account-bio {
-    background: var(--brand-color--med);
-    box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);
-    border-radius: 4px;
-    overflow: hidden;
-    margin-bottom: 10px;
-
-    @media screen and (max-width: $no-gap-breakpoint) {
-      box-shadow: none;
-      margin-bottom: 0;
-      border-radius: 0;
-    }
-
-    .account__header__content {
-      padding: 20px;
-      padding-bottom: 0;
-      color: var(--primary-text-color);
-    }
-
-    &__extra,
-    .roles {
-      padding: 20px;
-      font-size: 14px;
-      color: var(--primary-text-color--faint);
-    }
-
-    .roles {
-      padding-bottom: 0;
-    }
-  }
-
-  .static-icon-button {
-    color: var(--brand-color);
-    font-size: 18px;
-
-    & > span {
-      font-size: 14px;
-      font-weight: 500;
-    }
-  }
-
-  .card-grid {
-    display: flex;
-    flex-wrap: wrap;
-    min-width: 100%;
-    margin: 0 -5px;
-
-    & > div {
-      box-sizing: border-box;
-      flex: 1 0 auto;
-      width: 300px;
-      padding: 0 5px;
-      margin-bottom: 10px;
-      max-width: 33.333%;
-
-      @media screen and (max-width: 900px) {
-        max-width: 50%;
-      }
-
-      @media screen and (max-width: 600px) {
-        max-width: 100%;
-      }
-    }
-
-    @media screen and (max-width: $no-gap-breakpoint) {
-      margin: 0;
-      border-top: 1px solid var(--brand-color--med);
-
-      & > div {
-        width: 100%;
-        padding: 0;
-        margin-bottom: 0;
-        border-bottom: 1px solid var(--brand-color--med);
-
-        &:last-child {
-          border-bottom: 0;
-        }
-
-        .card__bar {
-          background: var(--brand-color--med);
-
-          &:hover,
-          &:active,
-          &:focus {
-            background: var(--brand-color--faint);
-          }
-        }
-      }
-    }
-  }
 }
 
 .container {
@@ -831,481 +358,6 @@ $small-breakpoint: 960px;
   }
 }
 
-.information-board {
-  background: var(--brand-color--med);
-  padding: 20px 0;
-
-  &__sections {
-    display: flex;
-    justify-content: space-between;
-    flex-wrap: wrap;
-  }
-
-  &__section {
-    flex: 1 0 0;
-    font-family: var(--font-sans-serif), sans-serif;
-    font-size: 16px;
-    line-height: 28px;
-    color: var(--primary-text-color);
-    text-align: right;
-    padding: 10px 15px;
-
-    span,
-    strong {
-      display: block;
-    }
-
-    span {
-      &:last-child {
-        color: var(--primary-text-color--faint);
-      }
-    }
-
-    strong {
-      font-family: var(--font-display), sans-serif;
-      font-weight: 500;
-      font-size: 32px;
-      line-height: 48px;
-    }
-
-    @media screen and (max-width: $column-breakpoint) {
-      text-align: center;
-    }
-  }
-
-  .panel {
-    position: absolute;
-    width: 280px;
-    box-sizing: border-box;
-    background: var(--background-color);
-    padding: 20px;
-    padding-top: 10px;
-    border-radius: 4px 4px 0 0;
-    right: 0;
-    bottom: -40px;
-
-    .panel-header {
-      font-family: var(--font-display), sans-serif;
-      font-size: 14px;
-      line-height: 24px;
-      font-weight: 500;
-      color: var(--primary-text-color--faint);
-      padding-bottom: 5px;
-      margin-bottom: 15px;
-      border-bottom: 1px solid var(--brand-color--faint);
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      overflow: hidden;
-
-      a,
-      span {
-        font-weight: 400;
-        color: var(--primary-text-color);
-      }
-
-      a {
-        text-decoration: none;
-      }
-    }
-  }
-
-  .owner {
-    text-align: center;
-
-    .avatar {
-      width: 80px;
-      height: 80px;
-      margin: 0 auto;
-      margin-bottom: 15px;
-
-      img {
-        display: block;
-        width: 80px;
-        height: 80px;
-        border-radius: 48px;
-      }
-    }
-
-    .name {
-      font-size: 14px;
-
-      a {
-        display: block;
-        color: var(--primary-text-color);
-        text-decoration: none;
-
-        &:hover {
-          .display_name {
-            text-decoration: underline;
-          }
-        }
-      }
-
-      .username {
-        display: block;
-        color: var(--primary-text-color--faint);
-      }
-    }
-  }
-}
-
-.landing-page {
-  p,
-  li {
-    font-family: var(--font-sans-serif), sans-serif;
-    font-size: 16px;
-    font-weight: 400;
-    font-size: 16px;
-    line-height: 30px;
-    margin-bottom: 12px;
-    color: var(--primary-text-color--faint);
-
-    a {
-      color: var(--highlight-text-color);
-      text-decoration: underline;
-    }
-  }
-
-  em {
-    display: inline;
-    margin: 0;
-    padding: 0;
-    font-weight: 700;
-    background: transparent;
-    font-family: inherit;
-    font-size: inherit;
-    line-height: inherit;
-    color: var(--primary-text-color);
-  }
-
-  h1 {
-    font-family: var(--font-display), sans-serif;
-    font-size: 26px;
-    line-height: 30px;
-    font-weight: 500;
-    margin-bottom: 20px;
-    color: var(--primary-text-color--faint);
-
-    small {
-      font-family: var(--font-sans-serif), sans-serif;
-      display: block;
-      font-size: 18px;
-      font-weight: 400;
-      color: var(--primary-text-color);
-    }
-  }
-
-  h2 {
-    font-family: var(--font-display), sans-serif;
-    font-size: 22px;
-    line-height: 26px;
-    font-weight: 500;
-    margin-bottom: 20px;
-    color: var(--primary-text-color--faint);
-  }
-
-  h3 {
-    font-family: var(--font-display), sans-serif;
-    font-size: 18px;
-    line-height: 24px;
-    font-weight: 500;
-    margin-bottom: 20px;
-    color: var(--primary-text-color--faint);
-  }
-
-  h4 {
-    font-family: var(--font-display), sans-serif;
-    font-size: 16px;
-    line-height: 24px;
-    font-weight: 500;
-    margin-bottom: 20px;
-    color: var(--primary-text-color--faint);
-  }
-
-  h5 {
-    font-family: var(--font-display), sans-serif;
-    font-size: 14px;
-    line-height: 24px;
-    font-weight: 500;
-    margin-bottom: 20px;
-    color: var(--primary-text-color--faint);
-  }
-
-  h6 {
-    font-family: var(--font-display), sans-serif;
-    font-size: 12px;
-    line-height: 24px;
-    font-weight: 500;
-    margin-bottom: 20px;
-    color: var(--primary-text-color--faint);
-  }
-
-  ul,
-  ol {
-    margin-left: 20px;
-
-    &[type='a'] {
-      list-style-type: lower-alpha;
-    }
-
-    &[type='i'] {
-      list-style-type: lower-roman;
-    }
-  }
-
-  ul {
-    list-style: disc;
-  }
-
-  ol {
-    list-style: decimal;
-  }
-
-  li > ol,
-  li > ul {
-    margin-top: 6px;
-  }
-
-  hr {
-    width: 100%;
-    height: 0;
-    border: 0;
-    border-bottom: 1px solid hsla(var(--background-color_hsl), .6);
-    margin: 20px 0;
-
-    &.spacer {
-      height: 1px;
-      border: 0;
-    }
-  }
-
-  &__information,
-  &__forms {
-    padding: 20px;
-  }
-
-  &__call-to-action {
-    background: var(--brand-color--med);
-    border-radius: 4px;
-    padding: 25px 40px;
-    overflow: hidden;
-    box-sizing: border-box;
-
-    .row {
-      width: 100%;
-      display: flex;
-      flex-direction: row-reverse;
-      flex-wrap: nowrap;
-      justify-content: space-between;
-      align-items: center;
-    }
-
-    .row__information-board {
-      display: flex;
-      justify-content: flex-end;
-      align-items: flex-end;
-
-      .information-board__section {
-        flex: 1 0 auto;
-        padding: 0 10px;
-      }
-
-      @media screen and (max-width: $no-gap-breakpoint) {
-        width: 100%;
-        justify-content: space-between;
-      }
-    }
-
-    .row__mascot {
-      flex: 1;
-      margin: 10px -50px 0 0;
-
-      @media screen and (max-width: $no-gap-breakpoint) {
-        display: none;
-      }
-    }
-  }
-
-  &__logo {
-    margin-right: 20px;
-
-    img {
-      height: 50px;
-      width: auto;
-      mix-blend-mode: lighten;
-    }
-  }
-
-  &__information {
-    padding: 45px 40px;
-    margin-bottom: 10px;
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-
-    strong {
-      font-weight: 500;
-      color: var(--primary-text-color);
-    }
-
-    .account {
-      border-bottom: 0;
-      padding: 0;
-
-      &__display-name {
-        align-items: center;
-        display: flex;
-        margin-right: 5px;
-      }
-
-      div.account__display-name {
-        &:hover {
-          .display-name strong {
-            text-decoration: none;
-          }
-        }
-
-        .account__avatar {
-          cursor: default;
-        }
-      }
-
-      &__avatar-wrapper {
-        margin-left: 0;
-        flex: 0 0 auto;
-      }
-
-      &__avatar {
-        width: 44px;
-        height: 44px;
-        background-size: 44px 44px;
-      }
-
-      .display-name {
-        font-size: 15px;
-
-        &__account {
-          font-size: 14px;
-        }
-      }
-    }
-
-    @media screen and (max-width: $small-breakpoint) {
-      .contact {
-        margin-top: 30px;
-      }
-    }
-
-    @media screen and (max-width: $column-breakpoint) {
-      padding: 25px 20px;
-    }
-  }
-
-  &__information,
-  &__forms,
-  #soapbox-timeline {
-    box-sizing: border-box;
-    background: var(--brand-color--med);
-    border-radius: 4px;
-    box-shadow: 0 0 6px rgba(#000000, 0.1);
-  }
-
-  &__mascot {
-    height: 104px;
-    position: relative;
-    left: -40px;
-    bottom: 25px;
-
-    img {
-      height: 190px;
-      width: auto;
-    }
-  }
-
-  &__short-description {
-    .row {
-      display: flex;
-      flex-wrap: wrap;
-      align-items: center;
-      margin-bottom: 40px;
-    }
-
-    @media screen and (max-width: $column-breakpoint) {
-      .row {
-        margin-bottom: 20px;
-      }
-    }
-
-    p a {
-      color: var(--primary-text-color--faint);
-    }
-
-    h1 {
-      font-weight: 500;
-      color: var(--primary-text-color);
-      margin-bottom: 0;
-
-      small {
-        color: var(--primary-text-color--faint);
-
-        span {
-          color: var(--primary-text-color--faint);
-        }
-      }
-    }
-
-    p:last-child {
-      margin-bottom: 0;
-    }
-  }
-
-  &__hero {
-    margin-bottom: 10px;
-
-    img {
-      display: block;
-      margin: 0;
-      max-width: 100%;
-      height: auto;
-      border-radius: 4px;
-    }
-  }
-
-  @media screen and (max-width: 840px) {
-    .information-board {
-      .panel {
-        position: static;
-        margin-top: 20px;
-        width: 100%;
-        border-radius: 4px;
-
-        .panel-header {
-          text-align: center;
-        }
-      }
-    }
-  }
-
-  @media screen and (max-width: 675px) {
-    .header-wrapper {
-      padding-top: 0;
-
-      &.compact {
-        padding-bottom: 0;
-      }
-
-      &.compact .hero .heading {
-        text-align: initial;
-      }
-    }
-  }
-
-  .cta {
-    margin: 20px;
-  }
-}
-
 .public-layout {
   position: relative;
   background-color: var(--brand-color);
@@ -1553,10 +605,6 @@ $small-breakpoint: 960px;
   }
 }
 
-.public-layout pre.canary {
-  white-space: pre-wrap;
-}
-
 .about-page {
   background: var(--brand-color--faint);
   border-radius: inherit;
diff --git a/app/styles/application.scss b/app/styles/application.scss
index dfa13b9ae..06e2921d7 100644
--- a/app/styles/application.scss
+++ b/app/styles/application.scss
@@ -8,7 +8,6 @@
 @import 'footer';
 @import 'forms';
 @import 'accounts';
-@import 'stream_entries';
 @import 'boost';
 @import 'loading';
 @import 'ui';
@@ -16,8 +15,6 @@
 // @import 'introduction';
 @import 'emoji_picker';
 @import 'about';
-@import 'tables';
-@import 'dashboard';
 @import 'rtl';
 @import 'accessibility';
 @import 'donations';
@@ -35,10 +32,10 @@
 @import 'components/account-header';
 @import 'components/user-panel';
 @import 'components/compose-form';
-@import 'components/group-card';
-@import 'components/group-detail';
-@import 'components/group-form';
-@import 'components/group-sidebar-panel';
+// @import 'components/group-card';
+// @import 'components/group-detail';
+// @import 'components/group-form';
+// @import 'components/group-sidebar-panel';
 @import 'components/sidebar-menu';
 @import 'components/hotkeys-modal';
 @import 'components/emoji-reacts';
diff --git a/app/styles/dashboard.scss b/app/styles/dashboard.scss
deleted file mode 100644
index 2099c5312..000000000
--- a/app/styles/dashboard.scss
+++ /dev/null
@@ -1,76 +0,0 @@
-.dashboard__counters {
-  display: flex;
-  flex-wrap: wrap;
-  margin: 0 -5px;
-  margin-bottom: 20px;
-
-  & > div {
-    box-sizing: border-box;
-    flex: 0 0 33.333%;
-    padding: 0 5px;
-    margin-bottom: 10px;
-
-    & > div,
-    & > a {
-      padding: 20px;
-      background: var(--brand-color--faint);
-      border-radius: 4px;
-    }
-
-    & > a {
-      text-decoration: none;
-      color: inherit;
-      display: block;
-
-      &:hover,
-      &:focus,
-      &:active {
-        background: var(--brand-color--med);
-      }
-    }
-  }
-
-  &__num,
-  &__text {
-    text-align: center;
-    font-weight: 500;
-    font-size: 24px;
-    line-height: 21px;
-    color: var(--primary-text-color);
-    font-family: var(--font-display), sans-serif;
-    margin-bottom: 20px;
-    line-height: 30px;
-  }
-
-  &__text {
-    font-size: 18px;
-  }
-
-  &__label {
-    font-size: 14px;
-    color: var(--primary-text-color--faint);
-    text-align: center;
-    font-weight: 500;
-  }
-}
-
-.dashboard__widgets {
-  display: flex;
-  flex-wrap: wrap;
-  margin: 0 -5px;
-
-  & > div {
-    flex: 0 0 33.333%;
-    margin-bottom: 20px;
-
-    & > div {
-      padding: 0 5px;
-    }
-  }
-
-  a:not(.name-tag) {
-    color: var(--background-color);
-    font-weight: 500;
-    text-decoration: none;
-  }
-}
diff --git a/app/styles/rtl.scss b/app/styles/rtl.scss
index 848547ee2..e8e59d734 100644
--- a/app/styles/rtl.scss
+++ b/app/styles/rtl.scss
@@ -7,16 +7,6 @@ body.rtl {
     padding-right: 15px;
   }
 
-  .landing-page__logo {
-    margin-right: 0;
-    margin-left: 20px;
-  }
-
-  .landing-page .features-list .features-list__row .visual {
-    margin-left: 0;
-    margin-right: 15px;
-  }
-
   .column-link__icon,
   .column-header__icon {
     margin-right: 0;
@@ -83,23 +73,16 @@ body.rtl {
     right: 10px;
   }
 
-  .status,
-  .activity-stream .status.light {
+  .status {
     padding-left: 10px;
     padding-right: 68px;
   }
 
-  .status__info .status__display-name,
-  .activity-stream .status.light .status__display-name {
+  .status__info .status__display-name {
     padding-left: 25px;
     padding-right: 0;
   }
 
-  .activity-stream .pre-header {
-    padding-right: 68px;
-    padding-left: 0;
-  }
-
   .status__prepend {
     margin-left: 0;
     margin-right: 68px;
@@ -110,11 +93,6 @@ body.rtl {
     right: -26px;
   }
 
-  .activity-stream .pre-header .pre-header__icon {
-    left: auto;
-    right: 42px;
-  }
-
   .account__avatar-overlay-overlay {
     right: auto;
     left: 0;
@@ -125,8 +103,7 @@ body.rtl {
     left: 0;
   }
 
-  .status__relative-time,
-  .activity-stream .status.light .status__header .status__meta {
+  .status__relative-time {
     float: left;
   }
 
@@ -256,44 +233,6 @@ body.rtl {
     margin-left: 45px;
   }
 
-  .landing-page .header-wrapper .mascot {
-    right: 60px;
-    left: auto;
-  }
-
-  .landing-page__call-to-action .row__information-board {
-    direction: rtl;
-  }
-
-  .landing-page .header .hero .floats .float-1 {
-    left: -120px;
-    right: auto;
-  }
-
-  .landing-page .header .hero .floats .float-2 {
-    left: 210px;
-    right: auto;
-  }
-
-  .landing-page .header .hero .floats .float-3 {
-    left: 110px;
-    right: auto;
-  }
-
-  .landing-page .header .links .brand img {
-    left: 0;
-  }
-
-  .landing-page .fa-external-link {
-    padding-right: 5px;
-    padding-left: 0 !important;
-  }
-
-  .landing-page .features #soapbox-timeline {
-    margin-right: 0;
-    margin-left: 30px;
-  }
-
   @media screen and (min-width: 631px) {
     .column,
     .drawer {
@@ -329,18 +268,6 @@ body.rtl {
     }
   }
 
-  .landing-page__information {
-    .account__display-name {
-      margin-right: 0;
-      margin-left: 5px;
-    }
-
-    .account__avatar-wrapper {
-      margin-left: 12px;
-      margin-right: 0;
-    }
-  }
-
   .card__bar .display-name {
     margin-left: 0;
     margin-right: 15px;
diff --git a/app/styles/stream_entries.scss b/app/styles/stream_entries.scss
deleted file mode 100644
index 653454ae2..000000000
--- a/app/styles/stream_entries.scss
+++ /dev/null
@@ -1,159 +0,0 @@
-.activity-stream {
-  box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);
-  border-radius: 4px;
-  overflow: hidden;
-  margin-bottom: 10px;
-
-  @media screen and (max-width: $no-gap-breakpoint) {
-    margin-bottom: 0;
-    border-radius: 0;
-    box-shadow: none;
-  }
-
-  &--headless {
-    border-radius: 0;
-    margin: 0;
-    box-shadow: none;
-
-    .detailed-status,
-    .status {
-      border-radius: 0 !important;
-    }
-  }
-
-  div[data-component] {
-    width: 100%;
-  }
-
-  .entry {
-    background: var(--brand-color--med);
-
-    .detailed-status,
-    .status,
-    .load-more {
-      animation: none;
-    }
-
-    &:last-child {
-      .detailed-status,
-      .status,
-      .load-more {
-        border-bottom: 0;
-        border-radius: 0 0 4px 4px;
-      }
-    }
-
-    &:first-child {
-      .detailed-status,
-      .status,
-      .load-more {
-        border-radius: 4px 4px 0 0;
-      }
-
-      &:last-child {
-        .detailed-status,
-        .status,
-        .load-more {
-          border-radius: 4px;
-        }
-      }
-    }
-
-    @media screen and (max-width: 740px) {
-      .detailed-status,
-      .status,
-      .load-more {
-        border-radius: 0 !important;
-      }
-    }
-  }
-
-  &--highlighted .entry {
-    background: var(--brand-color--med);
-  }
-}
-
-.button.logo-button {
-  flex: 0 auto;
-  font-size: 14px;
-  background: var(--brand-color);
-  color: #fff;
-  text-transform: none;
-  line-height: 36px;
-  height: auto;
-  padding: 3px 15px;
-  border: 0;
-
-  svg {
-    width: 20px;
-    height: auto;
-    vertical-align: middle;
-    margin-right: 5px;
-    fill: var(--primary-text-color);
-  }
-
-  &:active,
-  &:focus,
-  &:hover {
-    background: var(--brand-color--hicontrast);
-  }
-
-  &:disabled,
-  &.disabled {
-    &:active,
-    &:focus,
-    &:hover {
-      background: var(--brand-color--med);
-    }
-  }
-
-  &.button--destructive {
-    &:active,
-    &:focus,
-    &:hover {
-      background: $error-red;
-    }
-  }
-
-  @media screen and (max-width: $no-gap-breakpoint) {
-    svg {
-      display: none;
-    }
-  }
-}
-
-.embed,
-.public-layout {
-  .detailed-status {
-    padding: 15px;
-  }
-
-  .status {
-    padding: 15px 15px 15px (48px + 15px * 2);
-    min-height: 48px + 2px;
-
-    &__avatar {
-      left: 15px;
-      top: 17px;
-    }
-
-    &__content {
-      padding-top: 5px;
-    }
-
-    &__prepend {
-      margin-left: 48px + 15px * 2;
-      padding-top: 15px;
-    }
-
-    &__prepend-icon-wrapper {
-      left: -32px;
-    }
-
-    .media-gallery,
-    &__action-bar,
-    .video-player {
-      margin-top: 10px;
-    }
-  }
-}
diff --git a/app/styles/tables.scss b/app/styles/tables.scss
deleted file mode 100644
index bb7c07a3a..000000000
--- a/app/styles/tables.scss
+++ /dev/null
@@ -1,227 +0,0 @@
-.table {
-  width: 100%;
-  max-width: 100%;
-  border-spacing: 0;
-  border-collapse: collapse;
-
-  th,
-  td {
-    padding: 8px;
-    line-height: 18px;
-    vertical-align: top;
-    border-top: 1px solid var(--brand-color--med);
-    text-align: left;
-    background: var(--brand-color--med);
-  }
-
-  & > thead > tr > th {
-    vertical-align: bottom;
-    border-bottom: 2px solid var(--brand-color--med);
-    border-top: 0;
-    font-weight: 500;
-  }
-
-  & > tbody > tr > th {
-    font-weight: 500;
-  }
-
-  & > tbody > tr:nth-child(odd) > td,
-  & > tbody > tr:nth-child(odd) > th {
-    background: var(--brand-color--med);
-  }
-
-  a {
-    color: var(--highlight-text-color);
-    text-decoration: underline;
-
-    &:hover {
-      text-decoration: none;
-    }
-  }
-
-  strong {
-    font-weight: 500;
-
-    @each $lang in $cjk-langs {
-      &:lang(#{$lang}) {
-        font-weight: 700;
-      }
-    }
-  }
-
-  &.inline-table {
-    & > tbody > tr:nth-child(odd) {
-      & > td,
-      & > th {
-        background: transparent;
-      }
-    }
-
-    & > tbody > tr:first-child {
-      & > td,
-      & > th {
-        border-top: 0;
-      }
-    }
-  }
-
-  &.batch-table {
-    & > thead > tr > th {
-      background: var(--brand-color--med);
-      border-top: 1px solid var(--background-color);
-      border-bottom: 1px solid var(--background-color);
-
-      &:first-child {
-        border-radius: 4px 0 0;
-        border-left: 1px solid var(--background-color);
-      }
-
-      &:last-child {
-        border-radius: 0 4px 0 0;
-        border-right: 1px solid var(--background-color);
-      }
-    }
-  }
-
-  &--invites tbody td {
-    vertical-align: middle;
-  }
-}
-
-.table-wrapper {
-  overflow: auto;
-  margin-bottom: 20px;
-}
-
-samp {
-  font-family: var(--font-monospace), monospace;
-}
-
-button.table-action-link {
-  background: transparent;
-  border: 0;
-  font: inherit;
-}
-
-button.table-action-link,
-a.table-action-link {
-  text-decoration: none;
-  display: inline-block;
-  margin-right: 5px;
-  padding: 0 10px;
-  color: var(--primary-text-color--faint);
-  font-weight: 500;
-
-  &:hover {
-    color: var(--primary-text-color);
-  }
-
-  i.fa {
-    font-weight: 400;
-    margin-right: 5px;
-  }
-
-  &:first-child {
-    padding-left: 0;
-  }
-}
-
-.batch-table {
-  &__toolbar,
-  &__row {
-    display: flex;
-
-    &__select {
-      box-sizing: border-box;
-      padding: 8px 16px;
-      cursor: pointer;
-      min-height: 100%;
-
-      input {
-        margin-top: 8px;
-      }
-
-      &--aligned {
-        display: flex;
-        align-items: center;
-
-        input {
-          margin-top: 0;
-        }
-      }
-
-      @media screen and (max-width: $no-gap-breakpoint) {
-        display: none;
-      }
-    }
-
-    &__actions,
-    &__content {
-      padding: 8px 0;
-      padding-right: 16px;
-      flex: 1 1 auto;
-    }
-  }
-
-  &__toolbar {
-    border: 1px solid var(--background-color);
-    background: var(--brand-color--med);
-    border-radius: 4px 0 0;
-    height: 47px;
-    align-items: center;
-
-    &__actions {
-      text-align: right;
-      padding-right: 16px - 5px;
-    }
-
-    @media screen and (max-width: $no-gap-breakpoint) {
-      display: none;
-    }
-  }
-
-  &__row {
-    border: 1px solid var(--background-color);
-    border-top: 0;
-    background: var(--brand-color--med);
-
-    @media screen and (max-width: $no-gap-breakpoint) {
-      &:first-child {
-        border-top: 1px solid var(--background-color);
-      }
-    }
-
-    &:hover {
-      background: var(--background-color);
-    }
-
-    &:nth-child(even) {
-      background: var(--brand-color--med);
-
-      &:hover {
-        background: var(--brand-color--faint);
-      }
-    }
-
-    &__content {
-      padding-top: 12px;
-      padding-bottom: 16px;
-
-      &--unpadded {
-        padding: 0;
-      }
-    }
-  }
-
-  .status__content {
-    padding-top: 0;
-
-    summary {
-      display: list-item;
-    }
-
-    strong {
-      font-weight: 700;
-    }
-  }
-}